/** Shopify CDN: Minification failed

Line 4537:0 Unexpected ".2column"
Line 5189:23 Expected identifier but found "!"
Line 5312:46 Expected "]" to go with "["
Line 5312:47 Expected identifier but found "#ffffff"
Line 5312:54 Unexpected ";"
Line 5344:97 Unexpected "{"
Line 5634:1 Unexpected "{"
Line 5771:200 Unexpected "{"
Line 5773:0 Unexpected "{"
Line 5846:45 Unexpected "{"

**/
@charset "UTF-8";
.no-js:not(html),
.no-js-inline,
html.no-js .no-js-hidden {
  display: none !important;
}

html.no-js .no-js {
  display: block !important;
}
html.no-js .no-js-inline {
  display: inline-block !important;
}

.page-width {
  max-width: var(--page-width, 1400px);
  margin: 0 auto;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
@media screen and (min-width: 750px) {
  .page-width {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
@media screen and (min-width: 750px) {
  .page-width.width--narrow {
    padding-left: 9rem;
    padding-right: 9rem;
  }
}
@media screen and (min-width: 1200px) {
  .page-width.width--narrow {
    max-width: 72.6rem;
    padding-left: 0;
    padding-right: 0;
  }
}

.full-width {
  width: 100%;
}

.full-height {
  height: 100%;
}

[hidden], .hidden {
  display: none !important;
}

[aria-hidden=true] a,
[aria-hidden=true] button,
[aria-hidden=true] input,
[aria-hidden=true] textarea,
[aria-hidden=true] select {
  visibility: hidden;
  pointer-events: none;
}

@media screen and (max-width: 749px) {
  .small-hide {
    display: none !important;
  }
}
@media screen and (min-width: 750px) and (max-width: 1199px) {
  .medium-hide {
    display: none !important;
  }
}
@media screen and (min-width: 1200px) {
  .large-up-hide {
    display: none !important;
  }
}
a:empty,
ul:empty,
dl:empty,
div:empty,
section:empty,
article:empty,
p:empty,
h1:empty,
h2:empty,
h3:empty,
h4:empty,
h5:empty,
h6:empty {
  display: none;
}

.visually-hidden {
  position: absolute !important;
  overflow: hidden;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  clip: rect(0 0 0 0);
  word-wrap: normal !important;
}

.visibility-hidden {
  visibility: hidden;
}

@media screen and (max-width: 749px) {
  .visually-hidden-mobile {
    position: absolute !important;
    overflow: hidden;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
    clip: rect(0 0 0 0);
    word-wrap: normal !important;
  }
}
.overflow-hidden {
  overflow: hidden;
}

.overflow-hidden-mobile,
.overflow-hidden-tablet,
.overflow-hidden-desktop {
  overflow: hidden;
}

@media screen and (min-width: 750px) {
  .overflow-hidden-mobile {
    overflow: auto;
  }
}
@media screen and (min-width: 1200px) {
  .overflow-hidden-tablet {
    overflow: auto;
  }
}
.d-block,
deferred-media,
product-model {
  display: block;
}

.d-flex {
  display: flex;
  flex-wrap: wrap;
}

.d-inline-flex {
  display: inline-flex;
  flex-wrap: wrap;
}

.gap-1 {
  gap: 0.25rem;
}

.gap-2 {
  gap: 0.5rem;
}

.gap-3 {
  gap: 0.75rem;
}

.gap-4 {
  gap: 1rem;
}

.gap-5 {
  gap: 1.25rem;
}

.gap-6 {
  gap: 1.5rem;
}

.gap-7 {
  gap: 1.75rem;
}

.gap-8 {
  gap: 2rem;
}

.align-items-start {
  align-items: flex-start !important;
}
.align-items-center {
  align-items: center !important;
}
.align-items-end {
  align-items: flex-end !important;
}

.justify-content-start, .justify-content-left {
  justify-content: flex-start !important;
}
.justify-content-center {
  justify-content: center !important;
}
.justify-content-end, .justify-content-right {
  justify-content: flex-end !important;
}
.justify-content-space {
  justify-content: space-between !important;
}

@media screen and (max-width: 749px) {
  .small-align-items-start {
    align-items: flex-start !important;
  }
  .small-align-items-center {
    align-items: center !important;
  }
  .small-align-items-end {
    align-items: flex-end !important;
  }
  .small-justify-content-start {
    justify-content: flex-start !important;
  }
  .small-justify-content-center {
    justify-content: center !important;
  }
  .small-justify-content-end {
    justify-content: flex-end !important;
  }
  .small-justify-content-space {
    justify-content: space-between !important;
  }
}
.link {
  cursor: pointer;
  display: inline-block;
  border: none;
  padding: 0;
  text-decoration: none;
  color: inherit;
  background-color: transparent;
}
.link.link-text[aria-disabled=true], .link.link-text[disabled] {
  opacity: 0.5;
}
@media (prefers-reduced-motion: reduce) {
  .link.link-text:hover {
    opacity: 0.75;
  }
}
@media (prefers-reduced-motion: no-preference) {
  .link.link-text {
    position: relative;
    --underline-scale: 0;
  }
  .link.link-text:after {
    content: "";
    position: absolute;
    top: auto;
    left: 0;
    right: 0;
    bottom: -1px;
    height: 1px;
    width: 100%;
    background: rgba(var(--color-foreground), 1);
    transition: transform 300ms cubic-bezier(0, 0, 0.3, 1);
    transform: scaleX(var(--underline-scale));
    transform-origin: bottom right;
  }
  .link.link-text:hover {
    --underline-scale: 1;
  }
  .link.link-text:hover:after {
    transform-origin: bottom left;
  }
  .link.link-text.show-underline {
    --underline-scale: 1;
  }
  .link.link-text.show-underline:hover {
    --underline-scale: 0;
  }
}
.link.link-full:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.link.link-underline:hover {
  text-decoration: underline;
}

.position-container {
  display: flex;
}
.position-container.position--top-left {
  align-items: flex-start;
  justify-content: flex-start;
}
.position-container.position--top-center {
  align-items: flex-start;
  justify-content: center;
}
.position-container.position--top-right {
  align-items: flex-start;
  justify-content: flex-end;
}
.position-container.position--middle-left {
  align-items: center;
  justify-content: flex-start;
}
.position-container.position--middle-center {
  align-items: center;
  justify-content: center;
}
.position-container.position--middle-right {
  align-items: center;
  justify-content: flex-end;
}
.position-container.position--bottom-left {
  align-items: flex-end;
  justify-content: flex-start;
}
.position-container.position--bottom-center {
  align-items: flex-end;
  justify-content: center;
}
.position-container.position--bottom-right {
  align-items: flex-end;
  justify-content: flex-end;
}
@media screen and (max-width: 749px) {
  .position-container.position--top-left, .position-container.position--top-center, .position-container.position--top-right {
    justify-content: center;
  }
  .position-container.position--middle-left, .position-container.position--middle-center, .position-container.position--middle-right {
    justify-content: center;
  }
  .position-container.position--bottom-left, .position-container.position--bottom-center, .position-container.position--bottom-right {
    justify-content: center;
  }
  .position-container.position-mobile--top-left {
    align-items: flex-start;
    justify-content: flex-start;
  }
  .position-container.position-mobile--top-center {
    align-items: flex-start;
    justify-content: center;
  }
  .position-container.position-mobile--top-right {
    align-items: flex-start;
    justify-content: flex-end;
  }
  .position-container.position-mobile--middle-left {
    align-items: center;
    justify-content: flex-start;
  }
  .position-container.position-mobile--middle-center {
    align-items: center;
    justify-content: center;
  }
  .position-container.position-mobile--middle-right {
    align-items: center;
    justify-content: flex-end;
  }
  .position-container.position-mobile--bottom-left {
    align-items: flex-end;
    justify-content: flex-start;
  }
  .position-container.position-mobile--bottom-center {
    align-items: flex-end;
    justify-content: center;
  }
  .position-container.position-mobile--bottom-right {
    align-items: flex-end;
    justify-content: flex-end;
  }
}

.ms-auto {
  margin-left: auto;
}

.me-auto {
  margin-right: auto;
}

.mx-auto {
  margin-left: auto;
  margin-right: auto;
}

.ps-0 {
  padding-left: 0 !important;
}

.pe-0 {
  padding-right: 0 !important;
}

.pt-0 {
  padding-top: 0 !important;
}

.pb-0 {
  padding-bottom: 0 !important;
}

.ms-0 {
  margin-left: 0 !important;
}

.me-0 {
  margin-right: 0 !important;
}

.mt-0 {
  margin-top: 0 !important;
}

.mb-0 {
  margin-bottom: 0 !important;
}

.ps-1 {
  padding-left: 0.5rem !important;
}

.pe-1 {
  padding-right: 0.5rem !important;
}

.pt-1 {
  padding-top: 0.5rem !important;
}

.pb-1 {
  padding-bottom: 0.5rem !important;
}

.ms-1 {
  margin-left: 0.5rem !important;
}

.me-1 {
  margin-right: 0.5rem !important;
}

.mt-1 {
  margin-top: 0.5rem !important;
}

.mb-1 {
  margin-bottom: 0.5rem !important;
}

.ps-2 {
  padding-left: 1rem !important;
}

.pe-2 {
  padding-right: 1rem !important;
}

.pt-2 {
  padding-top: 1rem !important;
}

.pb-2 {
  padding-bottom: 1rem !important;
}

.ms-2 {
  margin-left: 1rem !important;
}

.me-2 {
  margin-right: 1rem !important;
}

.mt-2 {
  margin-top: 1rem !important;
}

.mb-2 {
  margin-bottom: 1rem !important;
}

.ps-3 {
  padding-left: 1.5rem !important;
}

.pe-3 {
  padding-right: 1.5rem !important;
}

.pt-3 {
  padding-top: 1.5rem !important;
}

.pb-3 {
  padding-bottom: 1.5rem !important;
}

.ms-3 {
  margin-left: 1.5rem !important;
}

.me-3 {
  margin-right: 1.5rem !important;
}

.mt-3 {
  margin-top: 1.5rem !important;
}

.mb-3 {
  margin-bottom: 1.5rem !important;
}

.ps-4 {
  padding-left: 2rem !important;
}

.pe-4 {
  padding-right: 2rem !important;
}

.pt-4 {
  padding-top: 2rem !important;
}

.pb-4 {
  padding-bottom: 2rem !important;
}

.ms-4 {
  margin-left: 2rem !important;
}

.me-4 {
  margin-right: 2rem !important;
}

.mt-4 {
  margin-top: 2rem !important;
}

.mb-4 {
  margin-bottom: 2rem !important;
}

.ps-5 {
  padding-left: 2.5rem !important;
}

.pe-5 {
  padding-right: 2.5rem !important;
}

.pt-5 {
  padding-top: 2.5rem !important;
}

.pb-5 {
  padding-bottom: 2.5rem !important;
}

.ms-5 {
  margin-left: 2.5rem !important;
}

.me-5 {
  margin-right: 2.5rem !important;
}

.mt-5 {
  margin-top: 2.5rem !important;
}

.mb-5 {
  margin-bottom: 2.5rem !important;
}

.ps-6 {
  padding-left: 3rem !important;
}

.pe-6 {
  padding-right: 3rem !important;
}

.pt-6 {
  padding-top: 3rem !important;
}

.pb-6 {
  padding-bottom: 3rem !important;
}

.ms-6 {
  margin-left: 3rem !important;
}

.me-6 {
  margin-right: 3rem !important;
}

.mt-6 {
  margin-top: 3rem !important;
}

.mb-6 {
  margin-bottom: 3rem !important;
}

*:focus {
  outline: 0;
  box-shadow: none;
}

*:focus-visible {
  outline: 2px solid rgba(var(--color-outline), 0.75) !important;
  box-shadow: 0 0 5px 3px rgb(var(--color-outline), 0.2);
  outline-offset: 3px;
}
*:focus-visible.focus-inset {
  outline: 2px solid rgba(var(--color-outline), 0.75) !important;
  box-shadow: 0 0 5px 3px rgb(var(--color-outline), 0.2);
  outline-offset: -2px;
}
*:focus-visible.focus-none {
  outline: none !important;
  box-shadow: none !important;
}

.focused {
  outline: 2px solid rgba(var(--color-outline), 0.75) !important;
  box-shadow: 0 0 5px 3px rgb(var(--color-outline), 0.2);
  outline-offset: 3px;
}
.focused.focus-inset {
  outline: 2px solid rgba(var(--color-outline), 0.75) !important;
  box-shadow: 0 0 5px 3px rgb(var(--color-outline), 0.2);
  outline-offset: -2px;
}

.no-js *:focus {
  outline: 2px solid rgba(var(--color-outline), 0.75) !important;
  box-shadow: 0 0 5px 3px rgb(var(--color-outline), 0.2);
  outline-offset: 3px;
}
.no-js *:focus.focus-inset {
  outline: 2px solid rgba(var(--color-outline), 0.75) !important;
  box-shadow: 0 0 5px 3px rgb(var(--color-outline), 0.2);
  outline-offset: -2px;
}
.no-js *:focus.focus-none {
  outline: none !important;
  box-shadow: none !important;
}
.no-js *:focus:not(:focus-visible) {
  outline: none !important;
  box-shadow: none !important;
}
.no-js *:focus:not(:focus-visible).focus-inset {
  outline: none !important;
  box-shadow: none !important;
}

.gradient {
  --alpha-background: 1;
  background: var(--gradient-background, rgba(var(--color-background), var(--alpha-background)));
  background-attachment: fixed;
}

.background--blur {
  backdrop-filter: blur(1rem);
}

.background--transparent {
  background-color: transparent !important;
}

.reverse-color {
  background-color: rgb(var(--color-foreground)) !important;
  color: rgb(var(--color-background)) !important;
}

.isolate {
  position: relative;
  z-index: 0;
}
.isolate.isolate--higher {
  z-index: 1;
}

body[scroll-y-off] {
  width: 100%;
  position: fixed;
}

hr {
  border: none;
  height: 1px;
  background-color: rgba(var(--color-foreground), 0.1);
  display: block;
  margin: 1rem 0;
}
hr.hr--l {
  margin: 2rem 0;
}

.list-unstyled {
  list-style: none;
  padding: 0;
  margin: 0;
}

.no-pointer-event {
  pointer-events: none !important;
}

.round {
  border-radius: 9999px;
  overflow: hidden;
}

.sm-round {
  border-radius: var(--small-radius);
  overflow: hidden;
}

.md-round {
  border-radius: var(--medium-radius);
  overflow: hidden;
}

.lg-round {
  border-radius: var(--large-radius);
  overflow: hidden;
}

.blur {
  filter: blur(1rem);
}

.skip-to-content-link:focus {
  z-index: 101;
  position: inherit;
  overflow: auto;
  width: auto;
  height: auto;
  clip: auto;
}

::selection {
  background-color: rgba(var(--color-foreground), 0.2);
}

.ratio {
  position: relative;
  display: flex;
  align-items: stretch;
}
.ratio:before {
  content: "";
  display: block; /* 防止宽度高度没有作用 */
  width: 0;
  height: 0;
  padding-bottom: var(--ratio-percent);
}

.icon {
  width: 0.875rem;
  height: auto;
}

.texture-background-image {
  position: absolute !important;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  pointer-events: none;
}
.texture-background-image.background--fixed {
  clip-path: inset(-1px); /* -1px 可以抗锯齿 */
}
.texture-background-image.background--fixed img, .texture-background-image.background--fixed svg {
  position: fixed !important;
}
.texture-background-image.background--ambient-move img, .texture-background-image.background--ambient-move svg {
  animation: ambientMove 30s linear infinite;
}

picture img {
  width: 100%;
  height: 100%;
}

.media {
  display: block;
  position: relative;
  overflow: hidden;
}
.media > :not(.zoom, .button, .deferred-media-poster-button, .loading-overlay-spinner), .media model-viewer {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.media img {
  object-fit: cover;
  object-position: center center;
}
.media.media-fit--cover img {
  object-fit: cover;
}
.media.media-fit--contain img {
  object-fit: contain;
}
.media.media--square, .media.media--narrow, .media.media--panoramic, .media.media--landscape, .media.media--portrait, .media.media--adapt {
  --padding-bottom: 100%;
}
.media.media--square:before, .media.media--narrow:before, .media.media--panoramic:before, .media.media--landscape:before, .media.media--portrait:before, .media.media--adapt:before {
  content: "";
  display: block;
  pointer-events: none;
  padding-bottom: var(--padding-bottom);
}
.media.media--adapt {
  --padding-bottom: var(--ratio-percent, 100%);
}
.media.media--portrait {
  --padding-bottom: 125%;
}
.media.media--landscape {
  --padding-bottom: 62.5%;
}
.media.media--panoramic {
  --padding-bottom: 56.25%;
}
.media.media--narrow {
  --padding-bottom: 45%;
}
.media.media--circle {
  border-radius: 9999px;
  overflow: hidden;
}

.media-poster {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  padding: 0;
}

.video-model-media {
  display: block;
  position: relative;
  overflow: hidden;
}
.video-model-media video, .video-model-media iframe, .video-model-media .shopify-model-viewer-ui, .video-model-media model-viewer {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
}
.video-model-media.media-fit--cover video, .video-model-media.media-fit--cover iframe, .video-model-media.media-fit--cover .shopify-model-viewer-ui, .video-model-media.media-fit--cover model-viewer {
  object-fit: cover;
}

.deferred-media video, .deferred-media iframe, .deferred-media .shopify-model-viewer-ui, .deferred-media model-viewer {
  display: none;
}
.deferred-media[loaded] video, .deferred-media[loaded] iframe, .deferred-media[loaded] .shopify-model-viewer-ui, .deferred-media[loaded] model-viewer {
  display: block;
}
.deferred-media[loaded]:not(product-model) .media-poster {
  filter: blur(1rem);
}

.font-body {
  font-family: var(--font-body-family), serif !important;
  font-style: var(--font-body-style) !important;
  font-weight: var(--font-body-weight) !important;
  letter-spacing: var(--font-body-letter-spacing) !important;
}

.font-decorative {
  font-family: var(--font-decorative-family), serif !important;
  font-style: var(--font-decorative-style) !important;
  letter-spacing: var(--font-decorative-letter-spacing) !important;
}

b,
.font-weight-bold {
  font-weight: var(--font-body-weight-bold) !important;
}

/* Italics */
.font-italic {
  font-style: italic;
}

/* Font size */
.font-size-extra-s {
  font-size: 0.5rem !important;
}

.font-size-xxs {
  font-size: 0.625rem !important;
}

.font-size-xs {
  font-size: 0.75rem !important;
}

.font-size-s {
  font-size: 0.875rem !important;
}

.font-size-l {
  font-size: 1.25rem !important;
}

.font-size-xl {
  font-size: 1.5rem !important;
}

.font-size-xxl {
  font-size: 1.75rem !important;
}

.font-size-extra-l {
  font-size: 2rem !important;
}

/* Letter spacing */
.letter-space-1 {
  letter-spacing: 1px;
}

.letter-space-2 {
  letter-spacing: 2px;
}

.letter-space-3 {
  letter-spacing: 3px;
}

/* Line height */
.lh-0 {
  line-height: 0 !important;
}

/* Line height set to 1 - Used for elements that should have standard line height */
.lh-1 {
  line-height: 1;
}

/* Line height set to 2 - Used for elements that need more spacing */
.lh-2 {
  line-height: 2;
}

.ln-normal {
  line-height: normal;
}

.uppercase {
  text-transform: uppercase !important;
}

.capitalize {
  text-transform: capitalize !important;
}

.lowercase {
  text-transform: lowercase !important;
}

.light {
  opacity: 0.75 !important;
}

.lighter {
  opacity: 0.5 !important;
}

.underline {
  text-decoration: underline !important;
}

.line-through {
  text-decoration: line-through !important;
}

.break {
  word-break: break-word;
}

s {
  opacity: 0.75;
  font-weight: normal;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h0,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-family: var(--font-heading-family), serif;
  font-style: var(--font-heading-style);
  letter-spacing: var(--font-header-letter-spacing);
  font-weight: var(--font-heading-weight);
  color: inherit;
  line-height: normal;
  word-break: normal;
  margin-block-start: 0;
  margin-block-end: 1rem;
}

.hxxl {
  font-size: 4rem;
}

.hxl {
  font-size: 3rem;
}

.h0 {
  font-size: 2.25rem;
}

h1,
.h1 {
  font-size: 2rem;
}

h2,
.h2 {
  font-size: 1.75rem;
}

h3,
.h3 {
  font-size: 1.5rem;
}

h4,
.h4 {
  font-size: 1.25rem;
}

h5,
.h5 {
  font-size: 1rem;
}

h6,
.h6 {
  font-size: 0.875rem;
}

p {
  margin-block-start: 0;
  margin-block-end: 0.5rem;
}

blockquote {
  font-style: italic;
  color: rgba(var(--color-foreground), 0.75);
  border-left: 2px solid rgba(var(--color-foreground), 0.2);
  padding-left: 1rem;
}

fieldset {
  border: none;
  padding: 0;
  margin: 0;
}
fieldset legend {
  padding: 0;
  margin: 0;
  border: none;
  background: transparent;
  box-shadow: none;
}

.caption {
  font-size: 0.75rem;
  text-transform: uppercase;
  color: rgba(var(--color-foreground), 0.75);
}

.rte > *:first-child {
  margin-top: 0;
}
.rte > *:last-child {
  margin-bottom: 0;
}
.rte > *:is(p) {
  margin-bottom: 1.5rem;
}
.rte > *:is(ul, ol, div) {
  margin-bottom: 1rem;
}
.rte h1, .rte h2, .rte h3, .rte h4, .rte h5, .rte h6 {
  margin-bottom: 0.5rem;
}
.rte table {
  table-layout: fixed;
}
@media screen and (min-width: 750px) {
  .rte table td {
    padding-left: 1.2rem;
    padding-right: 1.2rem;
  }
}
.rte img {
  height: auto;
  max-width: 100%;
  border-radius: var(--medium-radius);
}
.rte video, .rte iframe {
  width: 100%;
  height: auto;
  border-radius: var(--medium-radius);
  border: none;
}
.rte iframe {
  aspect-ratio: 16/9;
}
.rte ul, .rte ol {
  list-style-position: inside;
  padding-left: 2rem;
}
.rte li {
  list-style: inherit;
  margin-bottom: 0.5rem;
}
.rte li p {
  display: inline;
}
.rte li:last-child {
  margin-bottom: 0;
}
.rte a {
  --color-opacity: 0.75;
  color: rgba(var(--color-foreground), var(--color-opacity));
  text-decoration: underline;
  text-underline-offset: 3px;
  text-decoration-thickness: 1px;
  transition: text-decoration-thickness 100ms ease;
}
.rte a:hover {
  --color-opacity: 1;
  text-decoration-thickness: 2px;
}
.rte blockquote {
  display: inline-flex;
}
.rte blockquote > * {
  margin: -0.5rem 0 -0.5rem 0;
}
.rte:after {
  clear: both;
  content: "";
  display: block;
}

.text-align--left {
  text-align: left !important;
}
.text-align--center {
  text-align: center !important;
}
.text-align--right {
  text-align: right !important;
}

@media screen and (max-width: 749px) {
  .text-align-mobile--left {
    text-align: left !important;
  }
  .text-align-mobile--center {
    text-align: center !important;
  }
  .text-align-mobile--right {
    text-align: right !important;
  }
}
table:not([class]) {
  table-layout: fixed;
  border-collapse: collapse;
  border-style: hidden;
  box-shadow: 0 0 0 1px rgba(var(--color-foreground), 0.2);
}
table:not([class]) td, table:not([class]) th {
  padding: 1rem;
  border: 1px solid rgba(var(--color-foreground), 0.2);
}
table.table-collapse {
  border-collapse: collapse;
}

details > * {
  box-sizing: border-box;
}

summary {
  cursor: pointer;
  list-style: none;
}
summary::-webkit-details-marker {
  display: none;
}

.details-disclosure summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 0.5rem 0;
}
.details-disclosure summary .icon {
  flex: 0 0 auto;
  width: 0.875rem;
  opacity: 0.75;
  transition: transform 300ms ease;
}
.details-disclosure .details-disclosure-content {
  padding: 0.5rem 0;
  visibility: hidden;
  opacity: 0;
}
.details-disclosure.has-opened summary .icon {
  transform: scaleY(-1);
}
.details-disclosure.has-opened .details-disclosure-content {
  visibility: visible;
  opacity: 1;
  animation: slideIn 300ms ease;
}

.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -1.5rem;
  margin-left: -1.5rem;
}

.col {
  padding-right: 1.5rem;
  padding-left: 1.5rem;
  flex: 1 1 0;
  width: 100%;
}

.col-auto {
  flex: 0 0 auto;
  width: auto;
  max-width: 100%;
}

.col-1 {
  flex: 0 0 8.3333333333%;
  max-width: 8.3333333333%;
}

.col-2 {
  flex: 0 0 16.6666666667%;
  max-width: 16.6666666667%;
}

.col-3 {
  flex: 0 0 25%;
  max-width: 25%;
}

.col-4 {
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
}

.col-5 {
  flex: 0 0 41.6666666667%;
  max-width: 41.6666666667%;
}

.col-6 {
  flex: 0 0 50%;
  max-width: 50%;
}

.col-7 {
  flex: 0 0 58.3333333333%;
  max-width: 58.3333333333%;
}

.col-8 {
  flex: 0 0 66.6666666667%;
  max-width: 66.6666666667%;
}

.col-9 {
  flex: 0 0 75%;
  max-width: 75%;
}

.col-10 {
  flex: 0 0 83.3333333333%;
  max-width: 83.3333333333%;
}

.col-11 {
  flex: 0 0 91.6666666667%;
  max-width: 91.6666666667%;
}

.col-12 {
  flex: 0 0 100%;
  max-width: 100%;
}

@media (min-width: 750px) {
  .col-md {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-md-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-md-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-md-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-md-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-md-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-md-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-md-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-md-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-md-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-md-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-md-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-md-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media (min-width: 1200px) {
  .col-lg {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-lg-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-lg-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-lg-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-lg-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-lg-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-lg-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-lg-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-lg-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-lg-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-lg-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-lg-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-lg-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.auto-grid {
  display: grid;
  gap: 1.25rem;
  padding: 0;
  grid-template-columns: repeat(auto-fill, minmax(var(--item-min-size, 0), 1fr));
}
.auto-grid .grid-item {
  min-width: var(--item-min-size, 0);
  max-width: 100%;
}
@media screen and (max-width: 749px) {
  .auto-grid {
    grid-template-columns: repeat(auto-fill, minmax(var(--item-min-size-mobile, var(--item-min-size, 0)), 1fr));
  }
  .auto-grid .grid-item {
    min-width: var(--item-min-size-mobile, var(--item-min-size, 0));
  }
}

.shopify-challenge__button, .button {
  --buttons-radius: var(--small-radius);
  --border-width: 1px;
  --border-color: var(--color-button-text);
  --border-offset: 1px; /* reduce radius edge artifacts */
  --border-opacity: 0.05; /* 按钮边框透明度 */
  --alpha-button-background: 1;
  --alpha-button-text: 1;
  position: relative;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  padding: 0 2rem;
  min-height: 3rem;
  min-width: 3rem;
  width: auto;
  max-width: 100%;
  border: 0;
  border-radius: var(--buttons-radius);
  font: inherit;
  font-size: 0.875rem;
  font-weight: var(--font-body-weight-bold);
  line-height: 1;
  text-decoration: none;
  color: rgba(var(--color-button-text), var(--alpha-button-text));
  background: rgba(var(--color-button), var(--alpha-button-background));
  overflow: hidden;
  appearance: none;
  pointer-events: auto;
  cursor: pointer;
}
.focus-inset.shopify-challenge__button, .focus-inset.button {
  --color-outline: var(--color-button-text);
}
.shopify-challenge__button:after, .button:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  box-shadow: inset 0 0 0 var(--border-width) rgba(var(--border-color), var(--border-opacity));
  pointer-events: none;
  border-radius: var(--buttons-radius);
  transition: box-shadow 300ms ease;
}

.button .icon {
  width: 1.25rem;
  height: auto;
  pointer-events: none;
  flex-shrink: 0;
  flex-grow: 0;
}
.button .icon.icon-arrow-right, .button .icon.icon-arrow-left {
  transition: transform 300ms cubic-bezier(0, 0, 0.3, 1);
}
.button:hover .icon-arrow-right {
  transform: translateX(0.5rem);
}
.button:hover .icon-arrow-left {
  transform: translateX(-0.5rem);
}
.button[disabled], .button[aria-disabled=true], .button .disabled {
  cursor: not-allowed;
  opacity: 0.5 !important;
}
.button.button--icon {
  padding: 0 !important;
  min-width: 3rem;
  min-height: 3rem;
}
.button.button--icon .icon {
  transition: transform 300ms cubic-bezier(0, 0, 0.3, 1);
}
.button.button--icon:hover .icon {
  transform: scale(1.2);
}
.button.button--secondary {
  --border-opacity: 1;
  --alpha-button-background: 0;
  --color-button-text: var(--color-secondary-button-text);
}
.button.button--secondary:not([disabled], [aria-disabled=true]):hover:after {
  --border-width: 2px;
}
.button.button--tertiary {
  --border-opacity: 0;
  --color-button-text: var(--color-foreground);
  --color-button: var(--color-foreground);
  --alpha-button-background: 0.02;
  text-decoration: underline;
}
.button.button--tertiary:not([disabled], [aria-disabled=true]):hover {
  --alpha-button-background: 0.05;
}
.button.button--ethereal {
  --border-opacity: 0;
  --color-button-text: var(--color-foreground);
  --color-button: var(--color-foreground);
  --alpha-button-background: 0;
}
.button.button--ethereal:not([disabled], [aria-disabled=true]):hover {
  --alpha-button-text: 0.5;
}
.button.button--ambient {
  --color-button-text: var(--color-foreground);
  --color-button: var(--color-background);
}
.button.button--ambient-reverse {
  --color-button-text: var(--color-background);
  --color-button: var(--color-foreground);
}
.button.button--float {
  --color-button-text: var(--color-background);
  --alpha-button-background: 0.1;
  --color-button: var(--color-foreground);
  --border-opacity: 0.5;
  backdrop-filter: blur(8px);
}
.button.button--pill {
  --buttons-radius: 9999px;
}
.button.button--full-width {
  display: flex;
  width: 100%;
}
.button.button--large {
  padding: 0 4.5rem;
  min-width: 4.5rem;
  min-height: 4.5rem;
  font-size: 1.125rem;
}
.button.button--large .icon {
  width: 1.75rem;
}
.button.button--small {
  padding: 0 1.25rem;
  min-height: 2.25rem;
  min-width: 2.25rem;
  font-size: 0.75rem;
}
.button.button--small .icon {
  width: 1rem;
}
.button.button--mini {
  padding: 0 0.875rem;
  min-height: 2rem;
  min-width: 2rem;
  font-size: 0.625rem;
  gap: 0.25rem;
}
.button.button--mini .icon {
  width: 0.875rem;
}
.button.button--hover-animate:not([disabled], [aria-disabled=true]) {
  transition: transform 300ms cubic-bezier(0, 0, 0.3, 1);
}
.button.button--hover-animate:not([disabled], [aria-disabled=true]):before {
  content: "";
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  background: rgb(var(--color-button-text));
  opacity: 0;
  transition: opacity 300ms cubic-bezier(0, 0, 0.3, 1);
}
.button.button--hover-animate:not([disabled], [aria-disabled=true]):hover {
  transform: translateY(-0.125rem);
}
.button.button--hover-animate:not([disabled], [aria-disabled=true]):hover:before {
  opacity: 0.2;
}

.button-group {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
}
.button-group.button--multiple {
  flex-wrap: wrap;
}
.button-group.button--multiple .button {
  flex: 1 1 auto;
}

.button--clear {
  background: none; /* 移除背景 */
  color: inherit; /* 继承文本颜色 */
  border: none; /* 移除边框 */
  padding: 0; /* 移除内边距 */
  margin: 0; /* 移除外边距 */
  font-size: inherit; /* 继承字体样式 */
  cursor: pointer; /* 指针样式 */
  appearance: none; /* 移除浏览器默认样式 */
  outline: none; /* 移除聚焦时的外边框 */
}

[role=button] {
  cursor: pointer;
}

.select, .field {
  --color-input-border: var(--color-foreground);
  --border-width: 1px;
  --alpha-input-border: 1;
  --alpha-input-text: 1;
  --input-radius: var(--small-radius);
  position: relative;
  display: flex;
  align-items: stretch;
  gap: 0.5rem;
  font-size: 1rem;
  background: rgba(var(--color-background), 0.1);
  backdrop-filter: blur(1rem);
  border-radius: var(--input-radius);
}
.select:after, .field:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  box-shadow: inset 0 0 0 var(--border-width) rgb(var(--color-input-border));
  border-radius: var(--input-radius);
  pointer-events: none;
  z-index: 1;
  transition: box-shadow 100ms ease;
}
.select:hover, .field:hover, .select:has(input:focus, select:focus, textarea:focus), .field:has(input:focus, select:focus, textarea:focus) {
  --border-width: 2px;
}
.field-error.select, .field-error.field {
  --color-input-border: var(--color-error);
  --color-background: var(--color-error);
}

.select .select-select, .field .field-input {
  -webkit-appearance: none;
  appearance: none;
  box-sizing: border-box;
  position: relative;
  flex: 1 1 auto;
  color: rgba(var(--color-foreground), var(--alpha-input-text));
  background: transparent;
  border-radius: var(--input-radius);
  height: 3rem; /* 基础输入框的尺寸 */
  width: 100%;
  min-width: 8rem;
  padding: 0 1rem;
  border: 0;
}
.select .select-select:focus, .field .field-input:focus, .select .select-select:focus-visible, .field .field-input:focus-visible {
  outline: none !important;
  box-shadow: none !important;
}
.select .select-select :disabled, .field .field-input :disabled {
  background: rgba(var(--color-foreground), 0.1);
}

.field .field-input.text-area {
  padding: 1rem;
  min-height: 10rem;
}
.field .field-input.text-area ~ .field-label {
  padding: 1rem;
  align-items: flex-start;
}
.field .field-input:not(:placeholder-shown) ~ .field-label, .field .field-input:-webkit-autofill ~ .field-label, .field .field-input:focus ~ .field-label {
  display: none;
}
.field .field-input:-webkit-autofill ~ .field-button, .field .field-input:-webkit-autofill ~ .field-label {
  color: rgb(0, 0, 0);
}
.field .field-input::-webkit-search-cancel-button {
  display: none;
}
.field .field-input::placeholder {
  opacity: 0;
}
@media screen and (max-width: 749px) {
  .field .field-input {
    font-size: 16px;
  }
}
.field .field-label {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  padding: 0 1rem;
  display: flex;
  align-items: center;
  pointer-events: none;
  color: rgba(var(--color-foreground), 0.75);
  font-size: 0.875rem;
  line-height: 1;
}
.field .field-button {
  background: none; /* 移除背景 */
  color: inherit; /* 继承文本颜色 */
  border: none; /* 移除边框 */
  margin: 0; /* 移除外边距 */
  cursor: pointer; /* 指针样式 */
  appearance: none; /* 移除浏览器默认样式 */
  height: auto;
  padding: 0 1rem;
  font-size: 0.75rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.field .field-button .icon {
  width: 1.5rem;
}
.field.field--no-border {
  --border-width: 0;
  --alpha-input-border: 0;
  background: rgba(var(--color-foreground), 0.1);
}
.field.field--pill {
  --input-radius: 9999px;
}
.field.field--line {
  background: none;
  backdrop-filter: none;
}
.field.field--line:after {
  box-shadow: inset 0 calc(var(--border-width) * -1) 0 0 rgb(var(--color-input-border));
}
.field.field--line .field-label {
  padding-left: 0;
}
.field.field--line .field-input {
  padding-left: 0;
}
.field.field--line .field-button {
  padding-right: 0;
}

.select .select-select {
  --alpha-input-text: 0.75;
  padding-right: 2rem;
  cursor: pointer;
}
.select .select-select option {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: white;
  color: black;
  padding: 0.25rem 1rem;
}
.select .select-select::-ms-expand {
  display: none;
}
.select .field-button {
  position: absolute;
  right: 1rem;
  top: 50%;
  transform: translateY(-50%);
  bottom: 0;
  pointer-events: none;
  display: flex;
}
.select .field-button .icon {
  width: 0.875rem;
}
.select.select--inline {
  display: inline-flex;
  width: auto;
}

.field-line-group {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  flex-wrap: nowrap;
}
.field-line-group > * {
  flex: 1 1 50%;
}

.flexible-group {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  flex-wrap: wrap;
}
.flexible-group .field {
  flex: 100 1 auto;
}
.flexible-group .button {
  flex: 1 100 auto;
}

.radio, .checkbox {
  --border-radius: var(--small-radius);
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.radio input, .checkbox input {
  position: absolute;
  opacity: 0;
  z-index: -1;
  margin: 0;
  padding: 0;
}
.radio label, .checkbox label {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  word-break: break-word;
}
.radio label .input-face, .checkbox label .input-face {
  flex: 0 0 auto;
  display: inline-block;
  width: 1.25rem;
  height: 1.25rem;
  overflow: hidden;
  position: relative;
  border-radius: var(--border-radius);
}
.radio label .input-face:after, .checkbox label .input-face:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  box-shadow: inset 0 0 0 1px rgba(var(--color-foreground), 0.4);
  border-radius: var(--border-radius);
  pointer-events: none;
  z-index: 1;
}
.radio label .input-face span, .checkbox label .input-face span {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  --alpha-background: 0;
  border-radius: var(--border-radius);
  background: rgba(var(--color-foreground), var(--alpha-background));
  transition: transform 100ms cubic-bezier(0, 0, 0.3, 1);
}
.radio label:hover .input-face span, .checkbox label:hover .input-face span, .radio label:has(input:focus-visible) .input-face span, .checkbox label:has(input:focus-visible) .input-face span {
  --alpha-background: 0.2;
  transform: scale(0.6);
}
.radio label:has(input:checked) .input-face, .checkbox label:has(input:checked) .input-face {
  --color-pulse: var(--color-foreground);
  animation: pulse 100ms cubic-bezier(0, 0, 0.3, 1);
}
.radio label:has(input:checked) .input-face span, .checkbox label:has(input:checked) .input-face span {
  --alpha-background: 1;
  transform: scale(0.5);
}

.radio {
  --border-radius: 9999px;
}

.search-field .field-button-group {
  display: flex;
  align-items: stretch;
}
.search-field .field-button-group .search-button {
  opacity: 0.75;
}
.search-field .field-button-group .reset-button {
  padding: 0;
}
.search-field .reset-button {
  opacity: 0.5;
  width: max-content;
  white-space: nowrap;
}

.search-trending-main {
  min-height: 10rem;
  overflow: hidden;
}
.search-trending-main .keyword-list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  align-content: flex-start;
  gap: 1rem;
  row-gap: 0.5rem;
  font-size: 0.875rem;
  opacity: 0.75;
}
.search-trending-main .keyword-list .hot {
  font-weight: var(--font-body-weight-bold);
}
.search-trending-main .suggest-icon {
  width: 100%;
  height: 15rem;
}
.search-trending-main .search-tips {
  height: 15rem;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  opacity: 0.75;
}

.drop-menu {
  position: relative;
}
.drop-menu.has-opened:not([data-constrain]) .drop-menu-button .icon-caret {
  transform: scaleY(-1);
}
.drop-menu.has-opened:not([data-constrain]) .drop-menu-wrapper {
  visibility: visible;
  opacity: 1;
  animation: slideIn 300ms ease;
}
.drop-menu.has-opened:not([data-constrain]) .drop-menu-wrapper.pop-from--top {
  animation: slideInFromTop 300ms ease;
}
.drop-menu.has-opened:not([data-constrain]) .drop-menu-wrapper.pop-from--left {
  animation: slideInFromLeft 300ms ease;
}
.drop-menu.has-opened:not([data-constrain]) .drop-menu-wrapper.pop-from--right {
  animation: slideInFromRight 300ms ease;
}
.drop-menu.has-opened[data-constrain].position--constrained .drop-menu-button .icon-caret {
  transform: scaleY(-1);
}
.drop-menu.has-opened[data-constrain].position--constrained .drop-menu-wrapper {
  visibility: visible;
  opacity: 1;
  animation: slideIn 300ms ease;
}
.drop-menu.has-opened[data-constrain].position--constrained .drop-menu-wrapper.pop-from--top {
  animation: slideInFromTop 300ms ease;
}
.drop-menu.has-opened[data-constrain].position--constrained .drop-menu-wrapper.pop-from--left {
  animation: slideInFromLeft 300ms ease;
}
.drop-menu.has-opened[data-constrain].position--constrained .drop-menu-wrapper.pop-from--right {
  animation: slideInFromRight 300ms ease;
}
.drop-menu .drop-menu-button {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  min-height: 3rem;
  padding: 0 1.5rem;
  --alpha-button-background: 0;
  background: rgba(var(--color-foreground), var(--alpha-button-background));
  cursor: pointer;
  position: relative;
  border-radius: var(--small-radius);
}
.drop-menu .drop-menu-button:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  box-shadow: inset 0 0 0 1px rgb(var(--color-foreground));
  border-radius: var(--small-radius);
  pointer-events: none;
  z-index: 1;
  transition: box-shadow 100ms ease;
}
.drop-menu .drop-menu-button:hover:after {
  box-shadow: inset 0 0 0 2px rgb(var(--color-foreground));
}
.drop-menu .drop-menu-button:hover {
  --alpha-button-background: 0.05;
}
.drop-menu .drop-menu-button .icon-caret {
  width: 0.75rem;
  opacity: 0.75;
  transition: transform 300ms ease;
}
.drop-menu .drop-menu-wrapper {
  position: absolute;
  border-radius: var(--small-radius);
  top: 100%;
  bottom: auto;
  left: 0;
  min-width: 100%;
  width: max-content;
  overflow: hidden;
  background: rgb(var(--color-background));
  visibility: hidden;
  opacity: 0;
  z-index: 1;
  padding: 1rem;
  margin-top: 0.5rem;
}
.drop-menu .drop-menu-wrapper:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  box-shadow: inset 0 0 0 1px rgb(var(--color-foreground), 0.5);
  border-radius: var(--small-radius);
  pointer-events: none;
  z-index: 1;
}
.drop-menu .drop-menu-wrapper.pop-from--top {
  top: auto;
  bottom: 100%;
  margin-top: 0;
  margin-bottom: 0.5rem;
}
.drop-menu .drop-menu-wrapper .drop-menu-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.quantity {
  font-size: 0.875rem;
  color: rgb(var(--color-foreground));
  width: 12.5rem;
  display: flex;
  align-items: stretch;
  --inputs-border-opacity: 0.5;
  --border-radius: var(--small-radius);
  position: relative;
  border-radius: var(--border-radius);
}
.quantity:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  box-shadow: inset 0 0 0 1px rgba(var(--color-foreground), var(--inputs-border-opacity));
  border-radius: var(--border-radius);
  pointer-events: none;
  z-index: 1;
}
.quantity .quantity-input {
  font-weight: var(--font-body-weight-bold);
  text-align: center;
  color: inherit;
  background: transparent;
  border: 0;
  padding: 0 0.5rem;
  width: 100%;
  flex: 1 1 auto;
  appearance: none;
  -moz-appearance: textfield;
}
.quantity .quantity-input:focus, .quantity .quantity-input:focus-visible {
  background: rgb(var(--color-background));
  z-index: 2;
}
.quantity .quantity-input::-webkit-outer-spin-button, .quantity .quantity-input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.quantity .quantity-button {
  width: 4.5rem;
  height: 4.5rem;
  flex: 0 0 auto;
  border: 0;
  padding: 0;
  color: inherit;
  background: transparent;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
.quantity .quantity-button.disabled {
  cursor: not-allowed;
  opacity: 0.5;
}

.title-wrapper {
  position: relative;
  padding-top: 1rem;
  margin-bottom: 2rem;
  overflow: hidden;
}
.title-wrapper .text-content {
  max-width: 60rem;
  display: inline-block;
}
.title-wrapper .water-text {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  font-size: 5rem;
  font-weight: 900;
  text-transform: uppercase;
  color: rgba(var(--color-foreground), 0.05);
  line-height: 0.875;
  z-index: -1;
  pointer-events: none;
}
.title-wrapper.title-wrapper--with-bottom {
  padding-bottom: 2rem;
  border-bottom: 1px solid rgba(var(--color-foreground), 0.2);
}
@media screen and (max-width: 749px) {
  .title-wrapper .water-text {
    font-size: 3rem;
  }
}

.has-loading .loading-overlay-spinner {
  display: none;
}
.has-loading.loading {
  opacity: 0.5;
  pointer-events: none;
  user-select: none;
}
.has-loading.loading .loading-overlay-spinner {
  display: inline-flex;
  line-height: 0;
  align-items: center;
  justify-content: center;
}
.has-loading.loading .loading-overlay-spinner .spinner {
  width: 1.25rem;
  height: auto;
  animation: loading-rotator 1.4s linear infinite;
}
.has-loading.loading .loading-overlay-spinner .spinner circle {
  stroke-dasharray: 280;
  stroke-dashoffset: 0;
  transform-origin: center;
  stroke: currentColor;
  animation: loading-dash 1.4s ease-in-out infinite;
}
.has-loading.loading .loading-hidden {
  display: none !important;
}
@keyframes loading-rotator {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(270deg);
  }
}
@keyframes loading-dash {
  0% {
    stroke-dashoffset: 280;
  }
  50% {
    stroke-dashoffset: 75;
    transform: rotate(135deg);
  }
  100% {
    stroke-dashoffset: 280;
    transform: rotate(450deg);
  }
}

.beauty-scrollbar {
  /* Firefox */
  scrollbar-width: thin; /* 设置滚动条宽度 */
  scrollbar-color: rgba(var(--color-background), 0.5) rgba(var(--color-foreground), 1); /* 设置滚动条滑块和轨道颜色 */
}
.beauty-scrollbar::-webkit-scrollbar {
  width: 0.25rem;
  height: 0.25rem;
}
.beauty-scrollbar::-webkit-scrollbar-track {
  background: rgba(var(--color-foreground), 1); /* 滚动条轨道颜色，保持不变 */
}
.beauty-scrollbar::-webkit-scrollbar-thumb {
  background: rgba(var(--color-background), 0.5); /* 滚动条滑块颜色 */
  border-radius: var(--small-radius); /* 滚动条滑块圆角 */
}
.beauty-scrollbar::-webkit-scrollbar-thumb:hover {
  background: rgba(var(--color-background), 0.85); /* 滚动条滑块悬停颜色，稍微加深 */
}

.hidden-scrollbar {
  scrollbar-width: none; /* Firefox */
}
.hidden-scrollbar::-webkit-scrollbar {
  display: none; /* 完全隐藏滚动条 */
}

.sticky-scroll {
  display: block;
  position: relative;
}
.sticky-scroll .sticky-scroll-container {
  position: sticky;
  top: 0;
  height: 100vh;
  overflow: hidden;
}

.tool-tip {
  position: fixed;
  right: auto;
  bottom: auto;
  transform: translateX(-50%) translateY(-100%);
  z-index: 103;
  background-color: rgb(var(--color-foreground));
  color: rgb(var(--color-background));
  padding: 0.5rem 1rem;
  font-size: 0.75rem;
  line-height: normal;
  font-weight: var(--font-body-weight-bold);
  border-radius: 9999px;
  width: max-content;
  max-width: 10rem;
}
.tool-tip:after {
  position: absolute;
  content: "";
  height: 0.5rem;
  width: 0.5rem;
  background: inherit;
  top: 100%;
  bottom: auto;
  left: 50%;
  right: auto;
  transform: translateX(-50%) translateY(-50%) rotate(45deg);
}

.typing-words {
  position: relative;
}
.typing-words:after {
  content: "|";
  margin-left: 2px;
  animation: blink 1s ease infinite;
}

.image-lazy-loading.loading-animation--pixel {
  image-rendering: pixelated;
}
.image-lazy-loading.loading-animation--pixel.image-lazy-loaded {
  image-rendering: auto;
}
.image-lazy-loading.loading-animation--breathing:not(.image-lazy-loaded) {
  background-color: rgba(var(--color-foreground), 0.05);
  animation: shimmer 800ms cubic-bezier(0, 0, 0.3, 1) infinite;
}
.image-lazy-loading.loading-animation--breathing.image-lazy-loaded {
  animation: fadeIn 300ms cubic-bezier(0.2, 0, 1, 1);
}

.icon-wrap {
  display: inline-block;
  position: relative;
  padding: 0.5rem;
  cursor: pointer;
  line-height: 0;
  border-radius: 9999px;
  color: rgb(var(--color-foreground));
  background: rgba(var(--color-foreground), 0.05);
}
.icon-wrap.icon-wrap--lage {
  padding: 0.75rem;
}
.icon-wrap.icon-wrap--lage .icon {
  width: 1.5rem;
}
.icon-wrap:hover .icon {
  animation: scaleIn 300ms cubic-bezier(0, 0, 0.3, 1);
}

.text-with-icon {
  display: flex;
  align-content: center;
  justify-content: flex-start;
  gap: 0.5rem;
}
.text-with-icon.text-icon--inline {
  display: inline-flex;
  line-height: 0;
}
.text-with-icon .icon {
  width: 0.875rem;
}
.text-with-icon.icon--s .icon {
  width: 0.75rem;
}
.text-with-icon.icon--l .icon {
  width: 1rem;
}
.text-with-icon.icon--xl .icon {
  width: 1.5rem;
}

.list-social {
  list-style: none;
  padding: 0;
  margin: 0;
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 1rem;
}
.list-social .social-item {
  padding: 0.25rem;
  line-height: 0;
  --icon-width: 2rem;
  --alpha-border: 0;
  position: relative;
  border-radius: var(--small-radius);
}
.list-social .social-item:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  box-shadow: inset 0 0 0 1px rgba(var(--color-foreground), var(--alpha-border));
  border-radius: var(--small-radius);
  pointer-events: none;
  z-index: 1;
}
.list-social .social-item .icon {
  width: var(--icon-width);
}
.list-social .social-item:hover .icon {
  animation: bounceScale 300ms ease;
}
.list-social.social-style--icon .social-item {
  padding: 0;
}
.list-social.social-style--icon .social-item .icon {
  width: calc(var(--icon-width) * 1.25);
}
.list-social.social-style--border .social-item {
  --alpha-border: 1;
}
.list-social.social-style--wrapper .social-item {
  --alpha-background: 0.05;
  background: rgba(var(--color-foreground), var(--alpha-background));
  --alpha-border: 0.02;
}
.list-social.social-style--wrapper .social-item:hover {
  --alpha-background: 1;
  color: rgb(var(--color-background));
}
.list-social.social-style--solid .social-item {
  --alpha-background: 1;
  color: rgb(var(--color-background));
  background: rgba(var(--color-foreground), var(--alpha-background));
}
.list-social.social-style--solid .social-item:hover {
  --alpha-background: 0.05;
  color: rgb(var(--color-foreground));
}

.placeholder {
  display: block !important;
  background: rgba(var(--color-foreground), 0.05);
  color: rgba(var(--color-foreground), 0.6);
  fill: rgba(var(--color-foreground), 0.6);
  border-radius: var(--small-radius);
  animation: shimmer 800ms linear infinite forwards;
}

.placeholder-svg {
  background: rgba(var(--color-foreground), 0.2);
}

.text-content > * {
  margin-top: 0;
  margin-bottom: 0;
}
.text-content > *:not(:first-child) {
  margin-top: 1rem;
}
.text-content .text-content-heading {
  font-size: 2rem;
}
.text-content .text-content-heading.heading-size--small {
  font-size: 1.5rem;
}
.text-content .text-content-heading.heading-size--large {
  font-size: 2.5rem;
}
.text-content .text-content-heading.heading-size--super {
  font-size: 6rem;
  line-height: 0.875;
}
.text-content .text-content-buttons {
  margin-top: 2rem;
}
@media screen and (max-width: 749px) {
  .text-content .text-content-heading.heading-size--super {
    font-size: 4rem;
  }
}
@media screen and (min-width: 750px) {
  .text-content.content-width--narrow {
    max-width: 40rem;
  }
  .text-content.content-width--normal {
    max-width: 60rem;
  }
}

article,
.main-page,
[role=main] .shopify-policy__container {
  line-height: 1.6;
}

[role=main] .shopify-policy__container {
  max-width: 60rem;
}
[role=main] .shopify-policy__container .shopify-policy__title {
  padding: 4rem 0;
}

.alert-message {
  font-size: 0.875rem;
  font-weight: var(--font-body-weight-bold);
  text-align: left;
  padding: 1rem;
  border-radius: var(--small-radius);
  background: rgba(var(--color-foreground), 0.1);
  color: rgb(var(--color-foreground));
}
.alert-message .message-list {
  font-weight: normal;
  padding-left: 1rem;
  margin-top: 0.5rem;
  margin-bottom: 0;
}
.alert-message .message-list li:not(:last-child) {
  margin-bottom: 0.5rem;
}
.alert-message.alert-error {
  --color-foreground: var(--color-error);
}
.alert-message.alert-success {
  --color-foreground: var(--color-success);
}
.alert-message.alert-warning {
  --color-foreground: var(--color-warning);
}

.modal {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 101;
  display: none;
}
.modal > .modal-overlay {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(var(--color-foreground), 0.1);
  backdrop-filter: blur(0.5rem);
}
.modal > .modal-inner {
  overflow: hidden;
  z-index: 1;
  box-shadow: 0 0 1rem rgba(var(--color-shadow), 0.2);
  visibility: hidden;
  opacity: 0.01;
  width: 45rem;
  min-height: 20rem;
  position: relative;
  border-radius: var(--medium-radius);
}
.modal > .modal-inner:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  box-shadow: inset 0 0 0 1px rgba(var(--color-foreground), 0.05);
  border-radius: var(--medium-radius);
  pointer-events: none;
  z-index: 1;
}
.modal > .modal-inner .modal-close {
  position: absolute;
  right: 0;
  top: 0;
  --color-button: var(--color-background);
  --alpha-button-background: 0.2;
  border-radius: 0;
  z-index: 1;
}
.modal > .modal-inner .modal-close .icon {
  width: 1rem;
}
.modal > .modal-inner .modal-content {
  overflow-y: auto;
  max-height: calc(100vh - 4rem);
  padding: 3rem 2rem 2rem;
}
@media screen and (min-width: 750px) {
  .modal > .modal-inner {
    max-width: 50rem;
  }
}
.modal[open] {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1rem;
}
.modal[open] > .modal-inner {
  visibility: visible;
  animation: slideIn 300ms cubic-bezier(0, 0, 0.3, 1) forwards;
}
@media (prefers-reduced-motion: reduce) {
  .modal[open] > .modal-inner {
    opacity: 1;
  }
}
.modal.confirm-modal > .modal-inner {
  width: 20rem;
  min-height: auto;
}
.modal.drawer > .modal-inner {
  border-radius: var(--large-radius);
  width: 30rem;
  height: 100%;
  padding: 1rem 2rem 2rem;
  display: grid;
  grid-template-rows: max-content auto;
}
.modal.drawer > .modal-inner .drawer-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.modal.drawer > .modal-inner .drawer-header .drawer-close {
  margin-left: -1rem;
}
.modal.drawer > .modal-inner .drawer-header .drawer-close .icon {
  width: 1rem;
}
.modal.drawer > .modal-inner .drawer-header .drawer-title {
  margin-bottom: 0;
  font-size: 1rem;
}
.modal.drawer > .modal-inner .drawer-header .drawer-title a {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
}
.modal.drawer > .modal-inner .drawer-header .drawer-title a .icon {
  width: 1rem;
}
.modal.drawer > .modal-inner .drawer-content {
  overflow-y: hidden; /* 必须，否则无法子元素内容实现滚动 */
}
.modal.drawer[open] {
  justify-content: flex-end;
}
.modal.drawer[open] > .modal-inner {
  animation: fadeIn 300ms cubic-bezier(0, 0, 0.3, 1) forwards;
}
.modal.drawer[open].position--left {
  justify-content: flex-start;
}

.slider .slider-container .slider-wrapper {
  list-style: none;
  padding: 0;
  margin: 0;
}
.slider .slider-controller {
  display: none;
}
@media screen and (max-width: 749px) {
  .slider[data-slide-mobile] {
    display: block;
    touch-action: pan-y;
  }
  .slider[data-slide-mobile] > .slider-container {
    position: relative;
    overflow: hidden;
  }
  .slider[data-slide-mobile] > .slider-container > .slider-wrapper {
    display: flex;
    align-items: stretch;
    flex-wrap: nowrap;
    will-change: transform;
  }
  .slider[data-slide-mobile] > .slider-container > .slider-wrapper > .slider-slide {
    position: relative;
    flex: 0 0 auto;
    width: 100%;
    max-width: 100%;
  }
  .slider[data-slide-mobile] > .slider-container > .slider-wrapper.slider--center {
    justify-content: center;
  }
  .slider[data-slide-mobile] > .slider-container > .slider-wrapper.auto-grid > .grid-item {
    width: var(--item-perfect-size-mobile);
    height: auto;
  }
  .slider[data-slide-mobile] > .slider-container.slider--overflow-visible {
    overflow: visible;
  }
  .slider[data-slide-mobile] .slider-controller {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 3rem; /* 必须添加预留高度，防止CLS */
    margin-top: 1rem;
  }
  .slider[data-slide-mobile] .slider-controller .slider-nav-buttons {
    display: none;
  }
  .slider[data-slide-mobile] .slider-controller .slider-page-dots {
    list-style: none;
    padding: 0;
    margin: 0;
    display: none;
  }
  .slider[data-slide-mobile] .slider-controller.has-dots.has-nav {
    /* 两个都显示的时候 */
    justify-content: space-between;
  }
  .slider[data-slide-mobile] .slider-controller.has-dots.has-nav {
    justify-content: center;
  }
  .slider[data-slide-mobile] .slider-controller:not(.has-dots) {
    display: none;
  }
  .slider[data-slide-mobile].slider--installed > .slider-container > .slider-wrapper {
    justify-content: flex-start;
  }
  .slider[data-slide-mobile].slider--installed .slider-controller .slider-nav-buttons {
    display: inline-flex;
    align-items: center;
    gap: 1rem;
  }
  .slider[data-slide-mobile].slider--installed .slider-controller .slider-nav-buttons .nav-button .icon {
    transition: transform 500ms cubic-bezier(0, 0, 0.3, 1);
  }
  .slider[data-slide-mobile].slider--installed .slider-controller .slider-nav-buttons .nav-button.nav-button--prev:hover .icon {
    transform: translateX(-0.5rem);
  }
  .slider[data-slide-mobile].slider--installed .slider-controller .slider-nav-buttons .nav-button.nav-button--next:hover .icon {
    transform: translateX(0.5rem);
  }
  .slider[data-slide-mobile].slider--installed .slider-controller .slider-page-dots {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    padding: 1rem 0;
  }
  .slider[data-slide-mobile].slider--installed .slider-controller .slider-page-dots .page-dot {
    position: relative;
    overflow: hidden;
    flex: 0 1 auto;
    width: 1.5rem;
    height: 0.25rem;
    border-radius: 9999px;
    background: rgba(var(--color-foreground), 0.2);
    cursor: default;
    transition: width 100ms cubic-bezier(0, 0, 0.3, 1), transform 100ms cubic-bezier(0, 0, 0.3, 1);
  }
  .slider[data-slide-mobile].slider--installed .slider-controller .slider-page-dots .page-dot.current {
    width: 3rem;
  }
  .slider[data-slide-mobile].slider--installed .slider-controller .slider-page-dots .page-dot.current:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgb(var(--color-foreground));
  }
  .slider[data-slide-mobile].slider--installed .slider-controller .slider-page-dots:hover .page-dot {
    transform: scaleY(2.4);
  }
  .slider[data-slide-mobile].slider--installed[data-draggable] .slider-container {
    cursor: grab;
  }
  .slider[data-slide-mobile].slider--installed[data-draggable]:active .slider-container {
    cursor: grabbing;
  }
  .slider[data-slide-mobile].slider--installed[data-draggable].slider--is-dragging .slider-container .slider-slide {
    pointer-events: none;
    user-select: none;
  }
  .slider[data-slide-mobile].slider--installed[data-autoplay]:not([editor-selected]) .page-dot.current:after {
    animation: growWidth var(--slide-interval) linear;
  }
  .slider[data-slide-mobile].slider--installed[data-autoplay]:not([editor-selected]):not(.slider--is-playing) .page-dot.current:after {
    animation-play-state: paused;
  }
}
@media screen and (min-width: 750px) {
  .slider[data-slide-desktop] {
    display: block;
    touch-action: pan-y;
  }
  .slider[data-slide-desktop] > .slider-container {
    position: relative;
    overflow: hidden;
  }
  .slider[data-slide-desktop] > .slider-container > .slider-wrapper {
    display: flex;
    align-items: stretch;
    flex-wrap: nowrap;
    will-change: transform;
  }
  .slider[data-slide-desktop] > .slider-container > .slider-wrapper > .slider-slide {
    position: relative;
    flex: 0 0 auto;
    width: 100%;
    max-width: 100%;
  }
  .slider[data-slide-desktop] > .slider-container > .slider-wrapper.slider--center {
    justify-content: center;
  }
  .slider[data-slide-desktop] > .slider-container > .slider-wrapper.auto-grid > .grid-item {
    width: var(--item-perfect-size);
    height: auto;
  }
  .slider[data-slide-desktop] > .slider-container.slider--overflow-visible {
    overflow: visible;
  }
  .slider[data-slide-desktop] .slider-controller {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 3rem; /* 必须添加预留高度，防止CLS */
    margin-top: 1rem;
  }
  .slider[data-slide-desktop] .slider-controller .slider-nav-buttons {
    display: none;
  }
  .slider[data-slide-desktop] .slider-controller .slider-page-dots {
    list-style: none;
    padding: 0;
    margin: 0;
    display: none;
  }
  .slider[data-slide-desktop] .slider-controller.has-dots.has-nav {
    /* 两个都显示的时候 */
    justify-content: space-between;
  }
  .slider[data-slide-desktop].slider--installed > .slider-container > .slider-wrapper {
    justify-content: flex-start;
  }
  .slider[data-slide-desktop].slider--installed .slider-controller .slider-nav-buttons {
    display: inline-flex;
    align-items: center;
    gap: 1rem;
  }
  .slider[data-slide-desktop].slider--installed .slider-controller .slider-nav-buttons .nav-button .icon {
    transition: transform 500ms cubic-bezier(0, 0, 0.3, 1);
  }
  .slider[data-slide-desktop].slider--installed .slider-controller .slider-nav-buttons .nav-button.nav-button--prev:hover .icon {
    transform: translateX(-0.5rem);
  }
  .slider[data-slide-desktop].slider--installed .slider-controller .slider-nav-buttons .nav-button.nav-button--next:hover .icon {
    transform: translateX(0.5rem);
  }
  .slider[data-slide-desktop].slider--installed .slider-controller .slider-page-dots {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    padding: 1rem 0;
  }
  .slider[data-slide-desktop].slider--installed .slider-controller .slider-page-dots .page-dot {
    position: relative;
    overflow: hidden;
    flex: 0 1 auto;
    width: 1.5rem;
    height: 0.25rem;
    border-radius: 9999px;
    background: rgba(var(--color-foreground), 0.2);
    cursor: default;
    transition: width 100ms cubic-bezier(0, 0, 0.3, 1), transform 100ms cubic-bezier(0, 0, 0.3, 1);
  }
  .slider[data-slide-desktop].slider--installed .slider-controller .slider-page-dots .page-dot.current {
    width: 3rem;
  }
  .slider[data-slide-desktop].slider--installed .slider-controller .slider-page-dots .page-dot.current:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgb(var(--color-foreground));
  }
  .slider[data-slide-desktop].slider--installed .slider-controller .slider-page-dots:hover .page-dot {
    transform: scaleY(2.4);
  }
  .slider[data-slide-desktop].slider--installed[data-draggable] .slider-container {
    cursor: grab;
  }
  .slider[data-slide-desktop].slider--installed[data-draggable]:active .slider-container {
    cursor: grabbing;
  }
  .slider[data-slide-desktop].slider--installed[data-draggable].slider--is-dragging .slider-container .slider-slide {
    pointer-events: none;
    user-select: none;
  }
  .slider[data-slide-desktop].slider--installed[data-autoplay]:not([editor-selected]) .page-dot.current:after {
    animation: growWidth var(--slide-interval) linear;
  }
  .slider[data-slide-desktop].slider--installed[data-autoplay]:not([editor-selected]):not(.slider--is-playing) .page-dot.current:after {
    animation-play-state: paused;
  }
}

.scrollable-content {
  position: relative;
  display: block;
  z-index: 1;
  overflow: hidden;
  touch-action: pan-y;
}
.scrollable-content .scrollable-buttons {
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 2rem;
  pointer-events: none;
}
.scrollable-content .scrollable-buttons .nav-button[disabled] {
  visibility: hidden;
}
.scrollable-content .scrollable-buttons .nav-button .icon {
  transition: transform 500ms cubic-bezier(0, 0, 0.3, 1);
}
.scrollable-content .scrollable-buttons .nav-button:hover.nav-button--next .icon {
  transform: translateX(0.5rem);
}
.scrollable-content .scrollable-buttons .nav-button:hover.nav-button--prev .icon {
  transform: translateX(-0.5rem);
}
.scrollable-content.scrollable--overflow-visible {
  overflow: visible;
}
.scrollable-content.scrollable--installed .scrollable-content-wrapper {
  justify-content: flex-start !important;
}
.scrollable-content.scrollable--installed[data-draggable] {
  cursor: grab;
}
.scrollable-content.scrollable--installed[data-draggable]:active {
  cursor: grabbing;
}
.scrollable-content.scrollable--installed[data-draggable].scrollable--is-dragging .scrollable-content-wrapper {
  pointer-events: none;
  user-select: none;
}

.tab-panel .tab-panel-tabs {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: start;
  gap: 1rem;
}
.tab-panel .tab-panel-tabs.tabs-alignment--left {
  justify-content: flex-start;
}
.tab-panel .tab-panel-tabs.tabs-alignment--center {
  justify-content: center;
}
.tab-panel .tab-panel-tabs.tabs-alignment--right {
  justify-content: flex-end;
}
.tab-panel .tab-panel-tabs .tab {
  cursor: pointer;
}
.tab-panel .tab-panel-panels .panel[aria-hidden=true] {
  display: none !important;
}

#toasts-container {
  position: fixed;
  z-index: 102;
  padding: 1rem;
  right: 0;
  bottom: 0;
  height: auto;
  width: auto;
  max-width: 100%;
  max-height: 100%;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
#toasts-container .toast {
  padding: 0.5rem 1rem;
  border-radius: var(--small-radius);
  position: relative;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  --color-background: #7eecf8;
  --color-foreground: #000000;
  background: var(--color-background);
  color: var(--color-foreground);
  animation: slideIn 300ms cubic-bezier(0, 0, 0.3, 1);
}
#toasts-container .toast:before {
  content: "";
  display: inline-block;
  height: 0.5rem;
  width: 0.5rem;
  border-radius: 9999px;
  background: var(--color-foreground);
}
#toasts-container .toast.type-success {
  --color-background: #009519;
  --color-foreground: #ffffff;
}
#toasts-container .toast.type-warning {
  --color-background: #ffdc2f;
  --color-foreground: #000000;
}
#toasts-container .toast.type-error {
  --color-background: #da0b0b;
  --color-foreground: #ffffff;
}

.badge {
  position: relative;
  font-size: 0.875rem;
  padding: 0 0.875rem;
  height: 1.75rem;
  line-height: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  word-break: break-word;
  border-radius: 9999px;
}
.badge .icon {
  width: 1rem;
}
.badge.sale-badge {
  background: rgb(var(--sale-badge-background));
  color: rgb(var(--sale-badge-foreground));
}
.badge.sold-out-badge {
  background: rgba(var(--color-foreground), 0.1);
  color: rgba(var(--color-foreground), 0.8);
}
.badge.gift-badge {
  background: rgb(var(--gift-badge-background));
  color: rgb(var(--gift-badge-foreground));
}
.badge.new-badge {
  background: rgb(var(--new-badge-background));
  color: rgb(var(--new-badge-foreground));
}
.badge.preorder-badge {
  background: rgb(var(--preorder-badge-background));
  color: rgb(var(--preorder-badge-foreground));
}
.badge.limit-edition-badge {
  background: rgb(var(--color-background));
  border: 1px solid rgb(var(--color-foreground));
  font-size: 0.625rem;
  text-transform: uppercase;
}
.badge.custom-badge {
  background: rgb(var(--custom-badge-background));
  color: rgb(var(--custom-badge-foreground));
}

.card-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 0.25rem;
  align-content: flex-start;
  align-items: center;
}
.card-badges.position--left {
  justify-content: flex-start;
}
.card-badges.position--right {
  justify-content: flex-end;
}
.card-badges.badges--small .badge {
  font-size: 0.625rem;
  padding: 0 0.5rem;
  height: 1.25rem;
}
.card-badges.badges--small .badge .icon {
  width: 0.75rem;
}

.color-swatches {
  list-style: none;
  padding: 0;
  margin: 0;
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 0.25rem;
}
.color-swatches .color-swatch {
  --border-opacity: 0.05;
  --border-width: 2px;
  width: 1.5rem;
  height: 1.5rem;
  padding: 0.25rem;
  cursor: default;
  position: relative;
  border-radius: 9999px;
}
.color-swatches .color-swatch:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  box-shadow: inset 0 0 0 var(--border-width) rgba(var(--color-foreground), var(--border-opacity));
  border-radius: 9999px;
  pointer-events: none;
  z-index: 1;
}
.color-swatches .color-swatch .color {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 9999px;
  overflow: hidden;
}
.color-swatches .color-swatch .color:has(img) {
  background: transparent !important;
}
.color-swatches .color-swatch .color:has(img) img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.color-swatches .color-swatch:hover {
  --border-opacity: 0.2;
}
.color-swatches .color-swatch.active, .color-swatches .color-swatch:has(input:checked) {
  --border-opacity: 1;
  --color-pulse: var(--color-foreground);
  animation: pulse 100ms ease;
}
.color-swatches .color-swatch:has(input:disabled, input.disabled) .color {
  opacity: 0.5;
}
.color-swatches .color-swatch:has(input:disabled, input.disabled):before {
  content: "";
  position: absolute;
  width: 40%;
  height: 1px;
  top: 50%;
  left: 50%;
  transform: translateX(-50%);
  background: rgb(var(--color-foreground));
}
.color-swatches .color-swatch:has(input:focus-visible) {
  outline: 2px solid rgba(var(--color-outline), 0.75) !important;
  box-shadow: 0 0 5px 3px rgb(var(--color-outline), 0.2);
  outline-offset: 3px;
}
.color-swatches.swatch-type--image .color-swatch {
  width: 2.4rem;
  height: 2.4rem;
}

.price {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  line-height: normal;
  color: rgb(var(--color-foreground));
}
.price .price-container {
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.5rem;
}
.price .price-container .unit-price {
  padding: 0.25rem 0.5rem;
  line-height: 1;
  border-radius: 9999px;
  background: rgba(var(--color-foreground), 0.75);
  color: rgb(var(--color-background));
  font-size: 0.75rem;
}

image-magnify {
  display: block;
  cursor: zoom-in;
}
image-magnify img {
  width: 100%;
  height: 100%;
  user-select: none;
  pointer-events: none;
}
image-magnify.image-zoom-in {
  cursor: zoom-out;
}

.main-page__wrapper, .shopify-email-marketing-confirmation__container, .shopify-policy__container, .shopify-challenge__container {
  padding-top: 3rem;
  padding-bottom: 3rem;
}

.paginate-content--empty {
  padding: 10rem 0;
  text-align: center;
}
.paginate-content--empty .empty-title {
  opacity: 0.5;
}

.breadcrumb {
  width: 100%;
}
.breadcrumb .breadcrumb-wrapper {
  list-style: none;
  padding: 0;
  margin: 0;
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}
.breadcrumb .breadcrumb-wrapper .breadcrumb-item {
  display: flex;
  align-items: center;
}
.breadcrumb .breadcrumb-wrapper .breadcrumb-item.page-current a {
  opacity: 0.75;
}
.breadcrumb .breadcrumb-wrapper .breadcrumb-item:not(:last-child):after {
  content: "/";
  display: inline-block;
  margin: 0 0.5rem;
}

.rating-wrapper {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
}
.rating-wrapper .rating {
  --star-size: 1rem;
  display: flex;
  gap: calc(var(--star-size) * 0.125);
}
.rating-wrapper .rating .icon {
  width: var(--star-size);
}
.rating-wrapper.star-size--medium .rating {
  --star-size: 1.25rem;
}
.rating-wrapper.star-size--large .rating {
  --star-size: 1.5rem;
}

.banner {
  position: relative;
  display: flex;
  align-items: stretch;
}
.banner .banner-content {
  width: 100%;
}
.banner:before {
  content: "";
  display: block;
  width: 0;
}
.banner.banner--adapt {
  height: 100%;
}
.banner.banner--adapt.banner--placeholder:before {
  padding-bottom: 40rem;
}
.banner.banner--small:before {
  padding-bottom: 30rem;
}
.banner.banner--medium:before {
  padding-bottom: 40rem;
}
.banner.banner--large:before {
  padding-bottom: 50rem;
}
@media screen and (min-width: 750px) {
  .banner.banner--small:before {
    padding-bottom: 40rem;
  }
  .banner.banner--medium:before {
    padding-bottom: 50rem;
  }
  .banner.banner--large:before {
    padding-bottom: 60rem;
  }
}

.icon-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: space-around;
  flex-wrap: wrap;
  gap: 1rem;
  line-height: 0;
}
.icon-list li .icon, .icon-list li .media {
  width: 1.75rem;
}
.icon-list li:hover .icon, .icon-list li:hover .media {
  animation: bounceScale 300ms cubic-bezier(0, 0, 0.3, 1);
}

.discount-code {
  padding: 0.5rem 1rem;
  border: 1px dashed rgb(var(--color-foreground), 0.5);
  border-radius: 9999px;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.875rem;
  --alpha-background: 0;
  background: rgba(var(--color-foreground), var(--alpha-background));
}
.discount-code:hover {
  --alpha-background: 0.2;
}

.featured-card .featured-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.5rem;
}
.featured-card .slider-wrapper {
  gap: 1rem;
}

@media screen and (forced-colors: active) {
  /* 基本文档样式 */
  body {
    --color-background: Canvas;
    --color-foreground: CanvasText;
  }
  /* 标题和段落 */
  h1, h2, h3, h4, h5, h6, p {
    color: CanvasText; /* 确保文本颜色对比度足够 */
  }
  /* 链接样式 */
  a {
    color: LinkText; /* 明显区分链接颜色 */
  }
  a:hover, a:focus {
    background-color: LinkText; /* 鼠标悬停和焦点时的背景 */
    color: Canvas; /* 反转文本颜色以提高可见性 */
    outline: 1px solid LinkText; /* 增加轮廓以增强焦点指示 */
  }
  /* 按钮样式 */
  button,
  .button,
  input[type=button],
  input[type=submit],
  input[type=reset] {
    --color-button: ButtonFace;
    --color-button-text: ButtonText;
    border: 2px solid ButtonText; /* 添加边框确保按钮在所有背景下可见 */
  }
  button:hover, button:focus,
  .button:hover,
  .button:focus,
  input[type=button]:hover,
  input[type=button]:focus,
  input[type=submit]:hover,
  input[type=submit]:focus,
  input[type=reset]:hover,
  input[type=reset]:focus {
    --color-button: Highlight;
    --color-button-text: HighlightText;
  }
  /* 图像样式 */
  img {
    border: 2px solid LinkText; /* 为所有图片添加边框 */
  }
  /* 表格样式 */
  table {
    border: 1px solid CanvasText; /* 增加表格边框 */
  }
  table th, table td {
    border: 1px solid CanvasText; /* 增加单元格边框 */
  }
  /* 其他交互元素 */
  input, textarea, select {
    border: 1px solid CanvasText; /* 增加输入和选择元素的边框 */
  }
  input:focus, textarea:focus, select:focus {
    outline: 1px solid Highlight; /* 焦点时增加醒目的轮廓 */
  }
}
@media (prefers-reduced-motion) {
  .motion-reduce {
    transition: none !important;
    animation: none !important;
  }
}
@media (prefers-reduced-motion: no-preference) {
  @keyframes ambientMove {
    0% {
      transform: rotate(0deg) translateX(1em) rotate(0deg) scale(1.2);
    }
    100% {
      transform: rotate(360deg) translateX(1em) rotate(-360deg) scale(1.2);
    }
  }
  @keyframes shimmer {
    0% {
      opacity: 1;
    }
    50% {
      opacity: 0.4;
    }
    100% {
      opacity: 1;
    }
  }
  @keyframes slideIn {
    from {
      transform: translateY(2rem);
      opacity: 0.01;
    }
    to {
      transform: translateY(0);
      opacity: 1;
    }
  }
  @keyframes slideInFromTop {
    0% {
      opacity: 0.01;
      transform: translateY(-2rem);
    }
    100% {
      opacity: 1;
      transform: translateX(0);
    }
  }
  @keyframes slideInFromLeft {
    0% {
      opacity: 0.01;
      transform: translateX(-5rem);
    }
    100% {
      opacity: 1;
      transform: translateX(0);
    }
  }
  @keyframes slideInFromRight {
    0% {
      opacity: 0.01;
      transform: translateX(5rem);
    }
    100% {
      opacity: 1;
      transform: translateX(0);
    }
  }
  @keyframes slideUpDown {
    0% {
      transform: translateY(0);
      opacity: 1;
    }
    50% {
      transform: translateY(-100%); /* 图标向上移动 */
      opacity: 0;
    }
    51% {
      transform: translateY(100%); /* 图标向上移动 */
    }
    100% {
      transform: translateY(0); /* 图标从下面重新进入 */
      opacity: 1;
    }
  }
  @keyframes fadeIn {
    from {
      opacity: 0.01;
    }
    to {
      opacity: 1;
    }
  }
  @keyframes fadeOut {
    from {
      opacity: 1;
    }
    to {
      opacity: 0.01;
    }
  }
  @keyframes scaleIn {
    from {
      transform: scale(0.1);
      opacity: 0.01;
    }
    to {
      transform: scale(1);
      opacity: 1;
    }
  }
  @keyframes scaleDown {
    from {
      transform: scale(1.5);
      opacity: 0.01;
    }
    to {
      transform: scale(1);
      opacity: 1;
    }
  }
  @keyframes rotateIn {
    from {
      transform: rotate(-180deg) scale(0.1);
      opacity: 0;
    }
    to {
      transform: rotate(0deg) scale(1);
      opacity: 1;
    }
  }
  @keyframes bounceScale {
    0% {
      transform: scale(1);
    }
    50% {
      transform: scale(1.25);
    }
    100% {
      transform: scale(1);
    }
  }
  @keyframes pulse {
    0% {
      box-shadow: 0 0 0 0 rgba(var(--color-pulse), 0.5);
    }
    100% {
      box-shadow: 0 0 0 0.5rem rgba(var(--color-pulse), 0);
    }
  }
  @keyframes scaleUp {
    0% {
      transform: scale(1);
    }
    100% {
      transform: scale(1.05);
    }
  }
  @keyframes shrinkSlightly {
    0% {
      transform: scale(1.05);
    }
    100% {
      transform: scale(1);
    }
  }
  @keyframes bounceUp {
    0%, 100% {
      transform: translateY(0);
    }
    50% {
      transform: translateY(-2rem);
    }
  }
  @keyframes bounceDown {
    0%, 100% {
      transform: translateY(0);
    }
    50% {
      transform: translateY(2rem);
    }
  }
  @keyframes bounceRight {
    0%, 100% {
      transform: translateX(0);
    }
    50% {
      transform: translateX(1rem);
    }
  }
  @keyframes bounceLeft {
    0%, 100% {
      transform: translateX(0);
    }
    50% {
      transform: translateX(-1rem);
    }
  }
  @keyframes blink {
    50% {
      opacity: 0;
    }
  }
  @keyframes growWidth {
    0% {
      transform: scaleX(0);
      transform-origin: left;
    }
    100% {
      transform: scaleX(1);
      transform-origin: left;
    }
  }
  @keyframes growWidthFromRight {
    0% {
      transform: scaleX(0);
      transform-origin: right;
    }
    100% {
      transform: scaleX(1);
      transform-origin: right;
    }
  }
  @keyframes pushInFromLeft {
    0% {
      transform: translateX(-100%);
    }
    100% {
      transform: translateX(0);
    }
  }
  @keyframes pushInFromRight {
    0% {
      transform: translateX(100%);
    }
    100% {
      transform: translateX(0);
    }
  }
  @keyframes pushOutToLeft {
    0% {
      transform: translateX(0);
    }
    100% {
      transform: translateX(-100%);
    }
  }
  @keyframes pushOutToRight {
    0% {
      transform: translateX(0);
    }
    100% {
      transform: translateX(100%);
    }
  }
}
@media (prefers-reduced-motion: reduce) {
  * {
    transition: none !important;
    animation: none !important;
  }
}
.scroll-trigger {
  visibility: hidden;
  opacity: 0.01;
}
.scroll-trigger:not(.scroll-trigger--offscreen) {
  visibility: visible;
}
@media (prefers-reduced-motion) {
  .scroll-trigger:not(.scroll-trigger--offscreen) {
    opacity: 1;
  }
}
@media (prefers-reduced-motion: no-preference) {
  .scroll-trigger:not(.scroll-trigger--offscreen).animate--slide-in {
    animation: slideIn 800ms cubic-bezier(0, 0, 0.3, 1) forwards;
    animation-delay: calc(var(--animation-order) * 150ms);
  }
  .scroll-trigger:not(.scroll-trigger--offscreen).animate--left-in {
    animation: slideInFromLeft 500ms cubic-bezier(0, 0, 0.3, 1) forwards;
    animation-delay: calc(var(--animation-order) * 150ms);
  }
  .scroll-trigger:not(.scroll-trigger--offscreen).animate--right-in {
    animation: slideInFromRight 500ms cubic-bezier(0, 0, 0.3, 1) forwards;
    animation-delay: calc(var(--animation-order) * 150ms);
  }
  .scroll-trigger:not(.scroll-trigger--offscreen).animate--fade-in {
    animation: fadeIn 1200ms cubic-bezier(0, 0, 0.3, 1) forwards;
    animation-delay: calc(var(--animation-order) * 150ms);
  }
  .scroll-trigger:not(.scroll-trigger--offscreen).animate--scale-in {
    animation: scaleDown 300ms cubic-bezier(0, 0, 0.3, 1) forwards;
    animation-delay: calc(var(--animation-order) * 150ms);
  }
}

@media (prefers-reduced-motion: no-preference) and (hover: hover) and (min-width: 750px) {
  .hover-trigger .animate-scale-up {
    transition: transform 800ms cubic-bezier(0, 0, 0.3, 1);
  }
  .hover-trigger .animate--fade-in {
    visibility: hidden;
    opacity: 0;
    transition: opacity 800ms cubic-bezier(0, 0, 0.3, 1);
  }
  .hover-trigger .animate--fade-out {
    visibility: visible;
    opacity: 1;
    transition: opacity 800ms cubic-bezier(0, 0, 0.3, 1);
  }
  .hover-trigger:hover .animate-scale-up {
    transform: scale(1.05);
  }
  .hover-trigger:hover .animate--fade-in {
    visibility: visible;
    opacity: 1;
  }
  .hover-trigger:hover .animate--fade-out {
    visibility: hidden;
    opacity: 0;
  }
}
.section-header {
  z-index: 3;
}
.section-header .header-wrapper {
  display: block;
  position: relative;
}
.section-header .header-wrapper .header {
  --alpha-shadow: 0;
  --alpha-border: 0.05;
  box-shadow: 0 0.25rem 0.5rem 0 rgba(var(--color-shadow), var(--alpha-shadow));
}
.header-main {
  display: grid;
  grid-template-areas: "left-area heading icons";
  grid-template-columns: auto auto 1fr;
  gap: 1rem;
  align-items: center;
  z-index: 1;
  min-height: 4rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
.header-main .header-left-area {
  grid-area: left-area;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.header-heading {
  width: max-content;
  line-height: 0;
  grid-area: heading;
  justify-self: center;
  transition: transform 300ms cubic-bezier(0, 0, 0.3, 1);
  transform-origin: left center;
}
.header-heading .header-heading-logo-wrapper {
  width: 100%;
  display: inline-block;
}
.header-heading .header-heading-logo-wrapper .header-heading-logo {
  max-width: 100%;
  width: var(--logo-width-mobile, 100px);
  height: auto;
}
.header-heading .header-heading-logo-wrapper .header-heading-logo.transparent-logo {
  display: none;
}

.header-main .search-wrapper {
  display: none;
}
.header-main .header-menu-nav {
  display: none;
}
.header-icons {
  display: flex;
  grid-area: icons;
  justify-self: end;
}
.header-icons .header-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 3rem;
  height: 4rem;
  padding: 0;
  cursor: pointer;
}
.header-icons .header-icon .icon {
  flex: 0 0 auto;
  width: 1.5rem;
  transition: transform 300ms ease;
}
.header-icons .header-icon .cart-count-bubble {
  text-align: center;
  font-size: 0.875rem;
  font-weight: var(--font-body-weight-bold);
}
.header-icons .header-icon .cart-count-bubble span[aria-hidden=true] {
  display: inline-block;
}
.header-icons .header-icon .cart-count-bubble.bubble-style--cart, .header-icons .header-icon .cart-count-bubble.bubble-style--bag {
  position: relative;
  line-height: 0;
}
.header-icons .header-icon .cart-count-bubble.bubble-style--cart span[aria-hidden=true], .header-icons .header-icon .cart-count-bubble.bubble-style--bag span[aria-hidden=true] {
  position: absolute;
  top: 0;
  left: 100%;
  font-size: 0.75rem;
}
.header-icons .header-icon .cart-count-bubble.bubble-style--cart span[aria-hidden=true] {
  margin-left: -6px;
  margin-top: 4px;
}
.header-icons .header-icon .cart-count-bubble.bubble-style--bag span[aria-hidden=true] {
  line-height: normal;
  top: auto;
  bottom: 0;
  margin-left: 0.125rem;
}
.header-icons .header-icon .cart-count-bubble.bubble-style--frame {
  min-width: 3rem;
  padding: 0.25rem 0.875rem;
  margin-left: 0.5rem;
  position: relative;
  border-radius: 9999px;
}
.header-icons .header-icon .cart-count-bubble.bubble-style--frame:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  box-shadow: inset 0 0 0 1px rgb(var(--color-foreground));
  border-radius: 9999px;
  pointer-events: none;
  z-index: 1;
}
.header-icons .header-icon .cart-count-bubble.bubble-style--frame:hover span[aria-hidden=true] {
  animation: slideUpDown 300ms cubic-bezier(0, 0, 0.3, 1) forwards;
}
.header-icons .header-icon .cart-count-bubble.bubble-style--text {
  min-width: 3rem;
  margin-left: 0.5rem;
  font-size: 1rem;
}
.header-icons .header-icon .cart-count-bubble.bubble-style--text:hover {
  opacity: 0.5;
}
.header-icons .header-icon:hover .icon {
  transform: scale(1.1);
}

.section-header .header-wrapper .header .header-bottom {
  display: none;
}
.header-menu-nav .list-menu {
  list-style: none;
  padding: 0;
  margin: 0;
}
.header-menu-nav .list-menu.list-menu--inline {
  display: inline-flex;
  flex-wrap: wrap;
  column-gap: 1.5rem;
}
.header-menu-nav .list-menu.list-menu--inline .header-menu-first-level {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.header-menu-nav .list-menu.list-menu--inline .header-menu-first-level .first-level-item {
  padding: 1rem 0;
  font-size: 0.875rem;
  font-weight: var(--font-body-weight-bold);
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.header-menu-nav .list-menu.list-menu--disclosure {
  position: absolute;
  top: 100%;
  min-width: 20rem;
  width: auto;
  margin-top: 0.5rem;
  border-radius: var(--medium-radius);
  padding: 1rem 0;
  background: rgb(var(--color-background));
  box-shadow: 0 0 0.5rem 0 rgba(var(--color-shadow), 0.2);
}
.header-menu-nav .list-menu.list-menu--disclosure.list-menu-second--disclosure {
  top: 0;
  left: 100%;
  margin-top: 0;
  margin-left: 0.25rem;
}
.header-menu-nav .list-menu.list-menu--disclosure.list-menu-second--disclosure:before {
  content: "";
  position: absolute;
  width: 0.25rem;
  left: auto;
  top: 0;
  right: 100%;
  bottom: 0;
}
.header-menu-nav .list-menu.list-menu--disclosure .list-menu-item {
  position: relative; /* 子菜单可以跟随展开 */
  padding: 0.5rem 2rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.header-menu-nav .list-menu.list-menu--disclosure .list-menu-item > drop-menu {
  width: 100%;
}
.header-menu-nav .list-menu.list-menu--disclosure .list-menu-item > drop-menu > details > summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
}
.header-menu-nav .list-menu.list-menu--disclosure .list-menu-item > drop-menu > details > summary .icon-caret {
  width: 0.875rem;
  transition: transform 100ms cubic-bezier(0, 0, 0.3, 1);
}
.header-menu-nav .list-menu.list-menu--disclosure .list-menu-item > drop-menu > details.has-opened > summary .icon-caret {
  transform: rotate(-90deg);
}
.header-menu-nav .list-menu.list-menu--disclosure .list-menu-item.header-menu-second-level > drop-menu[data-hover-open] > details.has-opened > summary {
  position: relative;
}
.header-menu-nav .list-menu.list-menu--disclosure .list-menu-item.header-menu-second-level > drop-menu[data-hover-open] > details.has-opened > summary:after {
  content: "";
  position: absolute;
  left: 100%;
  top: -100%;
  height: 300%;
  width: 5rem;
}
.header-menu-nav .list-menu.list-menu--disclosure .list-menu-item.header-menu-second-level > drop-menu[data-hover-open] > details.has-opened.position--exceed > summary:after {
  left: auto;
  right: 100%;
}
.header-menu-nav .list-menu.list-menu--mega {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  bottom: auto;
  max-height: calc(100vh - 8rem);
  padding: 2rem 0;
  overflow-y: auto;
  border-bottom: 1px solid rgba(var(--color-foreground), 0.1);
  --gap-column: 2rem;
  --gap-row: 2rem;
}
.header-menu-nav .list-menu.list-menu--mega .mega-menu-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  gap: var(--gap-row) var(--gap-column);
  grid-template-columns: repeat(5, minmax(0, 1fr));
}
.header-menu-nav .list-menu.list-menu--mega .mega-menu-list .mega-menu-item {
  grid-column: span 1;
}
.header-menu-nav .list-menu.list-menu--mega .mega-menu-list .mega-menu-item .list-menu .list-menu-item {
  padding: 0.25rem 0;
}
.header-menu-nav .list-menu.list-menu--mega .mega-menu-list .mega-menu-item .mega-menu-image {
  --image-ratio: 100%;
  position: relative;
}
.header-menu-nav .list-menu.list-menu--mega .mega-menu-list .mega-menu-item .mega-menu-image:before {
  content: "";
  display: block;
  width: 0;
  padding-bottom: var(--image-ratio);
}
.header-menu-nav .list-menu.list-menu--mega .mega-menu-list .mega-menu-item.column-2 {
  grid-column: span 2;
}
.header-menu-nav .list-menu.list-menu--mega .mega-menu-list .mega-menu-item.column-2 .mega-menu-image {
  --image-ratio: calc((100% - var(--gap-column)) / 2);
}
.header-menu-nav .list-menu.list-menu--mega .mega-menu-list .mega-menu-item.column-3 {
  grid-column: span 3;
}
.header-menu-nav .list-menu.list-menu--mega .mega-menu-list .mega-menu-item.column-3 .mega-menu-image {
  --image-ratio: calc((100% - var(--gap-column) * 2) / 3);
}
.header-menu-nav .list-menu.list-menu--mega .mega-menu-list .mega-menu-item.column-4 {
  grid-column: span 4;
}
.header-menu-nav .list-menu.list-menu--mega .mega-menu-list .mega-menu-item.column-4 .mega-menu-image {
  --image-ratio: calc((100% - var(--gap-column) * 3) / 4);
}
.header-menu-nav .list-menu.list-menu--mega .mega-menu-list .mega-menu-item.column-5 {
  grid-column: span 5;
}
.header-menu-nav .list-menu.list-menu--mega .mega-menu-list .mega-menu-item.column-5 .mega-menu-image {
  --image-ratio: calc((100% - var(--gap-column) * 4) / 5);
}
.header-menu-nav .list-menu details .header-submenu {
  visibility: hidden;
  opacity: 0;
}
.header-menu-nav .list-menu details.has-opened > .header-submenu {
  visibility: visible;
  opacity: 1;
  animation: slideIn 300ms ease;
}
.header-menu-nav .list-menu details.has-opened > .header-submenu.list-menu-second--disclosure {
  animation: slideInFromLeft 300ms ease;
}
.header-menu-nav .list-menu details.has-opened.position--exceed > summary .icon-caret {
  transform: rotate(90deg) !important;
}
.header-menu-nav .list-menu details.has-opened.position--exceed > .header-submenu {
  left: auto;
  right: 100%;
  margin-left: auto;
  margin-right: 0.25rem;
}

.section-header .header-wrapper .header .first-level-drop > details > summary .icon-caret {
  width: 0.75rem;
  opacity: 0.75;
  transition: transform 100ms cubic-bezier(0, 0, 0.3, 1);
}
.section-header .header-wrapper .header .first-level-drop > details.has-opened > summary .icon-caret {
  transform: scaleY(-1);
}
.section-header .header-wrapper .header .first-level-drop > details.has-opened.position--exceed > .header-submenu {
  right: 0;
}
.section-header .header-wrapper .header .first-level-drop[data-hover-open] > details.has-opened > summary {
  position: relative;
}
.section-header .header-wrapper .header .first-level-drop[data-hover-open] > details.has-opened > summary:after {
  content: "";
  position: absolute;
  left: -50%;
  top: 90%;
  width: 200%;
  min-width: 10rem;
  height: 10rem;
  z-index: 1;
}
.section-header .header-wrapper .header .first-level-drop[data-hover-open] > details.has-opened > .header-submenu {
  z-index: 1;
}
.section-header .header-wrapper .header header-drawer .menu-toggle-button {
  line-height: 0;
}
.section-header .header-wrapper .header header-drawer .menu-toggle-button .button .hamburger {
  transition: transform 300ms cubic-bezier(0, 0, 0.3, 1);
  user-select: none;
  width: 3rem;
  height: auto;
}
.section-header .header-wrapper .header header-drawer .menu-toggle-button .button .hamburger .line {
  fill: none;
  transition: stroke-dasharray 300ms, stroke-dashoffset 300ms;
  stroke: rgb(var(--color-foreground));
  stroke-width: 5.5;
  stroke-linecap: round;
}
.section-header .header-wrapper .header header-drawer .menu-toggle-button .button .hamburger .line.top {
  stroke-dasharray: 40 139;
}
.section-header .header-wrapper .header header-drawer .menu-toggle-button .button .hamburger .line.bottom {
  stroke-dasharray: 40 180;
}
.section-header .header-wrapper .header .mega-menu-image {
  border-radius: var(--medium-radius);
}
.section-header .header-wrapper .header .mega-menu-image .media-content {
  padding: 1rem;
}
.section-header .header-wrapper .header .mega-menu-image .media-content .image-title.title-effect--background {
  padding: 1rem 3rem;
  --alpha-text-background: 0.8;
  background: linear-gradient(270deg, rgba(var(--color-background), 0) 0%, rgba(var(--color-background), var(--alpha-text-background)) 40%, rgba(var(--color-background), var(--alpha-text-background)) 60%, rgba(var(--color-background), 0) 100%);
}
.section-header .header-wrapper .header .mega-menu-image .media-content .image-title.title-effect--shadow {
  text-shadow: 0 0 0.25rem rgb(var(--color-background));
}
.section-header .header-wrapper .header .image-title.title-size--small {
  font-size: 1rem;
}
.section-header .header-wrapper .header .image-title.title-size--medium {
  font-size: 1.5rem;
}
.section-header .header-wrapper .header .image-title.title-size--large {
  font-size: 2rem;
}
.section-header .header-wrapper .header .menu-bubble {
  padding: 0.125rem 0.625rem;
  font-size: 0.625rem;
  border-radius: 9999px;
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
}
.section-header .header-wrapper .header:after {
  content: "";
  position: absolute;
  top: auto;
  bottom: 0;
  left: 0;
  right: 0;
  height: 1px;
  background: rgba(var(--color-foreground), var(--alpha-border));
}
@media screen and (max-width: 749px) {
  .section-header .header-wrapper .header .header-main {
    gap: 0;
  }
  .section-header .header-wrapper .header.header-mobile--center .header-main {
    grid-template-columns: 1fr auto 1fr;
  }
  .section-header .header-wrapper .header.header-mobile--center .header-main .header-heading {
    text-align: center;
    transform-origin: center center;
  }
}
@media screen and (min-width: 1200px) {
  .section-header .header-wrapper .header .header-main {
    gap: 0;
  }
  .section-header .header-wrapper .header .header-main .header-left-area {
    display: none;
  }
  .section-header .header-wrapper .header .header-main .header-left-area header-drawer {
    display: none;
  }
  .section-header .header-wrapper .header .header-main .header-heading .header-heading-logo-wrapper .header-heading-logo {
    width: var(--logo-width, 100px);
  }
  .section-header .header-wrapper .header .header-main .search-wrapper {
    position: relative;
    display: flex;
    align-items: center;
    height: 100%;
    width: 100%;
    max-width: 30rem;
  }
  .section-header .header-wrapper .header .header-main .search-wrapper .search-form {
    width: 100%;
  }
  .section-header .header-wrapper .header .header-main .search-wrapper .search-container {
    display: none;
    position: absolute;
    z-index: 2;
    top: 100%;
    left: 0;
    width: 100%;
    height: auto;
    background: rgb(var(--color-background));
    padding: 1.25rem;
    border-radius: var(--medium-radius);
    box-shadow: 0 0 0.5rem 0 rgba(var(--color-shadow), 0.2);
  }
  .section-header .header-wrapper .header .header-main .search-wrapper.in-focus .search-container {
    display: block;
    animation: slideIn 300ms cubic-bezier(0, 0, 0.3, 1);
  }
  .section-header .header-wrapper .header .header-main .search-wrapper.predictive-search-wrapper .predictive-search-main {
    max-height: var(--result-max-height);
  }
  .section-header .header-wrapper .header .header-main .header-menu-nav {
    display: block;
    grid-area: navigation;
  }
  .section-header .header-wrapper .header .header-bottom {
    display: block;
  }
  .section-header .header-wrapper .header .header-bottom .header-bottom-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 4rem;
  }
  .section-header .header-wrapper .header .header-bottom .header-bottom-wrapper .header-contact {
    flex: 0 0 auto;
    font-size: 0.875rem;
  }
  .section-header .header-wrapper .header.drawer-menu .header-main {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
  .section-header .header-wrapper .header.drawer-menu.header--has-menu .header-left-area {
    display: flex;
  }
  .section-header .header-wrapper .header.drawer-menu.header--has-menu .header-left-area header-drawer {
    display: block;
  }
  .section-header .header-wrapper .header.header--menu-position-bottom.header--has-menu .header-main {
    border-bottom: 1px solid rgba(var(--color-foreground), 0.2);
  }
  .section-header .header-wrapper .header.header--left-left .header-main {
    grid-template-areas: "heading icons";
    grid-template-columns: 1fr auto;
  }
  .section-header .header-wrapper .header.header--left-left.header--has-menu .header-main {
    grid-template-areas: "heading navigation icons";
    grid-template-columns: auto auto 1fr;
    gap: 2rem;
  }
  .section-header .header-wrapper .header.header--left-left.header--has-menu.drawer-menu .header-main {
    grid-template-areas: "left-area heading icons";
    grid-template-columns: auto 1fr auto;
    gap: 1rem;
  }
  .section-header .header-wrapper .header.header--left-left.header--has-menu.drawer-menu .header-main .header-heading {
    justify-self: left;
  }
  .section-header .header-wrapper .header.header--left-center .header-main {
    grid-template-areas: "heading icons";
    grid-template-columns: 1fr auto;
  }
  .section-header .header-wrapper .header.header--left-center .header-main .header-heading {
    justify-self: flex-start;
  }
  .section-header .header-wrapper .header.header--left-center.header--has-menu .header-main {
    grid-template-areas: "heading navigation icons";
    grid-template-columns: 1fr auto 1fr;
    gap: 2rem;
  }
  .section-header .header-wrapper .header.header--left-center.header--has-menu.drawer-menu .header-main {
    grid-template-areas: "left-area heading icons";
    grid-template-columns: auto 1fr auto;
    gap: 1rem;
  }
  .section-header .header-wrapper .header.header--left-bottom .header-main {
    grid-template-columns: 1fr 2fr 1fr;
    grid-template-areas: "heading inline-search icons";
  }
  .section-header .header-wrapper .header.header--left-bottom .header-main .header-heading {
    justify-self: flex-start;
  }
  .section-header .header-wrapper .header.header--left-bottom .header-main .search-wrapper {
    grid-area: inline-search;
    justify-self: center;
  }
  .section-header .header-wrapper .header.header--left-bottom.header--has-menu.drawer-menu .header-main {
    grid-template-columns: auto 1fr 4fr 2fr;
    grid-template-areas: "left-area heading inline-search icons";
    gap: 1rem;
  }
  .section-header .header-wrapper .header.header--center-bottom .header-main {
    grid-template-areas: "left-area heading icons";
    grid-template-columns: 1fr auto 1fr;
    gap: 2rem;
  }
  .section-header .header-wrapper .header.header--center-bottom .header-main .header-left-area {
    display: flex;
  }
  .section-header .header-wrapper .header.header--center-bottom .header-main .header-left-area .search-wrapper {
    max-width: 25rem;
  }
}
@media screen and (min-width: 1200px) and (min-width: 750px) {
  .section-header .header-wrapper .header.header--center-bottom .header-main .header-heading {
    text-align: center;
    transform-origin: center center;
  }
}
@media screen and (min-width: 1200px) {
  .section-header .header-wrapper .header.header--center-bottom.drawer-menu .header-main .header-left-area .search-wrapper {
    margin-left: 0;
  }
  .section-header .header-wrapper .header.header--center-left .header-main {
    grid-template-areas: "heading icons";
    grid-template-columns: 1fr auto;
  }
}
@media screen and (min-width: 1200px) and (min-width: 750px) {
  .section-header .header-wrapper .header.header--center-left .header-main .header-heading {
    text-align: center;
    transform-origin: center center;
  }
}
@media screen and (min-width: 1200px) {
  .section-header .header-wrapper .header.header--center-left.header--has-menu .header-main {
    grid-template-areas: "navigation heading icons";
    grid-template-columns: 1fr auto 1fr;
    gap: 2rem;
  }
  .section-header .header-wrapper .header.header--center-left.header--has-menu.drawer-menu .header-main {
    grid-template-areas: "left-area heading icons";
    grid-template-columns: 1fr auto 1fr;
  }
}
.section-header .header-wrapper.header--background-transparent {
  height: 0;
}
.section-header .header-wrapper.header--background-transparent .header {
  background: transparent;
}
.section-header .header-wrapper.header--background-transparent .header:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  background: var(--gradient-background, rgb(var(--color-background)));
  transform: scaleY(0);
  transform-origin: bottom;
}
.section-header .header-wrapper.header--first-level-uppercase .first-level-item {
  text-transform: uppercase;
}
.section-header.shopify-section-header-sticky {
  position: sticky;
  top: 0;
}
.section-header.scrolled-past-header sticky-header[data-sticky-type=reduce-logo-size] .header-heading {
  transform: scale(0.75);
}
.section-header.scrolled-past-header .header {
  --alpha-shadow: 0.1;
  transition: box-shadow 300ms 300ms cubic-bezier(0, 0, 0.3, 1);
}
.section-header.animate {
  transition: top 300ms ease-out;
}
.section-header.shopify-section-header-hidden {
  top: calc(-1 * var(--header-height));
}
.section-header:hover .header-wrapper.header--background-transparent .header:before, .section-header.header--is-active .header-wrapper.header--background-transparent .header:before, .section-header.scrolled-past-header .header-wrapper.header--background-transparent .header:before {
  transition: transform 300ms cubic-bezier(0, 0, 0.3, 1);
  transform: scaleY(1);
}
.section-header:not(:hover, .header--is-active, .scrolled-past-header) .header-wrapper.header--background-transparent .header {
  --color-foreground: var(--transparent-foreground-color);
  --alpha-border: 1;
}
.section-header:not(:hover, .header--is-active, .scrolled-past-header) .header-wrapper.header--background-transparent .header .header-main .header-heading .header-heading-logo-wrapper.has-transparent-logo .header-heading-logo {
  display: none;
}
.section-header:not(:hover, .header--is-active, .scrolled-past-header) .header-wrapper.header--background-transparent .header .header-main .header-heading .header-heading-logo-wrapper.has-transparent-logo .header-heading-logo.transparent-logo {
  display: block;
}
.section-header:not(:hover, .header--is-active, .scrolled-past-header) .header-wrapper.header--background-transparent.header--transparent-border-hide .header {
  --alpha-border: 0;
}



/* ---------------- Custom Styles ---------------- */


.membership-details {
    text-align: right;
}

    .link.link-text {font-size: 0.875rem;}

.copper-banner {height:34px;background: url('/cdn/shop/files/COPPER_EYE_CANDY.png?v=1744317293');background-size:cover;background-position:center;}

.list-social .social-item {--icon-width: 1rem;}

.template-index .image-text-card-wrapper .button.button--small, .fantasy-column-list .button.button--small,.pagehorror-realm .section-multicolumn .button  {width:100%;border-radius:5px;
    font-family: "bebas-neue-pro", sans-serif;
    text-transform: uppercase;
    font-size: 20px;
    letter-spacing: 1px;
    color: #ffffff;}

#shopify-section-template--19327639748826__media_wall_D3LzwK .section-media-wall .slider-slide.grid-item .media.media--landscape {
    padding-bottom: 125%;
}

.image-banner__wrapper .banner-content .banner-box .text-content-heading.heading-size--small {
    color: #ffffff !important;
}

.template-index .image-with-text .column-heading {
    font-size: 2vw;
}

.template-index .card-wrapper .card.card-content--wrapper .card-content {
    padding: 1rem 0;
}

.pagefantasy-realm .card-content .button.button--small{
  width:100%;border-radius:5px;
    font-family: "bebas-neue-pro", sans-serif;
    text-transform: uppercase;
    font-size: 20px;
    letter-spacing: 1px;
    color: #ffffff;}

.pagefantasy-npc .card-content .button.button--small{
  width:60%;border-radius:5px;
    font-family: "bebas-neue-pro", sans-serif;
    text-transform: uppercase;
    font-size: 20px;
    letter-spacing: 1px;
    color: #ffffff;}


.shopify-pc__prefs__dialog header h2, .shopify-pc__banner__dialog h2   {
    color: #C68007!important;
    text-transform: uppercase;
    text-align: center !important;
}

 .shopify-pc__banner__dialog a,.shopify-pc__banner__dialog button.shopify-pc__banner__btn-manage-prefs   {
    color: #C68007!important;
}

.pagenpc-rules {background: url(/cdn/shop/files/npc-background-narrower.webp); background-position: top center;background-size: cover;}


@media only screen and (max-width: 946px) {
.pagenpc-rules {background: url(/cdn/shop/files/npc-background-narrower.webp); background-position: top center;background-size: contain;}

}

.twocolmunn .button {color: #121325;}


.twocolmunn .button.button--secondary {color: #E5AD5F}

/*.position-container.position--bottom-left {align-items: flex-start;}*/

.gallery-module {
    background: #0000007d;
    padding: 10px 15px;
    max-width: 50%;
}

/*.gallery-module.text-align--left {
    text-align: left !important;
    background: #0000009e;
    padding: 30px 35px;
}*/


.section-image-gallery .image-gallery-list .image-gallery-item .image-gallery-content {padding: 10px 0 !important;}

.section-image-gallery.section-template--19167078252762__image_gallery_iyRCWr-margin {background:#3D5D5E;padding-bottom:5%;}

.section-image-gallery.section-template--19167078252762__image_gallery_9Jba6Q-margin{background:#3D5D5E;padding-bottom:5%;}
.section-image-gallery.section-template--19167078252762__image_gallery_iyRCWr-margin .text-content-heading {color:#ffffff;}

@media only screen and (max-width: 900px) {
img.slide-logo {display:none;}

  .card-heading.subtext {
    font-size: 2.2rem!important;
}
  .gallery-module {
    padding: 20px 25px;
}
}

#shopify-section-template--19639411572954__npc_rich_text_with_image_AJkdeb {background:#000;}

.section-image-gallery .image-gallery-list .image-gallery-item:nth-child(6) {height:100%;}

.article-main .caption  {
    display:none;
}

.page-width {
    max-width: 1920px;}

body, p,.font-body {
  font-family: "rival-sans", sans-serif;
font-weight: 400;
font-style: normal;
font-size: 18px!important;
line-height: 30px;
letter-spacing: 2px;}

.orange {color:#D5713C;}
.beige {color:#E8E4D9!important;}


.adventure.klaviyo-form-Y72wdy .needsclick.kl-private-reset-css-Xuajs1 {min-height:unset;}

.section-multicolumn.section-template--19167078252762__3_column_block_cfEL4A-margin {
    background: #D5713C;
    padding: 0px;}


.2column.image-container {
    position: relative!important;
    width: auto!important;
    height: auto!important;
}

.text-content-heading{
font-family: "bebas-neue-pro", sans-serif;
font-weight: 400;
font-style: normal;
/*color:#D5713C;*/
letter-spacing:5px;
}


.product-buy-button .product-form .form .product-form-buttons .quantity-selector .quantity-label { font-family: "rival-sans", sans-serif;
font-weight: 300!important;
font-style: normal;}


p.card-heading.largerfont{
 font-family: "rival-sans", sans-serif;
font-weight: 400;
font-style: normal;
font-size: 1.6rem !important;}

.section-rich-text h2.text-content-heading, .card-heading.subtext, .image-with-text .column-heading{
font-family: "ivypresto-text", serif;
font-weight: 600;
font-style: normal!important;
font-size: 40px ;
color:unset;}

.section-title h2.text-content-heading, .card-heading.subtext {
font-family: "ivypresto-text", serif!important;
font-weight: 600!important;
font-style: normal!important;
font-size: 42px ;
color:unset;
line-height: 1.1;
letter-spacing:2px;}

.product-info .product-info-inner .product-title .product-vendor {
font-family: "bebas-neue-pro", sans-serif;
font-weight: 400!important;
font-style: normal;
font-size: 1.2rem!important;
padding: 0!important;
letter-spacing: 3px!important;}

.product-title-heading {
font-family: "ivypresto-text", serif!important;
font-weight: 600!important;
font-style: normal!important;
text-transform:uppercase;}

h1.text-content-heading.heading-size--medium {
    font-family: "ivypresto-text", serif !important;
    font-weight: 600 !important;
    font-style: normal !important;
    font-size: 40px !important;
    text-transform: uppercase;
    color: #B66235;
    letter-spacing: 1px;}

.section-multicolumn h3{
font-family: "ivypresto-text", serif;
font-weight: 300;
font-style: normal;
color:#D5713C;
font-size: 1.4rem !important;}

.fantasy-column-list .card-heading.yellow-title {
font-family: "ivypresto-text", serif;
font-weight: 300;
font-style: normal;
font-size: 1.4rem !important;
margin-top:10px;}

.pagepast-campaigns .card-heading.orange   {
font-family: "ivypresto-text", serif;
font-weight: 300;
font-style: normal;
font-size: 1.4rem !important;
margin-top:10px;
color:#E5AD5F;}

.pagepast-campaigns .section-rich-text .text-content-description p a {color:#F9A325;}

.pagepast-campaigns .text-content-heading {
    color: #ffffff;
}

.pagepast-campaigns {background: url(/cdn/shop/files/b6d90dcced5c9e460aef305bc0ee0ab8.jpg);background-position:top center;background-repeat:repeat-y;background-size:cover;}

.pagepast-campaigns .section-multicolumn.section-template--19385996345562__multicolumn_XHDR3D-margin {background:#272724;padding-top:80px;}
.pagepast-campaigns .section-multicolumn.section-template--19385996345562__multicolumn_WLf98X-margin {background:#272724;padding:80px 0;}

/*
{
font-family: "ivypresto-text", serif;
font-weight: 400;
font-style: normal;}


{font-family: "ivypresto-text", serif;
font-weight: 400;
font-style: italic;}


{font-family: "ivypresto-text", serif;
font-weight: 700;
font-style: normal;}


{font-family: "ivypresto-text", serif;
font-weight: 700;
font-style: italic;}*/


.twocolmunn .button-group.button--multiple {
    display: inline-flex
;
    align-items: center;
    gap: 0.5rem;
    flex-direction: column;
}

.button.button--secondary {
    --border-opacity: 1;
    --alpha-button-background: 0;
    --color-button-text: #fff;
    text-decoration: underline;
}

.spot.button {width:auto !important;}

.text-content-buttons.twocolmunn .button-group {
  display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    flex-direction: column;
    width: 100%;}



.text-content-buttons.twocolmunn .button-group.button--multiple .button {
    flex: 1 1 auto;
    width: fit-content;
    border-radius: 5px;
    /*width: 80%;*/
    font-size: 16px;
  text-align:center;
}

.image-with-text .image-with-text__wrapper .fullwidth.text-item {
    flex: 1 1 auto;
    width: 100%;
    display: block;
    align-items: center;}

.centered  {
    margin: 0 auto;
    width: fit-content;
}

.button.button--secondary {
    --border-opacity: 1;
    --alpha-button-background: 0;
    --color-button-text: #fff;
    text-decoration: underline;
    font-size: 20px;
}

.section-faq.ffs2025 .section-faq__wrapper {
    flex-direction: row-reverse;
}

.media.faq-map > :not(.zoom, .button, .deferred-media-poster-button, .loading-overlay-spinner) {
    position: relative;
}


.faq-map .media img {
    object-fit: contain;
    object-position: center center;
}

.media.faq-map.media--panoramic {
    --padding-bottom: 0;
}

.ffs2025 .faq-more
 {
    background: #F5F4ED;
    padding: 30px;
}
.section-faq .section-faq__wrapper .faq-list .faq-item summary {
    padding: 1rem;
    font-weight: normal;}

.red {color:#E34856;}
.green {color:#009999;}
.yellow {color:#F9A325;}
.yellowtitle {color:#F9A325;}
.state-container {
  display: flex;
}

.state-container > div {
  margin: 10px;
  padding: 0 20px;
  font-size: 16px;
}


.state-container h3 {font-size: 1.3rem;}


@media only screen and (max-width: 946px) {
    .section-faq.ffs2025 .section-faq__wrapper {
        flex-direction: column-reverse;
    }
.media.faq-map.media--panoramic {
    --padding-bottom: 40%;
}

  .state-container,.benefits-container {
    display: flex;flex-direction: column;
}
  .state-container > div {
  margin: 0;
  padding: 0;
  font-size: 16px;
}
}



/* ---------------- About Styles ---------------- */

.pageabout-ffs .image-with-text,
.pageabout-ffs .section-multicolumn.section-template--19361548107994__multicolumn_hQEpJt-margin,
.pageabout-ffs .featured-blog.isolate.section-template--19361548107994__featured_blog_XHRcH6-margin
{background:#3D5D5E;padding-bottom:40px;}


.pageabout-ffs .section-multicolumn .column-list.columns--6 {
    grid-template-columns: repeat(6, 1fr);
}
@media (max-width: 1200px) {
.pageabout-ffs .section-multicolumn .column-list.columns--6 {
    grid-template-columns: repeat(3, 1fr);
}
}

.pageabout-ffs .image-with-text.section-template--19361548107994__image_with_text_QpzLqQ-margin
{background:#E8E4D9;padding-bottom:40px;}


.pageabout-ffs .section-multicolumn .team-members h3 {color:#ffffff;}

.pageabout-ffs .section__wrapper.rich-text__wrapper.isolate.color-background-1.gradient.section-template--19361548107994__section_title_HRnBgg-padding {background:#E8E4D9;}

.pageabout-ffs .text-content-heading {color:#ffffff; font-family: "ivypresto-text", serif !important;
    font-weight: 600 !important;
    font-style: normal !important;
    font-size: 3rem;
    line-height: 1; padding:40px 0;}

.pageabout-ffs .image-with-text .text-content-heading{font-size: 2.3rem;padding:0;text-align:left;}

.pageabout-ffs .title-wrapper.text-align--left{text-align:center!important;}

.pageabout-ffs .section-template--19361548107994__section_title_HRnBgg-padding .text-content-heading
{color:#3D5D5E;}

.pageabout-ffs .team-members .section-multicolumn h3 {
    color: #ffffff;}

.pageabout-ffs .section-title.section-template--19361548107994__section_title_zzcBPD-margin{background:#3D5D5E;}

/* ---------------- Fam Club page Styles ---------------- */

.FamClubMenu {
    /*background: url(/cdn/shop/files/character-background.webp);*/
    background:#C68007;
    padding: 12px;
}

 
.FamClubMenu ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  text-align: center;
  font-size:14px;
  text-transform: uppercase;
}

.FamClubMenu ul li a{color:#000;}
.FamClubMenu ul li {display: inline;padding-left:10px;}

.pagefam-club .column-heading,.pagefc-member-page .column-heading {color:#ffffff;}
.pagefam-club .column-heading.choose {text-align:center;font-family: "ivypresto-text", serif!important;
font-weight: 500!important;font-size: 40px !important;letter-spacing: 2px;}
.choose-your-character p{text-align:center;}
.section-multicolumn.famclub-intro.section-template--19244466110682__fam_club_intro_fHhR4E-margin {background:#C68007;padding:40px 0 40px 0;}
.pagefam-club .section-logo-list,.pagefc-member-page .section-logo-list,.section-multicolumn.famclub-welcome,.pagefc-member-page .famclub-memberevents,.section-multicolumn.memberperks{background: url(/cdn/shop/files/character-background.webp);padding: 40px 0 40px 0;background-position:center;}

.pagefc-member-page .section-template--19322350993626__fam_club_only_Um6373-margin
{background: url(/cdn/shop/files/character-background.webp);padding: 40px 0 40px 0;background-position:center;}

.fam-club-only .card-wrapper .card .card-content .card-heading {
    margin-bottom: 20px;
}


.pagefam-club .section-multicolumn.famclub-intro.section-template--19389955801306__fam_club_intro_4gMCqa-margin  {
    background: #C68007;padding:40px 0;
}

.pagefam-club .video-content-wrapper .text-content-description a {font-family: "bebas-neue-pro", sans-serif;text-transform: uppercase;color: #E5AD5F;font-size:24px;}

.famclubform button.needsclick.go3265039304.kl-private-reset-css-Xuajs1 {background:#000!important;color:#ffffff!important;}

.foot-notes p{font-size: 14px;
    line-height: 20px;}

.pagefam-club .video-banner .video-banner__wrapper .deferred-media .media-poster .video-content-wrapper {
    justify-content: flex-start;
  align-items: flex-start;
}

.benefits-container .icon-set {display:flex;align-items: center;margin-bottom:10px;}
.benefits-container .icon-set img {width:70px;padding-right:15px;}


.benefits-container li::before {
  height: 20px;
  width: 30px;
}
strong {font-weight: 700;}

.pagefam-club .video-banner .video-banner__wrapper .deferred-media .media-poster .video-content-wrapper .text-content.text-align--center {text-align:left!important;}

.pagefam-club .video-banner .video-banner__wrapper .deferred-media .media-poster .video-content-wrapper .text-content {
    background: #000000b0;
}

.pagefam-club .video-banner .text-content-heading.heading-size--small {color:#E5AD5F;}


.pagefam-club .video-banner .text-content-description h2 {  font-family: "ivypresto-text", serif !important;
    font-weight: 600 !important;
    font-style: normal !important;font-size: 2.2rem;}

.pagefam-club .section-rich-text h2.text-content-heading, .image-with-text .column-heading {
    font-size: 30px !important;
    letter-spacing: 2px !important;
}

.pagefam-club .card-heading.subtext {
    font-size: 40px !important;
    letter-spacing: 2px !important;
}

.fam-club-only .button--secondary {color:#E5AD5F;text-align:left;padding-left: 0;font-size: 22px;font-family: "bebas-neue-pro", sans-serif;
font-weight: 400!important;}

.invite .card-description {display:none;}

.invite .multicolumn__wrapper .column-list {align-items: center;}

.fam-club-only img.fam-club-only-image {width:100%;}

.pagefc-member-page .famclub-community-connect .section-logo-list {background:none;}
.famclub-community-connect .section-logo-list chaser-lights .logo-list {align-items: start;justify-content: start;flex-wrap: inherit;}
.famclub-community-connect .section-logo-list chaser-lights .logo-list .logo-item {width: 5rem;}

.pagefam-club  .section-logo-list chaser-lights .logo-list .logo-item {width: 10rem;}


@media screen and (min-width: 750px) {
.famclub-community-connect .section__wrapper.logo-list__wrapper.page-width {padding-left: 0;}

  
}

.pagefc-member-page .famclub-community-connect .section-logo-list {padding:0;width: fit-content;}




@media screen and (max-width: 750px) {
  body, p {
font-size: 16px!important;
line-height: 24px;}
  
}




.pagefc-member-page .section-logo-list chaser-lights {display: grid;justify-content: center;}
.pagefc-member-page .famclub-community-connect .text-content-heading,.famclub-community-connect .card-description,.famclub-community-connect .choose-your-character {color:#000;}
.famclub-community-connect .choose-your-character {text-align:center;}
.famclub-community-connect .Quiz-link{display: block;margin: 0 auto;width: fit-content;}
.Quiz-link{display: block;margin: 0 auto;width: fit-content;}
.famclub-community-connect .Quiz-link a {color:#ffffff;}
.Quiz-link a {color:#E5AD5F;font-family: "bebas-neue-pro", sans-serif;font-size: 24px !important;letter-spacing: 2px;text-align: center;}
.pagefam-club .section-logo-list .text-content-heading {color:#E5AD5F;}
.pagefam-club .text-content-heading,.section-multicolumn.famclub-intro .card-heading,.pagefc-member-page .text-content-heading,.section-multicolumn.famclub-intro .card-heading {color:#ffffff;}
.section-multicolumn.famclub-intro .text-content-heading {color:#000000;}
.section-multicolumn.famclub-intro .column-list.columns--3 {grid-template-columns: 1fr 3fr 1fr;}
.section-multicolumn.famclub-intro .column-list.keep-button-aligned .card-inner{height: 0;}
.section-multicolumn.famclub-memberevents .column-list .card-inner {height: 0;}
.section-multicolumn.famclub-welcome .column-list.columns--2 {grid-template-columns: 1fr 6fr;}
.section-multicolumn.famclub-welcome .column-list.columns--3 {grid-template-columns: 1fr 4fr 1fr;}
.section-multicolumn.famclub-welcome .column-list.keep-button-aligned .card-inner {height: 0;}
.section-multicolumn.famclub-community-connect{background:#C68007;padding-top:40px;padding-top:40px;padding-bottom:30px;}
.pagefc-member-page .famclub-community-connect.text-content-heading {color:#000;}
.section-multicolumn.famclub-community-connect .column-list.columns--2 {grid-template-columns: 1fr 3fr;gap: 4rem;}

.section-multicolumn.famclub-community-connect .column-list.keep-button-aligned .card-inner {height: 0;}
.section-multicolumn.famclub-welcome .column-list {align-items: center;} 
.section-multicolumn.famclub-welcome h2{text-transform:uppercase;font-family: "ivypresto-text", serif!important;font-weight: 500!important;font-size: 35px !important;letter-spacing: 2px;}
.section-multicolumn.famclub-intro a.member-access{color:#ffffff;font-family: "bebas-neue-pro", sans-serif;font-size: 20px !important;letter-spacing: 2px;text-align: center;}
img.member-access-logo{margin: 0 auto;display: block;}
.pagefam-club .benefits-container {display: flex;margin-top:10px;}
.pagefam-club .benefits-container > div {margin: 10px;padding: 0px;font-size: 18px;}
.benefits-container ul{list-style-position: inside;padding-left: 0rem;}
.pagefam-club .member-sign-up, .membership-add-to-cart {display:flex;align-items: center;}
.pagefam-club .membership-add-to-cart {margin-top:30px;}
.pagefam-club .membership-price {color:#ffffff;text-align:center;font-family: "ivypresto-text", serif!important;
font-weight: 600!important;font-size: 50px !important;letter-spacing: 2px;padding-right:10px;}
.pagefam-club .membership-shipping {color:#ffffff;font-size:14px;line-height:1.1;}
.pagefam-club .membership-disclaimer {font-size:12px;letter-spacing:0;}
.membership-add-to-cart .button.button--secondary {font-size: 18px;}

.memberperks .card-wrapper .card.card-content--wrapper .card-content {padding: 2rem;}
.memberperks .card-wrapper .card {border: 1px solid #E5AD5F;}
.memberperks ul li {list-style: inherit;margin-bottom: 1.5rem;font-size:17px;}
.memberperks ul {padding-left: 0em;list-style: none;}
.memberperks ul li a {color:#E5AD5F;}

.modal[open] {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 1rem;
}

.slideout h2 {
    color: #ffffff;
    font-size: 240%;
    text-align: center;
    line-height: 1;
}

.slideout h3 {
    color: #fff;
    margin-top: 30px;
    font-size: 150%;
}

.slideout .membership-shipping  {
    color: #ffffff;
    line-height: 1;
    font-size: 80%;
}

.slideout .member-sign-up {margin-bottom: 20px;}

.slideout .button.button--full-width {
background: #121314;
}


.slideout .full-details  {
    letter-spacing: 0;
}

.slideout .full-details a {padding-left:0;}

.slideout .membership-disclaimer {
    letter-spacing: 0;
    font-size: 16px;
    line-height: 1.2;
}

#accessibility-popup {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #000000a3;
  z-index: 1000;
  width: 100%;
  height: 100%;
}

.pop-up-content {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #c68007;
  color: #000;
  padding: 30px;
  z-index: 1000;
  text-align: center;
  max-width: 500px;
  border-top: 25px solid #121314;
}

#popup-title {
  color: #ffffff;
  font-size: 40px;
  font-weight: 500;
  line-height: 1.1;
  margin-top:10px;
}


@media only screen and (max-width: 946px) {

.slideout h2 {
    color: #ffffff;
    font-size: 140%;
    text-align: center;
    line-height: 1;
}

.slideout h3 {
    color: #fff;
    margin-top: 10px;
    font-size: 100%;
}

.slideout li{
    font-size: 16px;
    text-align: left;
}

  .modal > .modal-inner .modal-close {
    position: absolute;
    right: 0;
    top: 50px;
}
}


/* ---------------- Fam Club product Styles ---------------- */


.pagefamiliar-quiz{background: url(https://findfamiliarspirits.com/cdn/shop/files/character-background.webp);background-position:center;}

.product-template-fam-club-membership  .section-logo-list chaser-lights .logo-list .logo-item {width: 10rem;}
.product-template-fam-club-membership .benefits-container {display: flex;margin-top:10px;}
.product-template-fam-club-membership .benefits-container > div {margin: 10px;padding: 0px;font-size: 18px;line-height:1.2;}
.benefits-container ul{list-style-position: inside;padding-left: 0rem;}
.product-template-fam-club-membership .member-sign-up, .membership-add-to-cart {display:flex;align-items: center;}
.product-template-fam-club-membership .membership-add-to-cart {margin-top:30px;}
.product-template-fam-club-membership .membership-price {color:#ffffff;text-align:center;font-family: "ivypresto-text", serif!important;
font-weight: 600!important;font-size: 50px !important;letter-spacing: 2px;padding-right:10px;}
.product-template-fam-club-membership .membership-shipping {color:#ffffff;font-size:14px;line-height:1.1;}
.product-template-fam-club-membership .membership-disclaimer {font-size:14px;letter-spacing:0;line-height:1.1;}
.product-template-fam-club-membership .section-logo-list .text-content-heading {color:#E5AD5F;}
.product-template-fam-club-membership .text-content-heading,.section-multicolumn.famclub-intro .card-heading,.pagefc-member-page .text-content-heading,.section-multicolumn.famclub-intro .card-heading {color:#ffffff;}
.product-template-fam-club-membership .video-banner .video-banner__wrapper .deferred-media .media-poster .video-content-wrapper .text-content.text-align--center {text-align:left!important;}

.product-template-fam-club-membership .video-banner .video-banner__wrapper .deferred-media .media-poster .video-content-wrapper .text-content {
    background: #000000b0;
}

.product-template-fam-club-membership .video-banner .text-content-heading.heading-size--small {color:#E5AD5F;}


.product-template-fam-club-membership .video-banner .text-content-description h2 {  font-family: "ivypresto-text", serif !important;
    font-weight: 600 !important;
    font-style: normal !important;font-size: 2.2rem;}

.product-template-fam-club-membership .section-rich-text h2.text-content-heading, .image-with-text .column-heading {
    font-size: 30px !important;
    letter-spacing: 2px !important;
}

.product-template-fam-club-membership .card-heading.subtext {
    font-size: 40px !important;
    letter-spacing: 2px !important;
}

.product-template-fam-club-membership .column-heading,.pagefc-member-page .column-heading {color:#ffffff;}
.product-template-fam-club-membership .column-heading.choose {text-align:center;font-family: "ivypresto-text", serif!important;
font-weight: 500!important;font-size: 40px !important;letter-spacing: 2px;}
.choose-your-character p{text-align:center;}
.section-multicolumn.famclub-intro.section-template--19244466110682__fam_club_intro_fHhR4E-margin {background:#C68007;padding:40px 0 40px 0;}
.product-template-fam-club-membership .section-logo-list,.pagefc-member-page .section-logo-list,.section-multicolumn.famclub-welcome,.pagefc-member-page .famclub-memberevents,.section-multicolumn.memberperks{background: url(/cdn/shop/files/character-background.webp);padding: 40px 0 40px 0;background-position:center;}


.product-template-fam-club-membership .section-multicolumn.famclub-intro.section-template--19389955801306__fam_club_intro_4gMCqa-margin  {
    background: #C68007;padding:40px 0;
}

.product-template-fam-club-membership .video-content-wrapper .text-content-description a {font-family: "bebas-neue-pro", sans-serif;text-transform: uppercase;color: #E5AD5F;font-size:24px;}

.famclubform button.needsclick.go3265039304.kl-private-reset-css-Xuajs1 {background:#000!important;color:#ffffff!important;}

.foot-notes p{font-size: 14px;
    line-height: 20px;}

.product-template-fam-club-membership .video-banner .video-banner__wrapper .deferred-media .media-poster .video-content-wrapper {
    justify-content: flex-start;
  align-items: flex-start;
}


.product-template-fam-club-membership .video-banner .video-banner__wrapper .deferred-media .media-poster .video-content-wrapper .text-content.text-align--center {text-align:left!important;}

.product-template-fam-club-membership .video-banner .video-banner__wrapper .deferred-media .media-poster .video-content-wrapper .text-content {
    background: #000000b0;
}

.product-template-fam-club-membership .video-banner .text-content-heading.heading-size--small {color:#E5AD5F;}


.product-template-fam-club-membership .video-banner .text-content-description h2 {  font-family: "ivypresto-text", serif !important;
    font-weight: 600 !important;
    font-style: normal !important;font-size: 2.2rem;}

.product-template-fam-club-membership .section-rich-text h2.text-content-heading, .image-with-text .column-heading {
    font-size: 30px !important;
    letter-spacing: 2px !important;
}

.product-template-fam-club-membership .card-heading.subtext {
    font-size: 40px !important;
    letter-spacing: 2px !important;
}


@media only screen and (max-width: 946px) {
.clock-image-wrapper img{width:80%;}
}

.search-container .card-wrapper .card .card-content .card-heading  {  font-family: "ivypresto-text", serif !important;
    font-weight: 600 !important;
    font-style: normal !important;font-size: 30px!important;}

.product-icon-text.product-info-block,.Fam-club-price  { font-family: rival-sans, sans-serif;
    font-weight: 400;
    font-style: normal;!important;color:#ffffff;font-size: 20px!important;
    line-height: 1;}

.Fam-club-price a {color:#F9A325;}

.product-template-macabre-spirits .product-info-custom-liquid,.product-template-hnm .product-info-custom-liquid {margin-top:0;}
.product-template-macabre-spirits .product-icon-text.product-info-block, .product-template-macabre-spirits .price,.product-template-hnm .product-icon-text.product-info-block, .product-template-hnm .price,.Fam-club-price span {color:#7e9494;font-size: 1.25rem;font-family: "ivypresto-text", serif!important;
font-weight: 600!important;font-size: 20px !important;}

.product-template-macabre-spirits .details-disclosure-content a,.product-template-hnm .details-disclosure-content a {
    color: #7e9494;}

.product-template-dragon .product-icon-text.product-info-block, .product-template-dragon .price,.product-template-dragon .Fam-club-price span {color:#B66235;font-size: 1.25rem;font-family: "ivypresto-text", serif!important;
font-weight: 600!important;font-size: 20px !important;}

.product-template-druid .product-icon-text.product-info-block, .product-template-druid .price, .pagesecret-dungeon .price-item,.product-template-druid .Fam-club-price span {color:#B66235;font-size: 1.25rem;font-family: "ivypresto-text", serif!important;
font-weight: 600!important;font-size: 2rem !important;}

.product-template-npc .product-icon-text.product-info-block, .product-template-npc .price,.product-template-npc .Fam-club-price span {color:#B66235;font-size: 1.25rem;font-family: "ivypresto-text", serif!important;
font-weight: 600!important;font-size: 20px !important;}


.pagedruid-presale .product-icon-text.product-info-block, .pagedruid-presale .price,.pagedruid-presale .Fam-club-price span {color:#B66235;font-size: 1.25rem;font-family: "ivypresto-text", serif!important;
font-weight: 600!important;font-size: 20px !important;}
pagedruid-presale


.product-template-hrg .product-icon-text.product-info-block, .product-template-hrg .price,.product-template-hrg .Fam-club-price span {color:#B66235;font-size: 1.25rem;font-family: "ivypresto-text", serif!important;
font-weight: 600!important;font-size: 20px !important;}


.pagehrg-presale .product-icon-text.product-info-block, .pagehrg-presale .price,.pagehrg-presale .Fam-club-price span {color:#B66235;font-size: 1.25rem;font-family: "ivypresto-text", serif!important;
font-weight: 600!important;font-size: 20px !important;}

#shopify-section-template--19407256682714__section_title_V8mxQn {background:#051223;}



.famclub-memberevents .event-tiles {display:flex; background:#000; }
/*.famclub-memberevents .event-tile {padding:30px;}*/
.famclub-memberevents .event-tile {padding:0px;}
.famclub-memberevents .event-tile .event-spacing {padding:30px;}
.famclub-memberevents .card-wrapper .card {height: 100%;display: block;border-radius: var(--medium-radius);}
.famclub-memberevents .card-wrapper .card h3 {font-family: "bebas-neue-pro", sans-serif;font-size: 21px;font-weight:700;color:#ffffff;}
.famclub-memberevents .card-wrapper .card strong{ font-family: "bebas-neue-pro", sans-serif;font-size: 18px;font-weight:400;color:#E5AD5F;}
.famclub-memberevents .card-wrapper .card p {font-family: "bebas-neue-pro", sans-serif;font-size: 17px;font-weight:400;}
.famclub-memberevents .card-wrapper .card .card-content>*:not(:first-child) {margin-top: 0;}
.famclub-memberevents .card-wrapper .card:not(.card-content--wrapper) { margin-top: 20px;}

.famclub-memberevents .event-tile {width: 100%;}
.past-event img {float: left;margin-right: 30px;max-width: 20%;}
.past-events {display: flex;flex-direction: column;}
.past-event {margin-bottom:10px;}
.past-event a {color:#E5AD5F;}

a.past-events-link {color:#E5AD5F;}


.pagefam-club-events .section-media-wall__wrapper .button--secondary {color:#E5AD5F;font-family: "bebas-neue-pro", sans-serif;font-size: 21px;font-weight:700;text-transform: uppercase;letter-spacing: 2px;}
.pagefam-club-events .section-media-wall__wrapper .custom-button-container {margin-top:15px;}

.pagefam-club-events .section-media-wall__wrapper .text-content-heading  {color:#E5AD5F;}

.pagefam-club-events .section-multicolumn.upcoming-events {background:#000;padding:40px 0;}
.pagefam-club-events .section-multicolumn.upcoming-events .text-content-heading {color:#ffffff;}

.pagefam-club-events .card-wrapper .card .card-content .card-heading {font-family: "bebas-neue-pro", sans-serif!important;font-size: 24px!important;font-weight:700;color:#ffffff!important;}
.pagefam-club-events .card-wrapper .card .card-description h3 {font-family: "bebas-neue-pro", sans-serif;font-size: 24px;font-weight:700;color:#ffffff!important;}
.pagefam-club-events .card-wrapper .card .card-description strong{ font-family: "bebas-neue-pro", sans-serif;font-size: 22px;font-weight:400;color:#E5AD5F;}
.pagefam-club-events .card-wrapper .card .card-description p {font-family: "bebas-neue-pro", sans-serif;font-size: 20px;font-weight:400;}


.pagefam-club-events  .section-multicolumn.upcoming-events  .column-list {gap: 5.25rem;padding: 0 5%;}



@media only screen and (max-width: 946px) {
.famclub-memberevents .event-tiles { display: flex;background: #000;flex-direction: column;}
  .past-event img {float: none;margin-right: 0px;max-width: 100%;}
  .past-event h3 {padding-top:15px;}
}

.section-multicolumn.invite{background: #C68007;padding: 20px 0px;}

.memberperks li.column-item:nth-child(3) .card-wrapper .card.card-content--wrapper .card-content {text-align: center !important;display: flex;
align-items: center;flex-direction: column;justify-content: center;}



.pagefc-member-page h3.card-heading.curated-product,.pagefc-member-page .curated .price {color:#E5AD5F;font-family: "ivypresto-text", serif!important;
font-weight: 600!important;font-size: 20px !important;letter-spacing: 2px;}

.curated .button.button--primary {width:100%;font-family: "bebas-neue-pro", sans-serif;text-transform: uppercase;
font-size: 20px;letter-spacing: 1px;color: #ffffff;}

.pagefc-member-page .curated .button.button--primary {background:#C68007;}

/* ---------------- Fantasy Realm Styles ---------------- */

.rich-text-border{
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;
  padding:5% 0;
}

.pagefantasy-realm .section-rich-text h2.text-content-heading.heading-size--super,.pagefantasy-npc .section-rich-text h2.text-content-heading.heading-size--super {font-family: "ivypresto-text", serif!important;
font-weight: 600!important;color:#E5AD5F;font-size: 3rem!important;
    line-height: 1;}

.pagefantasy-realm, .pagefantasy-npc {background: url(/cdn/shop/files/Placeholder_Map_3.png?v=1743796802);background-position:center;background-repeat:repeat-y;background-size:cover;}


.pagefantasy-realm .media-play-button.button, .pagefantasy-npc .media-play-button.button  {background: #ffffff2e;border: 2px solid #ffffff;}
.pagehorror-realm .media-play-button.button {background: #ffffff2e;border: 2px solid #ffffff;}
.pagefantasy-realm .section-rich-text.fantasy-realm .text-content-description p, .pagefantasy-npc .section-rich-text.fantasy-realm .text-content-description p {font-size: 24px;
    line-height: 36px;letter-spacing:2px;}

.card-content-fantasy .card-description, .pagefantasy-npc .card-description {width:90%;}

.pagefantasy-realm  .video-banner .video-banner__wrapper .deferred-media .media-poster .video-content-wrapper, .pagefantasy-npc  .video-banner .video-banner__wrapper .deferred-media .media-poster .video-content-wrapper {align-items: flex-end;justify-content: flex-start;}

.pagehorror-realm .video-banner .video-banner__wrapper .deferred-media .media-poster .video-content-wrapper {align-items: flex-end;justify-content: flex-start;}

.pagehorror-realm .text-content-heading [color:#ffffff;]

/*.pageqe-tavern {background: url(/cdn/shop/files/359249f4eba22be4a20aa027dc14a64a.jpg);background-position:center;background-repeat:no-repeat;background-size:cover;}*/


/*.pagefantasy-realm img.ornament-divider {margin:0 auto;max-width: 60rem;;display: block;}*/
.pagefantasy-realm img.ornament-divider, .pagefantasy-npc img.ornament-divider {margin: 0 auto;max-width: 90%;display: block;}
.pageqe-tavern img.ornament-divider {margin: 0 auto;max-width: 1040px;display: block;}
img.ornament-divider {margin: 0 auto;max-width: 90%;display: block;}
 .color-scheme-0de67bf2-e508-4207-a52d-40ca525adf82 {background: none;}

.color-scheme-9a5e8684-78e4-425e-bf56-b4c0df9779b2, .pagefantasy-realm .section-testimonial, .pagefantasy-npc .section-testimonial,.pagefantasy-realm .section-multicolumn,.pagefantasy-npc .section-multicolumn {
    color: rgb(var(--color-foreground));
    background: rgba(0, 0, 0, 0.4);
  padding-top:2%;
  
}

.section-testimonial.fantasy.accordion-reviews.section-template--19639411572954__testimonials_with_product_call_out_6AVYMi-margin {
    background: rgba(0, 0, 0, 0);  
}


.pagefantasy-npc .NPC-multi.section-multicolumn,.image-with-text.section-template--19639411572954__image_with_text_fzJLWf-margin,#shopify-section-template--19639411572954__multicolumn_mKTccT,
.section-multicolumn.section-template--19333063540954__multicolumn_mKTccT-margin,.image-with-text.section-template--19333063540954__image_with_text_fzJLWf-margin {
    color: rgb(var(--color-foreground));
    background: rgba(0, 0, 0, 1);
}
.image-with-text.section-template--19639411572954__image_with_text_fzJLWf-margin {padding-bottom:5%;}

.image-with-text.section-template--19333063540954__image_with_text_fzJLWf-margin {padding-bottom:80px;}

.pagefantasy-realm .section-testimonial.fantasy, .pagefantasy-npc .section-testimonial.fantasy,  {
    color: rgb(var(--color-foreground));
    background: rgba(0, 0, 0, 0);
  
}


.pagefantasy-realm .caption, .pagefantasy-npc .caption {
    font-size: 0.75rem;
    line-height: 1.2;
}



.pagefantasy-realm .button, .pagefantasy-npc .button {border-radius:5px;}
.pagefantasy-realm .testimonial-list.list-unstyled, .pagefantasy-npc .testimonial-list.list-unstyled{
    padding: 5%;
}

.pagefantasy-realm .testimonial-main .testimonial-masonry .testimonial-list, .pagefantasy-npc .testimonial-main .testimonial-masonry .testimonial-list {
    background: url(/cdn/shop/files/Digital_Paper_83_2.png?v=1743975968);
    background-size: contain;
    background-repeat: repeat-y;
  color: #000;
}

.testimonial-main.fantasy-product .testimonial-masonry {

    max-width: none;
    height: 50rem;
}

.pagefantasy-realm .fantasy.accordion-reviews .testimonial__wrapper,.pagefantasy-npc .fantasy.accordion-reviews .testimonial__wrapperc {border-bottom:1px solid #ffffff;padding-bottom:60px;}

.testimonial-image-title 
{
    z-index: 100;
    margin: auto;
    text-transform: uppercase;
    display: flex;
    justify-content: center;
    align-items: center;
    
}

.testimonial-image-title h3 a{font-family: "ivypresto-text", serif !important;
    font-weight: 600 !important;
    font-style: normal !important;
    font-size: 40px !important;
    line-height: 1;
    color:#ffffff;
    letter-spacing: 2px;}




 .pagefantasy-realm .section-multicolumn,.pagefantasy-realm .section-testimonial,.pagefantasy-npc .section-multicolumn,.pagefantasy-realm .section-testimonial {padding:40px 0!important;}


.pagefantasy-realm .text-content-heading,.pagefantasy-realm .section-rich-text h2.text-content-heading,.pagefantasy-npc .text-content-heading,.pagefantasy-npc .section-rich-text h2.text-content-heading {
    font-family: "bebas-neue-pro", sans-serif!important;
    font-weight: 400;
    font-style: normal;
    color: #E8E4D9;
    letter-spacing: 2px;
}

.pagefantasy-npc .text-content-heading {font-size: 2rem;}



.pagefantasy-realm .fantasy-product .text-content-heading,.pagefantasy-npc .fantasy-product .text-content-heading {
    font-family: "ivypresto-text", serif !important;
    font-weight: 600 !important;
    color: #E8E4D9;
    font-size: 36px !important;
    line-height: 1;
  text-align:center;
}


.pagefantasy-realm .fantasy-product .title-wrapper .text-content,.pagefantasy-npc .fantasy-product .title-wrapper .text-content {
    margin: 0 auto;
    display: block;
}


.pagefantasy-realm .image-with-text__wrapper .text-content-heading,.pagefantasy-npc .image-with-text__wrapper .text-content-heading {font-family: "ivypresto-text", serif!important;
font-weight: 600!important;color:#E8E4D9;font-size: 36px!important;
    line-height: 1;}


.pagefantasy-realm .image-with-text__wrapper .text-content-description h3,.pagefantasy-npc .image-with-text__wrapper .text-content-description h3{color:#C68007;font-family: "ivypresto-text", serif!important;font-weight: 500!important;}


.pagefantasy-realm .section-divider,.pagefantasy-npc .section-divider {background: #E8E4D9; height:1px;}

.pagefantasy-realm .section-multicolumn h3 {color: #E5AD5F;}

.pagefantasy-realm .section-multicolumn .button{background: #C68007;font-family: "bebas-neue-pro", sans-serif;text-transform: uppercase;
font-size: 20px;letter-spacing: 1px;color: #ffffff;}



.pageqe-tavern{background: url(/cdn/shop/files/QE_Tavern_Background_Flat.webp?v=1744652424);background-position:top center;background-size:cover;
}
.pageqe-tavern .soundmixer.image-with-text .image-with-text__wrapper .text-item
{background: url(/cdn/shop/files/9c34df908eb69fca73bf61e240099010.jpg);background-size:cover;margin-bottom:40px;
}

.pageqe-tavern .section-template--19371140743386__multicolumn_b6hWnt-margin,
.pageqe-tavern .section-rich-text.section-template--19371140743386__rich_text_TRzqyB-margin,
.pageqe-tavern .section-multicolumn.section-template--19371140743386__multicolumn_8Wr6gd-margin{
        background: #211a14e3;
    }

.pageqe-tavern .section-template--19371140743386__multicolumn_b6hWnt-margin {padding-top:30px;}

.pageqe-tavern .section-multicolumn.section-template--19371140743386__multicolumn_8Wr6gd-margin {padding-bottom:40px;}


.pageqe-tavern .soundmixer.image-with-text .image-with-text__wrapper .text-item {justify-content: flex-start;
}

.pageqe-tavern .text-content-heading {color:#ffffff;}

p.disclaimer {font-size:14px;text-align:center;}




/* ---------------- News Styles ---------------- */

.article-card-wrapper {
    background: #ffffff;
    color: #000000;}

.article-card-wrapper .card-content {
    padding: 1rem!important;}

.article-main,.template-blog {background:#E8E4D9; color: #000000;}

/* ---------------- Horror Realm Styles ---------------- */


.pagehorror-realm .text-content-description.orange   {color: #F96265;}



@media screen and (min-width: 750px) {
.pagehorror-realm .text-content.content-width--narrow {
        max-width: 80rem;
    }
  
.pagehorror-realm .text-content.content-width--normal {
        max-width: 80rem;
    }

.needsclick.klaviyo-form.klaviyo-form-version-cid_2.go417382439.kl-private-reset-css-Xuajs1 {
  max-width: 100%!important;
}
}

    .section-template--19341593018586__rich_text_6CmY7c-margin {
        margin-top: 0px;
        margin-bottom: 80px;
        max-width: 100rem;
    }




.pagehorror-realm .section-rich-text .text-content-description p,.pagefantasy-realm .section-rich-text .text-content-description p,.pagefantasy-npc .section-rich-text .text-content-description p  {
    font-size: 28px;
    line-height: 40px;
    font-weight: 300;
}

.pagehorror-realm{background: url(/cdn/shop/files/horror-background-scaled.webp);background-position:top;background-repeat:repeat-y;background-size:cover;}

.pagehorror-realm .section-multicolumn,.pagehorror-realm .section-testimonial,.pagehorror-realm .rich-text__wrapper {
    color: rgb(var(--color-foreground));
    background: rgba(0, 0, 0, 0.7);
}


#shopify-section-template--19341593018586__custom_liquid_XygLtL .gradient {
    color: rgb(var(--color-foreground));
    background: rgba(0, 0, 0, 0.7);

}



.pagehorror-realm .text-content-heading.heading-size--super.font-decorative {
    font-family: "ivypresto-text", serif !important;
    font-weight: 600 !important;
    color: #ffffff;
    font-size: 3rem !important;
    line-height: 1;
}

.pagehorror-realm .text-content-heading,.pagehorror-realm .section-rich-text h2.text-content-heading {
    font-family: "bebas-neue-pro", sans-serif!important;
    font-weight: 400;
    font-style: normal;
    color: #ffffff;
    letter-spacing: 2px;
}
.pagehorror-realm  .section-multicolumn h3 {
    font-family: "ivypresto-text", serif;
    font-weight: 300;
    font-style: normal;
    color: #F96265;}

.pagehorror-realm  .section-multicolumn {padding-bottom:60px;}

.pagehorror-realm .section-multicolumn .button {background:#941A1C;}

/* ---------------- Dragon Styles ---------------- */
.product-template-dragon,
.product-template-druid,
.pagedruid-presale,
.product-template-rogue,
.product-template-warlock,
.product-template-paladin,
.product-template-paladin-1,.pagesecret-dungeon
{background: url(/cdn/shop/files/QEW-Background.webp);background-size:cover;
  color:#121314;
}

.product-template-npc {background: url(/cdn/shop/files/Monogram_Pattern_Black_Gray_Subtle.webp);background-size:cover;
  color:#121314;
}
.product-template-npc .section-main-product.gradient,
.product-template-npc .section-highlight-features.color-scheme-5a19ac3d-afe8-4d75-bc60-f65b2ddf0402.gradient.section-template--19640598364378__highlight_features_MgX9Jn-margin {background: none;}


.product-template-npc .section-main-product.gradient,
.product-template-npc .section-rich-text.section-title.section-template--19640598364378__section_title_aB8j9j-margin,
.product-template-npc .section-testimonial.accordion-reviews.section-template--19640598364378__product_accordion_video_cRPzBW-margin,
.product-template-npc .section-rich-text.section-title.section-template--19640598364378__section_title_B4yrJF-margin,
.product-template-npc .featured-collection.section-template--19640598364378__featured_collection_DqM6YV-margin,
.product-template-npc .section-rich-text.section-title.section-template--19640598364378__section_title_aB8j9j-margin{background: #000;}

#shopify-section-template--19640598364378__3_column_block_dALTAR{
background-image: url(/cdn/shop/files/npc-sign-up-bg.webp);
    background-size: cover;
    background-position: bottom;
  padding:40px 0;
  margin-bottom: 5%;
}

.product-template-hrg, .pagehrg-presale
{background: url(/cdn/shop/files/Compass_Pattern_Blue_HRG_Repeat.svg);background-size:cover;
  color:#121314;
}




.product-template-macabre-spirits,.product-template-hnm,.pagehnm-presale
{background: url(/cdn/shop/files/Macabre_Wallpaper_Tall_Layers.webp);background-size:cover;
  color:#121314;
}

.product-template-macabre-spirits .product-mini-checkout,.product-template-hnm .product-mini-checkout {background: #941A1C;}

.product-template-dragon h3.card-heading.curated-product,
.product-template-druid h3.card-heading.curated-product,
.product-template-npc h3.card-heading.curated-product,
.pagedruid-presale h3.card-heading.curated-product,
.product-template-rogue h3.card-heading.curated-product,
.product-template-warlock h3.card-heading.curated-product
.product-template-paladin h3.card-heading.curated-product,
.product-template-paladin-1 h3.card-heading.curated-product,
.pagesecret-dungeon h3.card-heading.curated-product,
.product-template-hrg h3.card-heading.curated-product,
.pagehrg-presale h3.card-heading.curated-product,
.product-template-default h3.card-heading.curated-product
{color:#B66235;font-family: "ivypresto-text", serif!important;
font-weight: 600!important;font-size: 30px !important;letter-spacing: 2px;}




.template-collection h3.card-heading.curated-product
{color:#B66235;font-family: "ivypresto-text", serif!important;
font-weight: 600!important;font-size: 20px !important;letter-spacing: 2px;}

 {
    background: #E8E4D9;
}


.template-collection {background: #E8E4D9;}
.template-collection .card-description p {display:none;}

.template-collection h1.text-content-heading.heading-size--medium, .article-template-content a,.template-article .nav-button {color:#000;}
.template-collection .banner .banner-content .banner-content-main {

    padding-bottom: 0;
}


    .template-collection .content-grid-main.has-vertical-facets {
align-items: flex-start;
        background: #E8E4D9;
        color: #000;
    }



.quantity {
    margin-bottom: 30px;
}

.template-collection .card-description .price,.template-collection h3.card-heading.curated-product,.template-collection a.pagination-item  {color:#000000;}

.product-template-dragon .curated .price,
.product-template-druid .curated .price,
.product-template-npc .curated .price,
.pagedruid-presale .curated .price,
.product-template-rogue .curated .price,
.product-template-warlock .curated .price,
.product-template-paladin .curated .price,
.product-template-paladin-1 .curated .price,
.pagesecret-dungeon .curated .price,
.product-template-hrg .curated .price,
.pagehrg-presale .curated .price,
.product-template-default .curated .price
{color:#B66235;font-family: "ivypresto-text", serif!important;
font-weight: 600!important;font-size: 20px !important;letter-spacing: 2px;}


.product-template-default .section-template--19167078482138__related-products-margin, .product-template-default .featured-collection.section-template--19167078482138__featured_collection_8YgDUQ-margin {
background: #F5F4ED;
    }

.pagefc-member-page h3.card-heading.curated-product,.pagefc-member-page .curated .price
{color:#E5AD5F;font-family: "ivypresto-text", serif!important;
font-weight: 600!important;font-size: 20px !important;letter-spacing: 2px;}

.product-template-default .card-description {color:#000000;}


.yellow-title {color:#E5AD5F;}
.yellow {background:#C68007;color:#ffffff;}

.product-template-dragon .testimonial-main,
.product-template-druid .testimonial-main,
.product-template-npc .testimonial-main,
.pagedruid-presale .testimonial-main,
.product-template-rogue .testimonial-main,
.product-template-warlock .testimonial-main,
.product-template-paladin .testimonial-main,
.product-template-paladin-1 .testimonial-main,
.pagesecret-dungeon .testimonial-main,
.product-template-hrg .testimonial-main,
.pagehrg-presale .testimonial-main,
.product-template-macabre-spirits .testimonial-main,.product-template-hnm .testimonial-main,.pagehnm-presale .testimonial-main
{display: grid;grid-template-columns: 2fr 2fr;}
.pagefantasy-realm .testimonial-main.fantasy-product,.pagefantasy-npc .testimonial-main.fantasy-product {display: grid;grid-template-columns: 2fr 4fr;gap: 8rem;}

.pagehorror-realm .testimonial-main.horror-product {display: grid;grid-template-columns: 2fr 2fr;gap: 8rem;}


.product-template-dragon .testimonial-main .testimonial-masonry,.pagefantasy-realm .testimonial-main.fantasy-product .testimonial-masonry,.pagefantasy-npc .testimonial-main.fantasy-product .testimonial-masonry,
.product-template-druid .testimonial-main .testimonial-masonry,
.product-template-npc .testimonial-main .testimonial-masonry,
.pagedruid-presale .testimonial-main .testimonial-masonry,
.product-template-rogue .testimonial-main .testimonial-masonry,
.product-template-warlock .testimonial-main .testimonial-masonry,
.product-template-paladin .testimonial-main .testimonial-masonry,
.product-template-paladin-1 .testimonial-main .testimonial-masonry,
.pagesecret-dungeon .testimonial-main .testimonial-masonry,
.product-template-hrg .testimonial-main .testimonial-masonry,
.pagehrg-presale .testimonial-main .testimonial-masonry,
.product-template-macabre-spirits .testimonial-main .testimonial-masonry,
.product-template-hnm .testimonial-main .testimonial-masonry,
.pagehnm-presale .testimonial-main .testimonial-masonry,
.pagefantasy-realm .testimonial-main.fantasy-product .testimonial-masonry,
.pagefantasy-npc .testimonial-main.fantasy-product .testimonial-masonry,
.pagehorror-realm .testimonial-main.horror-product .testimonial-masonry
{width:100%;}

@media only screen and (max-width: 946px) {
.product-template-dragon .testimonial-main,.pagefantasy-realm .testimonial-main.fantasy-product,
  .pagefantasy-npc .testimonial-main.fantasy-product,
  .pagehorror-realm .testimonial-main.horror-product,
.product-template-druid .testimonial-main,
  .product-template-npc .testimonial-main,
  .pagedruid-presale .testimonial-main,
  .product-template-rogue .testimonial-main,
  .product-template-warlock .testimonial-main,
  .product-template-paladin .testimonial-main,
  .product-template-paladin-1 .testimonial-main,
  .pagesecret-dungeon .testimonial-main,
  .product-template-hrg .testimonial-main,
  .pagehrg-presale .testimonial-main,
  .product-template-macabre-spirits .testimonial-main,
   .product-template-hnm .testimonial-main,
  .pagehnm-presale .testimonial-main
  {display: grid;grid-template-columns: 1fr;}
}
.product-template-druid .testimonial-main,.product-template-macabre-spirits .testimonial-main,
.product-template-druid .testimonial-main,.product-template-nhm .testimonial-main,
.product-template-npc .testimonial-main,.product-template-macabre-spirits .testimonial-main,
.product-template-npc .testimonial-main,.product-template-hnm .testimonial-main,.pagehnm-presale .testimonial-main
{align-items: center;}

.pagedruid-presale .testimonial-main,.product-template-macabre-spirits .testimonial-main,
.pagedruid-presale .testimonial-main,.product-template-hnm .testimonial-main,.pagehnm-presale .testimonial-main{align-items: center;}


.pagefantasy-realm img.fantasy-image,.pagefantasy-npc img.fantasy-image,.pagehorror-realm img.fantasy-image {max-width:100%;}





.review-title.black {background: #000;}
.mc-review-title {text-align: center;padding: 40px;}

.pagefantasy-realm .section-multicolumn.section-template--19333063540954__multicolumn_qbRdjy-margin .title-wrapper,.pagefantasy-npcm .section-multicolumn.section-template--19333063540954__multicolumn_qbRdjy-margin .title-wrapper {text-align: center !important;
}

.pagefantasy-realm .section-multicolumn.section-template--19333063540954__multicolumn_mKTccT-margin, .pagefantasy-npcm .section-multicolumn.section-template--19333063540954__multicolumn_mKTccT-margin,{padding:0;padding-top:20px;}
.pagefantasy-realm .section-multicolumn.section-template--19333063540954__multicolumn_qbRdjy-margin, .pagefantasy-npcm .section-multicolumn.section-template--19333063540954__multicolumn_qbRdjy-margin {padding:0;}
{padding:0;}

.pagefantasy-realm .section-multicolumn.section-template--19333063540954__multicolumn_qbRdjy-margin .text-content-heading, .pagefantasy-npcm .section-multicolumn.section-template--19333063540954__multicolumn_qbRdjy-margin .text-content-heading {font-family: "ivypresto-text", serif!important;
font-weight: 600!important;font-size: 40px !important;letter-spacing: 2px;}

.product-template-dragon .curated .card-description, 
.product-template-druid .curated .card-description,
.product-template-npc .curated .card-description,
.pagedruid-presale .curated .card-description,
.product-template-rogue .curated .card-description,
.product-template-warlock .curated .card-description,
.product-template-paladin .curated .card-description,
.product-template-paladin-1 .curated .card-description,
.pagesecret-dungeon .curated .card-description,
.product-template-hrg .curated .card-description,
.pagehrg-presale .curated .card-description,
.product-template-macabre-spirits .curated .card-description,
.product-template-hnm .curated .card-description,
.pagehnm-presale .curated .card-description
{color:#ffffff;}

.product-template-dragon .price,
.product-template-druid .price,
.pagedruid-presale .price,
.product-template-rogue .price,
.product-template-warlock .price,
.product-template-paladin .price,
.product-template-paladin-1 .price,
.pagesecret-dungeon .price,
.product-template-hrg .price,
.pagehrg-presale .price,
.product-template-macabre-spirits .price,
.product-template-hnm .price
{color:#B66235;}

.product-template-dragon .section-rich-text,
.product-template-druid .section-rich-text,
.product-template-npc .section-rich-text,
.pagedruid-presale .section-rich-text,
.product-template-rogue .section-rich-text,
.product-template-warlock .section-rich-text,
.product-template-paladin .section-rich-text,
.product-template-paladin-1 .section-rich-text,
.pagesecret-dungeon .section-rich-text,
.product-template-hrg .section-rich-text,
.pagehrg-presale .section-rich-text,
.product-template-macabre-spirits .section-rich-text,
.product-template-hnm .section-rich-text
/*{margin-bottom:0;}*/ {margin-top:40px;}


.product-template-macabre-spirits .section-rich-text .section__wrapper .text-content .text-content-heading.heading-size--super,
.product-template-hnm .section-rich-text .section__wrapper .text-content .text-content-heading.heading-size--super {font-family: "ivypresto-text", serif !important;}

.product-buy-button .product-form .form .product-form-buttons .add-cart-button {font-family: "bebas-neue-pro", sans-serif;text-transform: uppercase;font-size: 1.5rem;letter-spacing: 2px;}

.section-title .text-content.content-width--normal {
        max-width: 100rem;
    }

.details-disclosure-content a {font-family: "bebas-neue-pro", sans-serif;
    color: #B66235;
    font-size: 26px;
    font-weight: 800;}

.product-template-hrg .faq-item, .pagehrg-presale .faq-item{border-top:1px solid #ffffff;}

.highlight-features h3 {font-family: "ivypresto-text", serif !important; font-weight: 600 !important;font-size: 24px;letter-spacing: 2px;
    font-style: normal !important;}

.product-template-macabre-spirits .highlight-features h3,.product-template-hnm .highlight-features h3,
.pagehnm-presale .highlight-features h3{color:#7E9494;}
.product-template-druid .highlight-features h3,
.product-template-npc .highlight-features h3,{color: #C59076;}
.pagedruid-presale .highlight-features h3 {color: #C59076;}
.product-template-hrg .highlight-features h3,.pagehrg-presale .highlight-features h3{color: #C59076;}

.quantity .quantity-button,.quantity .quantity-input:focus, .quantity .quantity-input:focus-visible  {background: #ffffff;color: #272724;}
.quantity .quantity-button.disabled {cursor: not-allowed;opacity: 1;}
.quantity .quantity-input {color: #272724;background: #ffffff;}
.quantity .quantity-button {border-left: 1px solid #272727;border-right: 1px solid #272727;}

.section-rich-text.section-title .section__wrapper {
    background: none;
  padding-bottom:40px;
}

.accordion-reviews span {
    color: #B66235;
    font-family: "ivypresto-text", serif !important;
    font-weight: 500 !important;
    font-size: 30px !important;
    letter-spacing: 1px;
}

.product-template-dragon .accordion-reviews .details-disclosure .details-disclosure-content a,
.product-template-druid .accordion-reviews .details-disclosure .details-disclosure-content a,
.product-template-npc .accordion-reviews .details-disclosure .details-disclosure-content a, 
.pagedruid-presale .accordion-reviews .details-disclosure .details-disclosure-content a,
.product-template-druid .accordion-reviews .details-disclosure .details-disclosure-content a,
.product-template-npc .accordion-reviews .details-disclosure .details-disclosure-content a{
   color:#B66235;
}

.product-template-dragon .testimonial-main .testimonial-masonry {
    background:#F5F4ED;}

.accordion-reviews .details-disclosure .details-disclosure-content

.product-template-dragon .testimonial-main .testimonial-masonry,.product-template-dragon .testimonial-main .testimonial-media,
.product-template-druid .testimonial-main .testimonial-masonry,.product-template-druid .testimonial-main .testimonial-media,
.product-template-npc .testimonial-main .testimonial-masonry,.product-template-npc .testimonial-main .testimonial-media,
.pagedruid-presale .testimonial-main .testimonial-masonry,.pagedruid-presale .testimonial-main .testimonial-media,
.product-template-rogue .testimonial-main .testimonial-masonry,.product-template-rogue .testimonial-main .testimonial-media,
.product-template-warlock .testimonial-main .testimonial-masonry,.product-template-warlock .testimonial-main .testimonial-media,
.product-template-paladin .testimonial-main .testimonial-masonry,.product-template-paladin .testimonial-main .testimonial-media,
.product-template-paladin-1 .testimonial-main .testimonial-masonry,.product-template-paladin-1 .testimonial-main .testimonial-media,
.pagesecret-dungeon .testimonial-main .testimonial-masonry,.pagesecret-dungeon.testimonial-main .testimonial-media,
.product-template-hrg .testimonial-main .testimonial-masonry,.product-template-hrg .testimonial-main .testimonial-media,
.pagehrg-presale .testimonial-main .testimonial-masonry,.pagehrg-presale .testimonial-main .testimonial-media,
.product-template-macabre-spirits .testimonial-main .testimonial-masonry,.product-template-macabre-spirits .testimonial-main .testimonial-media,
.product-template-hnm .testimonial-main .testimonial-masonry,.product-template-hnm .testimonial-main .testimonial-media,
.pagehnm-presale .testimonial-main .testimonial-masonry,.pagehnm-presale .testimonial-main .testimonial-media
{
    background: #F5F4ED;
    padding: 20px;
}


/*.pageabout-ffs .section-multicolumn.press-module .card-media-wrapper*/

.pagehorror-realm .section-multicolumn.press-module .card-media-wrapper{
    padding: 2rem;
  padding-bottom:0;
    background: #ffffff!important;}

.pagehorror-realm .section-multicolumn.press-module {
    padding-top: 60px;
}

.accordion-reviews .faq-item.details-disclosure {margin-top:20px;}

.button.button--secondary.red-color {
    color: #941A1C;
    margin: 0 auto;
    width: fit-content;
    display: block;
    padding-top: 20px;
  background:transparent;
}


.template-article .card-wrapper .card.card-layout--horizontal .card-inner {
    flex: 0 0 auto;
    width: 100%;
    min-height: 5.5rem;
}

.template-article .card-wrapper .card {
    height: 100%;
    display: flex
;
    flex-direction: column !important;}

#shopify-section-template--19361548107994__press_multicolumn_3g68YM{background:#3D5D5E !important;padding-bottom:20px;}


#shopify-section-template--19361548107994__press_multicolumn_pTakm3 {background:#7E9494;padding-bottom:60px;}

.pagehorror-realm .section-multicolumn.press-module .card-buttons,.pageabout-ffs .section-multicolumn.press-module .card-buttons {margin-top: auto!important;}


.pagehorror-realm .press-module .card-wrapper .card.card-content--wrapper .card-content,.pageabout-ffs .press-module .card-wrapper .card.card-content--wrapper .card-content{
    padding: 2rem;
    display: flex;
    flex-direction: column;
    height: 400px;
}


.template-blog .card-wrapper .card .card-content .card-heading{font-family: "ivypresto-text", serif!important;
font-weight: 600!important;letter-spacing: 0px;
    font-size: 28px;
    line-height: 36px;}

/*.pageabout-ffs .section-multicolumn.press-module .column-list*/

.pagehorror-realm .section-multicolumn.press-module .column-list{
    gap: 6rem;
}



.press-module .card-wrapper .card.card-content--wrapper .card-content {
    padding: 2rem;
}

.press-module .card-wrapper .card .card-content .card-heading{
    font-size: 28px;
    line-height: 36px;}

.press-module .card-description p {font-size:24px;}

.product-template-dragon .faq-list,
.product-template-druid .faq-list,
.product-template-npc .faq-list,
.pagedruid-presale .faq-list,
.product-template-rogue .faq-list,
.product-template-warlock .faq-list,
.product-template-paladin .faq-list,
.product-template-paladin-1 .faq-list,
.pagesecret-dungeon .faq-list,
.product-template-hrg .faq-list,
.pagehrg-presale .faq-list
{padding:40px 60px;background: #F5F4ED;}

@media screen and (max-width: 749px) {

.product-template-dragon .faq-list,
.product-template-druid .faq-list,
.product-template-npc .faq-list,
.pagedruid-presale .faq-list,
.product-template-rogue .faq-list,
.product-template-warlock .faq-list,
.product-template-paladin .faq-list,
.product-template-paladin-1 .faq-list,
.pagesecret-dungeon .faq-list,
.product-template-hrg .faq-list,
.pagehrg-presale .faq-list,
.product-template-hnm .faq-list,
.pagehnm-presale .faq-list
{padding: 20px 20px;}
  
.accordion-reviews span {
    font-size: 20px !important;
}
  .details-disclosure-content p {font-size: 16px !important;line-height: 28px;}

}



.product-template-hrg .section-template--19346605179098__faq_7EHkAm-padding .faq-list {background: #051223;}

.product-template-dragon .testimonial-main .testimonial-masonry .testimonial-list .testimonial-item.review-item,
.product-template-druid .testimonial-main .testimonial-masonry .testimonial-list .testimonial-item.review-item,
.pagedruid-presale .testimonial-main .testimonial-masonry .testimonial-list .testimonial-item.review-item,
.product-template-rogue .testimonial-main .testimonial-masonry .testimonial-list .testimonial-item.review-item,
.product-template-warlock .testimonial-main .testimonial-masonry .testimonial-list .testimonial-item.review-item,
.product-template-paladin .testimonial-main .testimonial-masonry .testimonial-list .testimonial-item.review-item,
.product-template-paladin-1 .testimonial-main .testimonial-masonry .testimonial-list .testimonial-item.review-item,
.pagesecret-dungeon .testimonial-main .testimonial-masonry .testimonial-list .testimonial-item.review-item, 
.product-template-hrg .testimonial-main .testimonial-masonry .testimonial-list .testimonial-item.review-item,
.pagehrg-presale .testimonial-main .testimonial-masonry .testimonial-list .testimonial-item.review-item,
.product-template-macabre-spirits .testimonial-main .testimonial-masonry .testimonial-list .testimonial-item.review-item,
.product-template-hnm .testimonial-main .testimonial-masonry .testimonial-list .testimonial-item.review-item
{color:#121314;}


.pagesecret-dungeon .product-info-custom-liquid h3 {color:#B66235;font-family: "ivypresto-text", serif !important;
font-weight: 600 !important;
font-size: 26px !important;
letter-spacing: 0px;}

.product-template-npc .testimonial-main .testimonial-masonry .testimonial-list .testimonial-item.review-item
{color:#D32823;}

.product-template-macabre-spirits .button,.product-template-hnm .button,.pagehnm-presale .button  {background:#941A1C;}

.product-template-macabre-spirits h3.card-heading.curated-product,.product-template-macabre-spirits .curated .price,
.product-template-hnm h3.card-heading.curated-product,
.pagehnm-presale h3.card-heading.curated-product,
.product-template-hnm .curated .price,
.pagehnm-presale .curated .price,
.product-template-macabre-spirits .product-description h3,
.product-template-hnm .product-description h3,
.pagehnm-presale .product-description h3
{color:#7e9494;font-family: "ivypresto-text", serif!important;
font-weight: 600!important;font-size: 26px !important;letter-spacing: 0px;}


#shopify-section-template--19167078187226__related-products {
    background: #F5F4ED;
    color: #000;
}

.template-cart .nav-button, .template-cart .price {color: #000;
}
.template-cart .Product-QuickView-Details .price {color: #fff;}


.template-cart h3.card-heading.curated-product
{font-family: "ivypresto-text", serif!important;
font-weight: 600!important;font-size: 30px !important;letter-spacing: 0px;}

.product-template-hrg .product-description h3,.product-template-dragon .product-description h3,
.product-template-druid .product-description h3,
.product-template-npc .product-description h3,.pagedruid-presale .product-description h3, .pagehrg-presale .product-description h3
{color:#B66235;font-family: "ivypresto-text", serif!important;
font-weight: 600!important;font-size: 26px !important;letter-spacing: 0px;}

.product-template-npc .product-description h3, .product-template-npc .product-vendor,.product-template-npc .Fam-club-price,.product-template-npc .price,
.product-template-npc h3.card-heading.curated-product,.product-template-npc .feature h3,.product-template-npc .accordion-reviews span{color:#D32823!important;}

.product-template-npc .product-mini-checkout .price {color:#ffffff!important;}

.product-template-npc .Fam-club-price span{color:#ffffff!important;}
.product-template-npc .add-cart-button.button {background:#D32823;}

.product-template-npc .card-description{color: #fff;}
.product-template-npc .card-description strong{color: #D32823;}

.product-template-hrg .card-description,.pagehrg-presale .card-description {color:#ffffff;}

.product-template-macabre-spirits .product-vendor,.product-template-hnm .product-vendor {color:#7e9494 !important;}
.product-template-macabre-spirits .faq-list,.product-template-hnm .faq-list,
.pagehnm-presale .faq-list{color: #ffffff;padding: 40px 60px;background: #3D5D5E;
}


@media screen and (max-width: 749px) {
.faq-list {padding: 20px 20px !important;}
}


.product-template-macabre-spirits .accordion-reviews span,.product-template-hnm .accordion-reviews span,.pagehnm-presale .accordion-reviews span   {color:#ffffff;}


.product-template-druid .section__wrapper.rich-text__wrapper.isolate.color-scheme-95d814b6-4d5a-498e-b9a8-eb0b11d2917f.gradient.section-template--19342230192346__section_title_kwFnEr-padding,
.product-template-npc .section__wrapper.rich-text__wrapper.isolate.color-scheme-95d814b6-4d5a-498e-b9a8-eb0b11d2917f.gradient.section-template--19342230192346__section_title_kwFnEr-padding,
.product-template-dragon .section__wrapper.rich-text__wrapper.isolate.color-scheme-5791769e-3fab-4ac6-8af0-8d4349026f9b.gradient.section-template--19279934685402__section_title_kwFnEr-padding
{background:#121314;}

.product-template-hrg .section__wrapper.rich-text__wrapper.isolate.color-scheme-95d814b6-4d5a-498e-b9a8-eb0b11d2917f.gradient.section-template--19346605179098__section_title_kwFnEr-padding
{background:#051223;}

.product-template-macabre-spirits .section__wrapper.rich-text__wrapper.isolate.color-scheme-95d814b6-4d5a-498e-b9a8-eb0b11d2917f.gradient.section-template--19351000383706__section_title_kwFnEr-padding,
.product-template-hnm .section__wrapper.rich-text__wrapper.isolate.color-scheme-95d814b6-4d5a-498e-b9a8-eb0b11d2917f.gradient.section-template--19351000383706__section_title_kwFnEr-padding
{background:#000000;}



/*  Default Product Styles  */
.product-template-default .related-products__wrapper,.product-template-default .section-rich-text.section-title  {background: #F5F4ED;}
.product-template-default .related-products__wrapper {padding-bottom:5%;}
.product-template-default .section-rich-text .section__wrapper .text-content .text-content-heading.heading-size--super {color:#b66235;}

.product-template-default .product-title-heading,.product-template-default .price {color:#b66235;}

/*.product-template-dragon .testimonial-main .testimonial-masonry:before {
    top: 0;
    background: linear-gradient(to bottom, rgb(221 218 213), rgba(var(--color-background), 0));
}

.product-template-dragon .testimonial-main .testimonial-masonry:after {
    bottom: 0;
    background: linear-gradient(to top, rgb(221 218 213), rgba(var(--color-background), 0));
}*/


.image-with-text .image-with-text__wrapper {align-items: center!important;}


.footer-blocks.auto-grid {align-items: center;gap: 0;}
.footer-blocks.auto-grid {
    grid-template-columns: 1fr 4fr 1fr;
  --item-min-size: 25rem !important;
}


@media only screen and (max-width: 1600px) {
.footer-blocks.auto-grid{ grid-template-columns: 1fr 1fr 1fr;}
}

@media only screen and (max-width: 1200px) {
.footer-blocks.auto-grid{ grid-template-columns: 1fr;}
}

.radio label .input-face:after, .checkbox label .input-face:after {
    box-shadow: inset 0 0 0 1px rgb(0 0 0 / 40%);
}

/*.template-collection .banner.banner--small {display:none;}*/
.template-collection .radio label, .checkbox label {
font-size: 14px;
    font-weight: 500;
}


.pagefaqs .text-content-heading {
    font-family: "ivypresto-text", serif !important;
    font-weight: 600 !important;
    font-style: normal !important;
    font-size: 32px;
    color:#B66235 !important;
    color: unset;
    line-height: 1.1;
    letter-spacing: 2px;
  text-align:center;
}

.pagefaqs h3.yellowtitle {
    font-family: "ivypresto-text", serif !important;
    font-weight: 600 !important;
    font-style: normal !important;
    font-size: 20px;
    color: unset;
  color:#F9A325;
    line-height: 1.1;
    letter-spacing: 2px;}

.pagefaqs h3.red {
    font-family: "ivypresto-text", serif !important;
    font-weight: 600 !important;
    font-style: normal !important;
    font-size: 20px;
    color: unset;
  color:#E34856;
    line-height: 1.1;
    letter-spacing: 2px;}

.pagefaqs h3.green {
    font-family: "ivypresto-text", serif !important;
    font-weight: 600 !important;
    font-style: normal !important;
    font-size: 20px;
    color: unset;
  color:#009999;
    line-height: 1.1;
    letter-spacing: 2px;}


s {
    opacity: 1;
}



/* NPC */

.npc .button {background:#D32823!important;}
.card-heading.npc {color:#D32823!important;}
.npc-spacer {margin-bottom: 0;}
.NPC-Guild {background: url(/cdn/shop/files/guild-background.webp);
text-align: center;
background-size: contain;
color:#ffffff;
background-repeat: no-repeat;
background-position: center top;
background-size: 100% 100%;            
display: flex;
border:1px solid #DCDDDE;
flex-direction: column;
justify-content: center;}
.NPC-Guild-content{
    padding: 20% 15%;
}

@media (max-width: 767px) {
.NPC-Guild-content{
    padding: 20% 0%;
}
.pagefantasy-npc img.fantasy-image {
    max-width: 90%;
}
  .testimonial-main.fantasy-product .testimonial-masonry {
        max-width: 300px;
    }

  .announcement-bar {display:none;}
  }
  .adventure.klaviyo-form-Y72wdy .needsclick.kl-private-reset-css-Xuajs1 {
    min-height: unset;
    width: 100%;
}
  .NPC-Guild-content img {margin:0px;width: 100%;}

  .NPC-Guild-content .card-heading,.pagefantasy-npc .section-rich-text h2.text-content-heading.heading-size--super {font-size:30px!important;}
.pagefantasy-npc .testimonial-main.fantasy-product {width: 100%;}

.pagefantasy-realm .fantasy-product .text-content-heading, .pagefantasy-npc .fantasy-product .text-content-heading {
    font-size:20px!important;
}





.npc-custom.card-custom-coden{font-size: 22px;}

.NPC-Guild-content img {margin:50px 0px;border:1px solid #DCDDDE;}
.pagefantasy-npc .NPC-Guild-content .card-description {width:100%;}
img.npc-divider {margin:0 auto;width:70%;display: flex;}

#shopify-section-template--19639411572954__rich_text_with_image_64K8QM,#shopify-section-template--19639411572954__npc_rich_text_with_image_AJkdeb {
    background: #000;
}



@font-face {
    font-family: 'CenzoFlareCond-Regular';
    src: url('/cdn/shop/files/CenzoFlareCond-Regular.woff') format('woff'),
         url('/cdn/shop/files/CenzoFlareCond-Regular.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'CenzoFlareCond-Medium';
    src: url('/cdn/shop/files/CenzoFlareCond-Medium.woff') format('woff'),
         url('/cdn/shop/files/CenzoFlareCond-Medium.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;

}





.product-template-courage,.product-template-courage-new {background-color: #37507E}


 .product-template-courage-new .section-template--20234249470170__video_with_text_logo_jpbtXd-margin {
        margin-top: 0px;
        margin-bottom: 80px;
        background: url(/cdn/shop/files/c68f05a55e84f61c5dad5179627c503eb32d5b9e.jpg);
    }

.product-template-courage .section__wrapper .text-item.color-scheme-3c8edaed-91ed-4a92-b2a1-8d21e3570250 {
    background: transparent !important;
}

.product-template-courage .image-with-text__wrapper .text-content-heading {
    text-transform: uppercase;
    font-family: CenzoFlareCond-Medium !important;
    padding-top: 8px;
    padding-bottom: 5px;
    color: #d5a052;
    font-size: 45px;
    line-height: 1;
    font-weight: 400;
    text-align: center;
}


.product-template-courage .image-with-text__wrapper .text-content-heading,.product-template-courage-new .image-with-text__wrapper .text-content-heading {
    text-transform: uppercase;
    font-family: CenzoFlareCond-Medium !important;
    border-top: 1px solid #d5a052;
    border-bottom: 1px solid #d5a052;
    padding-top: 8px;
    padding-bottom: 5px;
    color: #d5a052;
    font-size: 45px;
    line-height: 1;
    font-weight: 400;
    text-align: center;
}


@media (max-width: 767px) {

  .product-template-courage .image-with-text__wrapper .text-content-heading,.product-template-courage-new .image-with-text__wrapper .text-content-heading {
    text-transform: uppercase;
    font-family: CenzoFlareCond-Medium !important;
    border-top: 1px solid #d5a052;
    border-bottom: 1px solid #d5a052;
    padding-top: 8px;
    padding-bottom: 5px;
    color: #d5a052;
    font-size: 28px;
    line-height: 1;
    font-weight: 400;
    text-align: center;
}

}


.product-template-courage-new .image-with-text .image-with-text__wrapper .text-item {
    background: none;
}



.product-template-courage-new .image-with-text__wrapper .text-content-heading.heading-size--large {
    text-transform: uppercase;
    font-family: CenzoFlareCond-Medium !important;
    border-top: none;
    border-bottom: none;
    padding-top: 8px;
    padding-bottom: 5px;
    color: #21304D;
    font-size: 45px;
    line-height: 1;
    font-weight: 400;
    text-align: center;
}

.product-template-courage .banner-box h2,.product-template-courage-new .banner-box h2   {
    text-transform: uppercase;
    font-family: CenzoFlareCond-Medium !important;
    padding-top: 8px;
    padding-bottom: 5px;
    border-top: 0px;
    border-bottom: 0px;
    color: #1e3054;
    font-size: 65px!important;
    line-height: 1;
    font-weight: 400;
}

.product-template-courage .section-rich-text .text-content-heading,.product-template-courage-new .section-rich-text .text-content-heading   {
    text-transform: uppercase;
    font-family: CenzoFlareCond-Medium !important;
    padding-top: 8px;
    padding-bottom: 5px;
    border-top: 0px;
    border-bottom: 0px;
    color: #1e3054;
    font-size: 32px!important;
    line-height: 1;
    font-weight: 400;
}





.product-template-courage .banner-box p,.product-template-courage .section-rich-text .text-content-description,.product-template-courage-new .banner-box p,.product-template-courage-new .section-rich-text .text-content-description {
  text-transform: uppercase;
    font-family: CenzoFlareCond-Medium !important;
    font-size: 30px!important;
    line-height: 1.2;
    color: #1e3054;}

.product-template-courage .image-with-text__wrapper .text-content-description h3, .product-template-courage .home-image-grid__desc h3, .product-template-courage h3,
.product-template-courage-new .image-with-text__wrapper .text-content-description h3, .product-template-courage-new .home-image-grid__desc h3, .product-template-courage-new h3 {
    text-transform: none;
    font-family: CenzoFlareCond-Regular !important;
    padding-top: 8px;
    padding-bottom: 5px;
    color: #bdc6d5;
    font-size: 40px;
    line-height: 1;
}


@media only screen and (max-width: 767px) {


.product-template-courage-new .image-with-text__wrapper .text-content-description h3{ font-size: 26px!important;}


.product-template-courage-new .page-width {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}

.product-template-courage-new .courage-banner {
        padding: 70px;}



.product-template-courage-new .section-template--20234249470170__section_title_jGPzXt-margin .text-content-heading 
{ font-size: 28px;
  }
.product-template-courage-new .image-with-text__wrapper .text-content-heading.heading-size--large {
    font-size: 35px;
}


}

body.product-template-courage p,body.product-template-courage-new p {
    font-size: 20px !important;
    font-family: rival-sans, sans-serif;
    font-weight: 400;
    font-style: normal;
}

.announcement-bar__wrapper .announcement-slider .slider-container .slider-slide a {
    font-size: 16px !important;
    font-family: rival-sans, sans-serif;
    font-weight: 400;
  text-transform:uppercase;
    font-style: normal;
}

.product-template-courage .button,.product-template-courage-new .button{
    background-color: #d5a052 !important;
     font-family: "bebas-neue", sans-serif;
   color:#1e3054!important;
font-weight: 400;
       font-size: 20px;
font-style: normal;
   border-radius:5px;
}

.product-template-courage h3.limited-edition,.product-template-courage-new h3.limited-edition {text-transform: uppercase;
    font-family: CenzoFlareCond-Regular !important;
    padding-top: 8px;
    padding-bottom: 5px;
    color: #bdc6d5;
    font-size: 32px;
     margin-top:30px;
line-height: 1.2;}

.sword-divider {    margin: 0 auto;
    max-width: 600px;
    display: block;
    margin-bottom: 40px;}


ul.courage-list {
  list-style-image: url('/cdn/shop/files/icon-bullet-point_2ec26956-72ee-40c7-9578-79dca9a15aef.svg');
  line-height:1.6;
  padding-top: 8px;
}
ul.courage-list li::marker{
   font-size: 3em;
   line-height: 0.1;
  
  
}

.product-template-courage ul.courage-list,.product-template-courage-new ul.courage-list   {margin-left: 0;}

ul.courage-list li span{
   vertical-align: 0.1em;
   transform: translate(-0.1em, 0.2em);
}

.product-template-courage .slider-slide,.product-template-courage-new .slider-slide {
        max-width: 100%;
        background: #ffffff !important;
    }

.product-template-courage .banner-box.color-scheme-7013f786-f0cd-4a75-a976-5f49638d526f,.product-template-courage-new .banner-box.color-scheme-7013f786-f0cd-4a75-a976-5f49638d526f{
background: #ffffff5e;}

.product-template-courage .announcement-bar__wrapper .slider-slide,.product-template-courage-new .announcement-bar__wrapper .slider-slide {
        max-width: 100%;
        background: transparent !important;
    }


@media (max-width: 767px) {
.sword-divider {    margin: 0 auto;
    max-width: 100%;
    display: block;
    margin-bottom: 40px;}
.testimonial-main.fantasy-product .testimonial-masonry {
    max-width: 350px;
}
}

 .courage-banner,.courage-banner-new{
    padding: 40px;}

@media (max-width: 979px) {
.courage-banner h2, courage-banner-new h2{
    font-size: 30px !important;
    line-height: 1;
    padding-top: 10px;
   font-weight: 400;
}
}

@media (min-width: 811px) {
.courage-banner{
display: block;
    margin: 0 auto;
    width: 100%;
    background: url(/cdn/shop/files/background-heading-banner-new.svg?v=1741729397);
    background-repeat: no-repeat;
    background-size: contain;
    padding: 80px;
    justify-content: center;
    background-position: center;}
}

.courage-banner-new {
display: block;
    margin: 0 auto;
    width: 100%;
    background: url(/cdn/shop/files/c68f05a55e84f61c5dad5179627c503eb32d5b9e.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    justify-content: center;
    background-position: center;}


.product-template-courage .featured-collection  .slider-slide, .product-template-courage-new .slider-slide {
    background:none !important;
}

.product-template-courage-new .featured-collection .featured-collection__wrapper,.section-template--20234249470170__section_title_jGPzXt-margin {
    background: #BCC6D5;
     color: #213052;
}


.product-template-courage-new .section-template--20234249470170__section_title_jGPzXt-margin .text-content-heading 
{ text-transform: uppercase;
    font-family: CenzoFlareCond-Medium !important;
    border-top: 1px solid #213052;
    border-bottom: 1px solid #213052;
    padding-top: 8px;
    padding-bottom: 5px;
    color: #213052;
    font-size: 45px;
    line-height: 1;
    font-weight: 400;
    text-align: center;
    max-width: 600px;
    margin: 0 auto;
  }


.product-template-courage-new .card-wrapper .card .card-content .price-item {
    font-size: 1.3rem!important;
     color: #213052;
    font-size: 35px;
    line-height: 1;
}
.product-template-courage-new .card-wrapper .card .card-content .card-heading {
    font-size: 2rem!important;
     color: #213052;
    font-size: 35px !important;
    line-height: 1;
    font-weight: 600 !important;
}

.courage-banner-new h2{
    color: #213052;
padding-bottom:0;
font-family: 'CenzoFlareCond-Medium' !important; 
    text-align: center;
    font-size: 45px;
    line-height: 1;
    padding-top: 10px;
   font-weight: 400;
}

.courage-banner h2{
    color: #1e3054;
padding-bottom:0;
font-family: 'CenzoFlareCond-Medium' !important; 
    text-align: center;
    font-size: 35px;
    line-height: 1;
    padding-top: 10px;
   font-weight: 400;
}
.courage-banner p{
    color: #1e3054;
font-family: 'CenzoFlareCond-Medium' !important; 
    text-align: center;
  font-weight: 400;
}

@media (min-width: 511px) and (max-width: 810px) { 

.courage-banner{
display: block;
    margin: 0 auto;
    width: 100%;
    background: url(/cdn/shop/files/background-heading-banner-ipad-new.svg);
    background-repeat: no-repeat;
    background-size: contain;
    padding: 80px;
    justify-content: center;
    background-position: center;}
}


@media (max-width: 510px) {

.courage-banner{
    margin: 0 auto;
    width: 100%;
    background: url(/cdn/shop/files/background-heading-banner-mobile-new-2.svg);
    background-repeat: no-repeat;
    background-size: contain;
    padding: 100px;
    justify-content: center;
    background-position: center;}
}



@media screen and (max-width: 1200px) {
.product-template-courage .banner-box,.product-template-courage-new .banner-box {display:none;}
}



@media screen and (min-width: 1199px) {
#shopify-section-template--19388942385370__rich_text_4MV87A {display:none;}
}
p.discord-success
{
    background: #7289da;
    padding: 19px 30px;
    border-radius: 10px;
}


  body#courage p, body#courage-new p{font-size:22px!important;}


/*  Sandkhegs Product Styles  */

.product-template-sankhegs {background: url(/cdn/shop/files/skh-map-bg.webp);
    background-repeat: repeat-y;
    background-size: cover !important;}

.product-template-sankhegs .text-item.color-inverse.gradient {
    --alpha-background: 1;
    background: #ffffffde;
    background-attachment: fixed;
    box-shadow: 3px 3px 10px 0px rgba(0, 0, 0, 0.14901960784313725);
  padding:60px;
}

.product-template-sankhegs .image-with-text .image-with-text__wrapper .text-item .text-content {
    max-width: none!important;
}

.product-template-sankhegs h1,.product-template-sankhegs h2,.product-template-sankhegs h3,.product-template-sankhegs h4,.product-template-sankhegs h5,.product-template-sankhegs h6,.skh-reviews  {color:#07162B;}
.product-template-sankhegs .skh-reviews h3 {
font-family: "Alegreya", Sans-serif;
    font-size: 1.75rem;
    font-weight: 700;
    text-transform: uppercase;
    color: #07162B;}

.product-template-sankhegs p{letter-spacing: 0px;}

.product-template-sankhegs .button.button--pill {
    background-color: #07162B;
    font-family: "Alegreya", Sans-serif;
    font-size: 30px;
    font-weight: 500;
    line-height: 60px;
    fill: #EFD7C2;
    color: #EFD7C2;
    transition-duration: 0.7s;
    border-radius: 5px 5px 5px 5px;
    padding: 10px 40px 10px 40px;}


.product-template-sankhegs .light {
    opacity: 1 !important;
}


.product-template-sankhegs li.column-item:nth-child(2) {background: #ffffffde;
    background-attachment: fixed;
    box-shadow: 3px 3px 10px 0px rgba(0, 0, 0, 0.14901960784313725);
    color: #07162B;
    padding:60px;}

.product-template-sankhegs .section-multicolumn.section-template--19420407038170__multicolumn_9RpjHd-margin  li.column-item {background: #ffffffde;
    background-attachment: fixed;
    box-shadow: 3px 3px 10px 0px rgba(0, 0, 0, 0.14901960784313725);
    color: #07162B;
    padding:60px;}


.product-template-sankhegs .title-wrapper .text-content-heading{font-size: 60px;text-align: center !important;}

.product-template-sankhegs .title-wrapper {text-align: center !important; padding:60px 0px;}


.product-template-sankhegs .section-multicolumn.section-template--19420407038170__multicolumn_9RpjHd-margin .card-wrapper .card .card-content .card-heading {font-size:28px;}


.product-template-sankhegs .image-with-text .image-with-text__wrapper {
gap: 5rem!important;
}


.product-template-sankhegs .page-width {
    max-width: 90%;
}

.button.button--full-width.button--primary.has-loading{
    font-family: bebas-neue-pro, sans-serif;
    text-transform: uppercase;
    font-size: 1.5rem;
    letter-spacing: 2px;
}

.pagepolicy p {letter-spacing: 1px;}
.appstle-discount-banner {display: none!important;}



.pagehrg-presale .locksmith-passcode-container,.pagehrg-presale .locksmith-passcode,.locksmith_passcode{
    color: #ffffff!important;
}


.locksmith-passcode,.locksmith_passcode{
    color: #ffffff!important;
}

.section-header .header-wrapper.header--first-level-uppercase .first-level-item:hover, .list-menu-item.header-menu-second-level:hover, .header-icons .header-icon:hover {
    color: #C68007;
}

p.discord-success
{
    background: #7289da;
    padding: 19px 30px;
    border-radius: 10px;
}


.product-sibling-products .button.button--full-width.button--primary.has-loading {
    font-size: 1.2rem;
    letter-spacing: 2px;
    margin-top: 10px;
}

.appstle_widget.appstle_member_widget {
    opacity: 0!important;
      height: 0!important;
}

.drawer-content .benefits-container .icon-set img {
    display: none;
}
a.famc-link {color:#D5713C;}


.drawer-content .recommendation-main {background:#000; padding:10px 20px 20px 20px;margin-top:10%;}
.drawer-content .slider-container {background:#000;}

.cart-details-inner.has-recommended-products .card-wrapper .card:not(.card-content--wrapper) {
    background: #000!important;
}

.drawer-content .slider-container .card-wrapper .card-heading {font-size:22px!important;}

.drawer-content .card-wrapper .card.card-layout--horizontal {
    flex-direction: row;
    align-items: flex-start;}


.drawer-content .slider-container .card-wrapper .card-description {display:none;}

.account-card .appstle_manageSubBtn {display:none;}



.button.white {color:#ffffff;}