/** Shopify CDN: Minification failed

Line 963:13 Expected ":"
Line 1837:52 Expected ")" to end URL token

**/



.shadow-1,
.shadow-2,
.shadow-3,
.shadow-4,
.shadow-hover-2-3,
.shadow-hover-child-2-3 {
  box-shadow: none !important;
  transition: none !important; /* prevents "lift" animation */
}
.\#slideshow-inline .swiper-slide .\#product-card, .\#slideshow-inline .swiper-slide .\#article-card
{
  height: 100% !important;
}


.customer-nav-wrapper {
  display: flex;
  justify-content: center;
  margin: 0 auto 1.5rem !important; /* normalize spacing */
  max-width: var(--page-width) !important;
  width: 100% !important; /* escape narrow container */
}

.customer-nav-wrapper nav {
  display: inline-flex;
  align-items: center;
  gap: 1rem;
  margin: 0 auto;
  max-width: var(--page-width);
}

.customer-nav-wrapper a {
  text-decoration: none;
  font-weight: 500;
}

.stretched-link, .\#floating-content-wrapper.\@absolute, html.js .\#media-image-loading, .\#media-placeholder, .\#media-overlay, .\#media-link, .\#media-image-wrapper, .\#media-image-mobile-wrapper, .\#media-image, .\#media-image-mobile {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
}

.\#media-placeholder {
  display: flex;
  align-items: center;
  justify-content: center;
}

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

@media (prefers-reduced-motion: no-preference) {
  :root {
    scroll-behavior: smooth;
  }
}

body {
  margin: 0;
  font-family: var(--font-body-family);
  font-weight: var(--font-body-weight);
  line-height: var(--line-height-base);
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

[hidden] {
  display: none !important;
}

[disabled] {
  pointer-events: none;
  cursor: not-allowed;
}

iframe {
  border: 0;
}

h6, h5, h4, h3, h2, h1 {
  margin-top: 0;
  margin-bottom: 0.5rem;
  
}

p {
  margin-top: 0;
  margin-bottom: 1rem;
}

.stretched-link, .\#floating-content-wrapper.\@absolute, html.js .\#media-image-loading, .\#media-placeholder, .\#media-overlay, .\#media-link, .\#media-image-wrapper, .\#media-image-mobile-wrapper, .\#media-image, .\#media-image-mobile {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
}

.\#media-placeholder {
  display: flex;
  align-items: center;
  justify-content: center;
}

.\#container {
  --width: var(--container-width);
  margin-left: auto;
  margin-right: auto;
  max-width: var(--width);
  width: 100%;
  padding-left: var(--container-spacer);
  padding-right: var(--container-spacer);
}
.\#container.\@width\:wide {
  max-width: none;
}
.\#container.\@width\:full {
  max-width: none;
  padding: 0;
}
.\#container.\@width\:narrow {
  --width: calc(var(--container-width) * 0.8);
}
.\#container.\@width\:x-narrow {
  --width: calc(var(--container-width) * 0.64);
}
@media (min-width: 992px) {
  .\#container.\@width\:offset-left {
    max-width: none;
    width: auto;
    margin-left: calc((100vw - min(var(--container-width), 100vw) + var(--container-spacer) * 2) / 2);
    margin-right: 0;
    padding: 0;
  }
}
@media (min-width: 992px) {
  .\#container.\@width\:offset-right {
    max-width: none;
    width: auto;
    margin-right: calc((100vw - min(var(--container-width), 100vw) + var(--container-spacer) * 2) / 2);
    margin-left: 0;
    padding: 0;
  }
}

.stretched-link, .\#floating-content-wrapper.\@absolute, html.js .\#media-image-loading, .\#media-placeholder, .\#media-overlay, .\#media-link, .\#media-image-wrapper, .\#media-image-mobile-wrapper, .\#media-image, .\#media-image-mobile {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
}

.\#media-placeholder {
  display: flex;
  align-items: center;
  justify-content: center;
}

:root {
  font-size: 16px !important;
}

h6, h5, h4, h3, h2, h1 {
  font-weight: bold;
  line-height: 1.2;
}

body {
  font-family: var(--font-body-family);
  font-style: var(--font-body-style);
  font-weight: var(--font-body-weight);
  font-size: 1rem;
  line-height: 1.4;
}

.heading-font {
  font-family: var(--font-heading-family);
  font-style: var(--font-heading-style);
  font-weight: var(--font-heading-weight);
}

.text-danger,
.color-danger {
  color: var(--color-g-danger);
}
.text-success,
.color-success {
  color: var(--color-g-success);
}
.text-warning,
.color-warning {
  color: var(--color-g-warning);
}

.styled-link {
  color: var(--color-g-text);
  text-decoration: underline;
  text-underline-offset: 3px;
  cursor: pointer;
}

.fs-small {
  font-size: 0.7561436673rem;
}

.gap-small {
  --gap: 0.7561436673rem !important;
}

.fs-h6 {
  font-size: 0.8695652174rem;
}

.gap-h6 {
  --gap: 0.8695652174rem !important;
}

.fs-body {
  font-size: 1rem;
}

.gap-body {
  --gap: 1rem !important;
}

.fs-h5 {
  font-size: 1.15rem;
}

.gap-h5 {
  --gap: 1.15rem !important;
}

.fs-h4 {
  font-size: 1.3225rem;
}

.gap-h4 {
  --gap: 1.3225rem !important;
}

.fs-h3 {
  font-size: 1.520875rem;
}

.gap-h3 {
  --gap: 1.520875rem !important;
}

.fs-h2 {
  font-size: 1.74900625rem;
}

.gap-h2 {
  --gap: 1.74900625rem !important;
}

.fs-h1 {
  font-size: 2.0113571875rem;
}

.gap-h1 {
  --gap: 2.0113571875rem !important;
}

.fs-d5 {
  font-size: 2.3130607656rem;
}

.gap-d5 {
  --gap: 2.3130607656rem !important;
}

.fs-d4 {
  font-size: 2.6600198805rem;
}

.gap-d4 {
  --gap: 2.6600198805rem !important;
}

.fs-d3 {
  font-size: 3.0590228625rem;
}

.gap-d3 {
  --gap: 3.0590228625rem !important;
}

.fs-d2 {
  font-size: 3.5178762919rem;
}

.gap-d2 {
  --gap: 3.5178762919rem !important;
}

.fs-d1 {
  font-size: 4.0455577357rem;
}

.gap-d1 {
  --gap: 4.0455577357rem !important;
}

.fs-d0 {
  font-size: 4.6523913961rem;
}

.gap-d0 {
  --gap: 4.6523913961rem !important;
}

.fs-d00 {
  font-size: 5.3502501055rem;
}

.gap-d00 {
  --gap: 5.3502501055rem !important;
}

h1 {
  font-size: 2.0113571875rem;
}

h2 {
  font-size: 1.74900625rem;
}

h3 {
  font-size: 1.520875rem;
}

h4 {
  font-size: 1.3225rem;
}

h5 {
  font-size: 1.15rem;
}

h6 {
  font-size: 0.8695652174rem;
}

.text-center {
  text-align: center;
}

.stretched-link, .\#floating-content-wrapper.\@absolute, html.js .\#media-image-loading, .\#media-placeholder, .\#media-overlay, .\#media-link, .\#media-image-wrapper, .\#media-image-mobile-wrapper, .\#media-image, .\#media-image-mobile {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
}

.\#media-placeholder {
  display: flex;
  align-items: center;
  justify-content: center;
}

.\#grid {
  --gap: var(--glob-gutter);
  --template: auto;
  --columns: 3;
  --columns-mobile: 1;
  --span-def: 4;
  --span-base: 12;
  --use-columns: var(--columns);
  --use-template: var(--template);
  --use-gap: var(--gap);
  gap: var(--use-gap);
}
@media (max-width: 991px) {
  .\#grid {
    --use-columns: var(--columns-mobile, var(--columns));
    --use-template: var(--template-mobile, var(--template));
    --use-gap: var(--gap-mobile, var(--gap));
  }
}
.\#grid.\@outer-gap {
  padding: var(--use-gap);
}
@media (max-width: 991px) {
  .\#grid.\@outer-gap-mobile {
    padding: var(--use-gap);
  }
}
@media (max-width: 991px) {
  .\#grid.\@outer-gap-mobile\:x {
    padding-left: var(--use-gap);
    padding-right: var(--use-gap);
  }
}
@media (max-width: 991px) {
  .\#grid.\@outer-gap-mobile\:y {
    padding-top: var(--use-gap);
    padding-bottom: var(--use-gap);
  }
}
.\#grid.\@outer-gap\:x {
  padding-left: var(--use-gap);
  padding-right: var(--use-gap);
}
.\#grid.\@outer-gap\:y {
  padding-top: var(--use-gap);
  padding-bottom: var(--use-gap);
}
.\#grid.\@type\:columns {
  display: flex;
  flex-wrap: wrap;
}
.\#grid.\@type\:columns > * {
  flex: 0 1 calc(100% / var(--use-columns) - (var(--use-gap) - 1 / var(--use-columns) * var(--use-gap)));
}
.\#grid.\@type\:template {
  display: grid;
  grid-template: auto/var(--use-template);
}
.\#grid.\@type\:span {
  display: grid;
  grid-template-columns: repeat(var(--span-base), 1fr);
}
.\#grid.\@type\:span > * {
  --use-span: var(--span);
  grid-column: span var(--use-span, var(--span-def));
}
@media (max-width: 991px) {
  .\#grid.\@type\:span > * {
    --use-span: var(--span-mobile, var(--span));
  }
  .\#grid.\@type\:columns > *:last-child:nth-child(odd) {
    margin-left: auto;
    margin-right: auto;
  }
}
/* Center incomplete rows on desktop */
@media (min-width: 992px) {
  .\#grid.\@type\:columns {
    justify-content: center !important;
  }
}


.stretched-link, .\#floating-content-wrapper.\@absolute, html.js .\#media-image-loading, .\#media-placeholder, .\#media-overlay, .\#media-link, .\#media-image-wrapper, .\#media-image-mobile-wrapper, .\#media-image, .\#media-image-mobile {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
}

.\#media-placeholder {
  display: flex;
  align-items: center;
  justify-content: center;
}

.\#flex {
  --gap: 1rem;
  --use-gap: var(--gap);
  display: flex;
  gap: var(--gap);
}
@media (max-width: 991px) {
  .\#flex {
    --use-gap: var(--gap-mobile, var(--gap));
  }
}
.\#flex.\@wrap {
  flex-wrap: wrap;
}
.\#flex.\@column {
  flex-direction: column;
}

.stretched-link, .\#floating-content-wrapper.\@absolute, html.js .\#media-image-loading, .\#media-placeholder, .\#media-overlay, .\#media-link, .\#media-image-wrapper, .\#media-image-mobile-wrapper, .\#media-image, .\#media-image-mobile {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
}

.\#media-placeholder {
  display: flex;
  align-items: center;
  justify-content: center;
}

.\#media {
  --ar-padding: 100%;
  --image-position: center;
  --image-fit: cover;
  --height: 100vh;
  position: relative;
  overflow: hidden;
  -webkit-mask-image: -webkit-radial-gradient(white, black);
}
.\#media.\@rounded {
  border-radius: 50%;
}
.\#media.\@border-radius\:base {
  border-radius: 1.125rem;
}
.\#media.\@border-radius\:inner {
  border-radius: 0.7rem;
}
.\#media.\@border-radius\:sm {
  border-radius: 0.25rem;
}
@media (min-width: 992px) {
  .\#media.\@icon-hover-opacity .\#media-icon {
    opacity: 0.6;
  }
  .\#media.\@icon-hover-opacity .\#media-icon:hover {
    opacity: 1;
  }
}
.\#media.\@type\:ar {
  height: auto;
}
.\#media.\@type\:ar:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: var(--ar-padding);
}
.\#media.\@type\:abs {
  height: var(--height);
}

.\#media.\@type\:auto {
  height: auto;
}
@media (max-width: 991px) {
  .\#media.\@type-mobile\:ar {
    height: auto;
  }
  .\#media.\@type-mobile\:ar:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: var(--ar-padding-mobile, var(--ar-padding));
  }
  .\#media.\@type-mobile\:abs {
    height: var(--height-mobile, var(--height));
  }
  .\#media.\@type-mobile\:auto {
    height: auto;
  }
  .\#media.\@type-mobile\:auto:before {
    padding: 0;
  }
}
@media (min-width: 992px) {
  .\#media.\@mobile-image .\#media-image-mobile {
    display: none;
  }
}
@media (max-width: 991px) {
  .\#media.\@mobile-image .\#media-image {
    display: none;
  }
}
.\#media-image, .\#media-image-mobile {
  object-fit: var(--image-fit);
  object-position: var(--image-position);
  z-index: 2;
}
.\#media-image.\@cover, .\#media-image-mobile.\@cover {
  min-height: 100%;
}
.\#media-link {
  display: block;
  z-index: 4;
}
.\#media-overlay {
  --value: 0;
  background-color: rgba(0, 0, 0, var(--value));
  z-index: 3;
}
.\#media-placeholder {
  background: #b3b3b3;
}
.\#media-placeholder > svg {
  opacity: 0.3;
  height: inherit;
  width: 100%;
}
html.js .\#media-image.\@animate-loading, html.js .\#media-image-mobile.\@animate-loading {
  opacity: 0;
  transition: 0.3s;
}
html.js .\#media-image.\@animate-loading[loaded], html.js .\#media-image-mobile.\@animate-loading[loaded] {
  opacity: 1;
}
html.js .\#media-image.\@animate-loading[loaded] ~ .\#media-image-loading, html.js .\#media-image-mobile.\@animate-loading[loaded] ~ .\#media-image-loading {
  display: none;
}
html.js .\#media-image-loading {
  z-index: 1;
  background: linear-gradient(90deg, rgb(255, 255, 255) 0%, rgb(199, 199, 199) 50%, rgb(255, 255, 255) 100%);
  background-size: 200% 100%;
  background-repeat: no-repeat;
  animation: placeHolderShimmer 1.5s infinite linear forwards;
}
@keyframes placeHolderShimmer {
  0% {
    background-position: 0 0;
  }
  50% {
    background-position: 100% 0;
  }
  100% {
    background-position: 0 0;
  }
}

.\#media-icon {
  --icon-color: var(--color-g-fg);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  color: var(--icon-color);
}

.stretched-link, .\#floating-content-wrapper.\@absolute, .\#media-image, .\#media-image-mobile, .\#media-image-wrapper, .\#media-image-mobile-wrapper, .\#media-link, .\#media-overlay, .\#media-placeholder, html.js .\#media-image-loading {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
}

.\#media-placeholder {
  display: flex;
  align-items: center;
  justify-content: center;
}

.\#section-body {
  --bg-color: transparent;
  --content-bg-color: transparent;
  --text-color: inherit;
  background-color: var(--bg-color);
  color: var(--text-color);
}
.\#section-body.\@spaced {
  margin-top: 4rem;
  margin-bottom: 0rem;
}
.\#section-body.\@inner-spaced {
  padding-block: 4rem;
}
.\#section-body-header {
  margin-bottom: 1.5rem;
}
/* .\#section-body-header .\#hero-heading.fs-d4.heading-font {
    margin-top: 40px !important;
} */
.\#section-body-content {
  background-color: var(--content-bg-color);
}
.\#section-body-wrapper.\@curved {
  overflow: hidden;
  border-radius: var(--border-radius-base);
  -webkit-mask-image: -webkit-radial-gradient(white, black);
}
.\#section-body-wrapper.\@curved\:left {
  overflow: hidden;
}

.template--product .\#section-body.\@spaced{
  margin-bottom: 5px;
  margin-top: 4rem !important;
}
 
.template--product .\#footer{
      position: relative;
    top: 10rem;
}
@media (min-width: 992px) {
  .\#section-body-wrapper.\@curved\:left {
    border-radius: var(--border-radius-base) 0 0 var(--border-radius-base);
  }
}
@media (max-width: 991px) {
  .\#section-body-wrapper.\@curved\:left {
    border-radius: var(--border-radius-base);
  }
}
.\#section-body-wrapper.\@curved\:right {
  overflow: hidden;
}
@media (min-width: 992px) {
  .\#section-body-wrapper.\@curved\:right {
    border-radius: 0 var(--border-radius-base) var(--border-radius-base) 0;
  }
}
@media (max-width: 991px) {
  .\#section-body-wrapper.\@curved\:right {
    border-radius: var(--border-radius-base);
  }
}
.\#section-body-button {
  z-index: 10;
  position: relative;
  margin: 1.5rem 0;
}
.\#section-body-button.\@align\:center {
  display: flex;
  justify-content: center;
}
@media (min-width: 992px) {
  .\#section-body-header-inner.\@align-button {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .\#section-body-header-inner.\@align-button .\#section-body-button {
    margin: 0;
  }
}

.stretched-link, .\#floating-content-wrapper.\@absolute, .\#media-image, .\#media-image-mobile, .\#media-image-wrapper, .\#media-image-mobile-wrapper, .\#media-link, .\#media-overlay, .\#media-placeholder, html.js .\#media-image-loading {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
}

.\#media-placeholder {
  display: flex;
  align-items: center;
  justify-content: center;
}

.\#hero {
  --fs: 1rem;
  --width: 100%;
  --text-color: inherit;
  --bg-color: transparent;
  --gap: 1rem;
  display: flex;
  flex-direction: column;
  gap: var(--gap);
  font-size: var(--fs);
  overflow-wrap: break-word;
  color: var(--text-color);
}
@media (max-width: 991px) {
  .\#hero {
    color: var(--mobile-text-color, var(--text-color));
    max-width: 100%;
  }
}
@media (min-width: 992px) {
  .\#hero {
    width: min(100%, var(--width));
  }
}
.\#hero.\@outer-gap {
  border: var(--gap) solid transparent;
}
.\#hero.\@box\:small {
  padding: 0.7561436673rem;
}
.\#hero.\@box\:h6 {
  padding: 0.8695652174rem;
}
.\#hero.\@box\:body {
  padding: 1rem;
}
.\#hero.\@box\:h5 {
  padding: 1.15rem;
}
.\#hero.\@box\:h4 {
  padding: 1.3225rem;
}
.\#hero.\@box\:h3 {
  padding: 1.520875rem;
}
.\#hero.\@box\:h2 {
  padding: 1.74900625rem;
}
.\#hero.\@box\:h1 {
  padding: 2.0113571875rem;
}
.\#hero.\@box\:d5 {
  padding: 2.3130607656rem;
}
.\#hero.\@box\:d4 {
  padding: 2.6600198805rem;
}
.\#hero.\@box\:d3 {
  padding: 3.0590228625rem;
}
.\#hero.\@box\:d2 {
  padding: 3.5178762919rem;
}
.\#hero.\@box\:d1 {
  padding: 4.0455577357rem;
}
.\#hero.\@box\:d0 {
  padding: 4.6523913961rem;
}
.\#hero.\@box\:d00 {
  padding: 5.3502501055rem;
}
@media (max-width: 991px) {
  .\#hero.\@mobile-box\:small {
    padding: 0.7561436673rem;
  }
}
@media (max-width: 991px) {
  .\#hero.\@mobile-box\:h6 {
    padding: 0.8695652174rem;
  }
}
@media (max-width: 991px) {
  .\#hero.\@mobile-box\:body {
    padding: 1rem;
  }
}
@media (max-width: 991px) {
  .\#hero.\@mobile-box\:h5 {
    padding: 1.15rem;
  }
}
@media (max-width: 991px) {
  .\#hero.\@mobile-box\:h4 {
    padding: 1.3225rem;
  }
}
@media (max-width: 991px) {
  .\#hero.\@mobile-box\:h3 {
    padding: 1.520875rem;
  }
}
@media (max-width: 991px) {
  .\#hero.\@mobile-box\:h2 {
    padding: 1.74900625rem;
  }
}
@media (max-width: 991px) {
  .\#hero.\@mobile-box\:h1 {
    padding: 2.0113571875rem;
  }
}
@media (max-width: 991px) {
  .\#hero.\@mobile-box\:d5 {
    padding: 2.3130607656rem;
  }
}
@media (max-width: 991px) {
  .\#hero.\@mobile-box\:d4 {
    padding: 2.6600198805rem;
  }
}
@media (max-width: 991px) {
  .\#hero.\@mobile-box\:d3 {
    padding: 3.0590228625rem;
  }
}
@media (max-width: 991px) {
  .\#hero.\@mobile-box\:d2 {
    padding: 3.5178762919rem;
  }
}
@media (max-width: 991px) {
  .\#hero.\@mobile-box\:d1 {
    padding: 4.0455577357rem;
  }
}
@media (max-width: 991px) {
  .\#hero.\@mobile-box\:d0 {
    padding: 4.6523913961rem;
  }
}
@media (max-width: 991px) {
  .\#hero.\@mobile-box\:d00 {
    padding: 5.3502501055rem;
  }
}
.\#hero.\@align\:left {
  text-align: left;
}
.\#hero.\@align\:left .\#countdown-timer-item-time {
  margin-left: 0;
}
.\#hero.\@align\:center {
  text-align: center;
}
.\#hero.\@align\:center .\#hero-image,
.\#hero.\@align\:center .\#hero-icon,
.\#hero.\@align\:center .\#hero-video-popup {
  margin-left: auto;
  margin-right: auto;
}
.\#hero.\@align\:center .\#hero-buttons {
  justify-content: center;
}
.\#hero.\@align\:center .\#countdown-timer-items {
  justify-content: center;
}
.\#hero.\@align\:right {
  text-align: right;
}
.\#hero.\@align\:right .\#hero-image,
.\#hero.\@align\:right .\#hero-icon,
.\#hero.\@align\:right .\#hero-video-popup {
  margin-left: auto;
}
.\#hero.\@align\:right .\#hero-buttons {
  justify-content: flex-end;
}
.\#hero.\@align\:right .\#countdown-timer-items {
  justify-content: end;
}
@media (max-width: 991px) {
  .\#hero.\@mobile-center:not(.\@align\:center) {
    text-align: center;
  }
  .\#hero.\@mobile-center:not(.\@align\:center) .\#hero-image,
.\#hero.\@mobile-center:not(.\@align\:center) .\#hero-icon,
.\#hero.\@mobile-center:not(.\@align\:center) .\#hero-video-popup {
    margin-left: auto;
    margin-right: auto;
  }
  .\#hero.\@mobile-center:not(.\@align\:center) .\#hero-buttons {
    justify-content: center;
  }
}
.\#hero-heading {
  margin: 0;
  line-height: 1;
}
.\#hero-subheading {

  margin: 0;
  line-height: 1;
  font-family 'Chivo', sans-serif;
  font-style: italic;
  color: black !Important;
  padding-bottom: 0rem;
  padding-top: -1rem:
}

/* Reduce spacing for featured collection headers */
[id*="featured_collection"] .\#hero {
  --gap: 0.25rem !important;
}

[id*="featured_collection"] .\#hero-subheading {
  padding-bottom: 0;
}

[id*="featured_collection"] .\#section-body-header {
  margin-bottom: 1rem;
}

.\#hero-text {
  opacity: 0.8;
}
.\#hero-buttons {
  margin-top: calc(var(--gap) * 0.33);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--gap);
}
.\#hero-image {
  --width: 70%;
  width: var(--width);
}
.\#hero-icon {
  --color: inherit;
  width: fit-content;
}
.\#hero-icon .\#icon {
  color: var(--color);
  --size: 1em;
}

.\#hero.\@box\:small, .\#hero.\@box\:h6, .\#hero.\@box\:body, .\#hero.\@box\:h5, .\#hero.\@box\:h4, .\#hero.\@box\:h3, .\#hero.\@box\:h2, .\#hero.\@box\:h1, .\#hero.\@box\:d5, .\#hero.\@box\:d4, .\#hero.\@box\:d3, .\#hero.\@box\:d2, .\#hero.\@box\:d1, .\#hero.\@box\:d0, .\#hero.\@box\:d00 {
  background-color: var(--bg-color);
  backdrop-filter: blur(10px);
  border-radius: var(--border-radius-base);
  height: max-content;
}
@media (max-width: 991px) {
  .\#hero.\@box\:small, .\#hero.\@box\:h6, .\#hero.\@box\:body, .\#hero.\@box\:h5, .\#hero.\@box\:h4, .\#hero.\@box\:h3, .\#hero.\@box\:h2, .\#hero.\@box\:h1, .\#hero.\@box\:d5, .\#hero.\@box\:d4, .\#hero.\@box\:d3, .\#hero.\@box\:d2, .\#hero.\@box\:d1, .\#hero.\@box\:d0, .\#hero.\@box\:d00 {
    padding: 1.5rem !important;
  }
}

@media (max-width: 991px) {
  .\#hero.\@mobile-box\:small, .\#hero.\@mobile-box\:h6, .\#hero.\@mobile-box\:body, .\#hero.\@mobile-box\:h5, .\#hero.\@mobile-box\:h4, .\#hero.\@mobile-box\:h3, .\#hero.\@mobile-box\:h2, .\#hero.\@mobile-box\:h1, .\#hero.\@mobile-box\:d5, .\#hero.\@mobile-box\:d4, .\#hero.\@mobile-box\:d3, .\#hero.\@mobile-box\:d2, .\#hero.\@mobile-box\:d1, .\#hero.\@mobile-box\:d0, .\#hero.\@mobile-box\:d00 {
    padding: 1.5rem;
    background-color: var(--mobile-bg-color, var(--bg-color));
    backdrop-filter: blur(10px);
    border-radius: var(--border-radius-base);
    height: max-content;
  }
}
.stretched-link, .\#floating-content-wrapper.\@absolute, .\#media-image, .\#media-image-mobile, .\#media-image-wrapper, .\#media-image-mobile-wrapper, .\#media-link, .\#media-overlay, .\#media-placeholder, html.js .\#media-image-loading {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
}

.\#media-placeholder {
  display: flex;
  align-items: center;
  justify-content: center;
}

.\#floating-content {
  width: 100%;
  height: 100%;
  position: relative;
  display: flex;
}
.\#floating-content.\@padded {
  padding: 2rem;
}
.\#floating-content.\@container {
  padding-left: 0;
  padding-right: 0;
}
@media (max-width: 991px) {
  .\#floating-content.\@mobile-bottom {
    align-items: flex-end !important;
    justify-content: center !important;
  }
}
.\#floating-content.\@x\:center {
  justify-content: center;
}
.\#floating-content.\@x\:right {
  justify-content: flex-end;
}
.\#floating-content.\@y\:center {
  align-items: center;
}
.\#floating-content.\@y\:bottom {
  align-items: flex-end;
}
.\#floating-content-wrapper {
  z-index: 10;
  position: relative;
  height: 100%;
}
@media (max-width: 991px) {
  .\#floating-content-wrapper.\@mobile-position\:offset {
    position: relative !important;
    margin-top: -1rem;
    margin-bottom: 1rem;
  }
  .\#floating-content-wrapper.\@mobile-position\:offset .\#icon {
    color: #000;
  }
  .\#floating-content-wrapper.\@mobile-position\:offset .\#floating-content {
    padding: 0;
  }
  .\#floating-content-wrapper.\@mobile-position\:bottom .\#floating-content {
    align-items: flex-end !important;
    justify-content: center !important;
  }
}
.\#floating-content-wrapper.\@absolute {
  z-index: 10;
}
.\#floating-content-wrapper > .\#container {
  height: 100%;
}

.stretched-link, .\#media-image, .\#media-image-mobile, .\#media-image-wrapper, .\#media-image-mobile-wrapper, .\#media-link, .\#media-overlay, .\#media-placeholder, html.js .\#media-image-loading, .\#floating-content-wrapper.\@absolute {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
}

.\#media-placeholder {
  display: flex;
  align-items: center;
  justify-content: center;
}

.\#rte-block {
  line-height: 1.4;
}
.\#rte-block img, .\#rte-block video, .\#rte-block iframe {
  max-width: 100%;
}
.\#rte-block > p {
  margin-bottom: 0.5em;
}
.\#rte-block > p:last-child {
  margin-bottom: 0;
}
.\#rte-block.\@upcase {
  text-transform: uppercase;
}
.\#rte-block a {
  color: inherit;
}

.\#rte {
  --font-size: 1rem;
  font-size: var(--font-size);
}
.\#rte h6, .\#rte h5, .\#rte h4, .\#rte h3, .\#rte h2, .\#rte h1 {
  margin-bottom: 0.5em;
}
.\#rte p {
  margin-bottom: 1em;
}
.\#rte a {
  color: inherit;
}
.\#rte img, .\#rte video, .\#rte iframe {
  max-width: 100%;
  border-radius: var(--border-radius-inner);
}
.\#rte blockquote {
  font-style: italic;
  font-size: 1.15em;
}
.\#rte.\@text-align\:left {
  text-align: left;
}
.\#rte.\@text-align\:center {
  text-align: center;
}
.\#rte.\@text-align\:right {
  text-align: right;
}
.\#rte h1 {
  font-size: 2.0113571875em;
}
.\#rte h2 {
  font-size: 1.74900625em;
}
.\#rte h3 {
  font-size: 1.520875em;
}
.\#rte h4 {
  font-size: 1.3225em;
}
.\#rte h5 {
  font-size: 1.15em;
}
.\#rte h6 {
  font-size: 0.8695652174em;
}

.stretched-link, .\#media-image, .\#media-image-mobile, .\#media-image-wrapper, .\#media-image-mobile-wrapper, .\#media-link, .\#media-overlay, .\#media-placeholder, html.js .\#media-image-loading, .\#floating-content-wrapper.\@absolute {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
}

.\#media-placeholder {
  display: flex;
  align-items: center;
  justify-content: center;
}

.\#icon {
  --size: 1.7rem;
  display: flex;
  color: inherit;
  fill: currentColor;
  width: var(--size);
  height: var(--size);
  vertical-align: top;
}

load-icon {
  display: contents;
}

.stretched-link, .\#media-image, .\#media-image-mobile, .\#media-image-wrapper, .\#media-image-mobile-wrapper, .\#media-link, .\#media-overlay, .\#media-placeholder, html.js .\#media-image-loading, .\#floating-content-wrapper.\@absolute {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
}

.\#media-placeholder {
  display: flex;
  align-items: center;
  justify-content: center;
}

.\#accent-text {
  padding: 0 0.25em;
  margin: 0 -0.25em;
  background: var(--accent);
  background-position: 0 0.6em;
  background-size: 100% 30%;
  background-repeat: repeat-x;
  display: inline;
}

.stretched-link, .\#media-image, .\#media-image-mobile, .\#media-image-wrapper, .\#media-image-mobile-wrapper, .\#media-link, .\#media-overlay, .\#media-placeholder, html.js .\#media-image-loading, .\#floating-content-wrapper.\@absolute {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
}

.\#media-placeholder {
  display: flex;
  align-items: center;
  justify-content: center;
}

.\#button {
  --text-color: white;
  --bg-color: #9C01FF ;
  --bg-hover-color: #fcb2f1 ;
  padding: 0.95em 1.75em;
  border-radius: 15px;
}

.\#button {
  transition: var(--transition-base);
  cursor: pointer;
  line-height: 1;
  text-align: center;
  text-decoration: none;
  user-select: none;
  display: inline-block;
  border: none;
  position: relative;
  overflow: hidden;
}

.\#button {
  font-size: 17px !important;
}
.\#button:not(.heading-font) {
  font-weight: bold !important;
  --bg-hover-color: #fcb2f1 !important;
}

.\@size\:h6.\#button {
  font-size: 0.8695652174rem;
}
.\@size\:body.\#button {
  font-size: 1rem;
}
.\@size\:h5.\#button {
  font-size: 1.15rem;
}
.\@size\:h4.\#button {
  font-size: 1.3225rem;
}
.\@size\:h3.\#button {
  font-size: 1.520875rem;
}
.\@size\:h2.\#button {
  font-size: 1.74900625rem;
}
.\@size\:h1.\#button {
  font-size: 2.0113571875rem;
}
.\@size\:d5.\#button {
  font-size: 2.3130607656rem;
}

.\@block.\#button {
  display: block;
  width: 100%;
}

.\@display-style\:normal.\#button {
  background-color: var(--bg-color);
  color: var(--text-color);
}
.\@display-style\:normal.\#button:hover {
  background-color: var(--bg-hover-color);
}
.\@display-style\:gradient.\#button {
  background: var(--bg-color);
  color: var(--text-color);
  z-index: 1;
}
.\@display-style\:gradient.\#button:hover:before {
  opacity: 0;
}
.\@display-style\:gradient.\#button:before {
  transition: opacity var(--transition-base);
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  border-radius: inherit;
  font-size: inherit;
  box-shadow: inherit;
  background: radial-gradient(at top, var(--bg-gradient) 0%, var(--bg-color) 90%);
  z-index: -1;
}
.\@display-style\:outline.\#button {
  background: none;
  color: var(--bg-color);
  border: 0.1em solid var(--bg-color);
}
.\@display-style\:outline.\#button:hover {
  color: var(--text-color);
  background-color: var(--bg-color);
}
.\@display-style\:link.\#button {
  padding: 0;
  color: var(--bg-color);
  background: none;
  opacity: 0.8;
  text-decoration: underline;
  text-decoration-thickness: 0.125em;
  text-underline-offset: 0.25em;
  border-radius: 0;
  overflow: visible;
}
.\@display-style\:link.\#button:hover {
  opacity: 1;
}

.\@shadow.\@display-style\:normal.\#button, .\@shadow.\@display-style\:gradient.\#button {
  box-shadow: var(--l1-shadow-color) 0 0.15em 0.3em, var(--l2-shadow-color) 0 0.3em 0.6em -0.15em, var(--l3-shadow-color) 0 -0.15em 0 inset;
}

.\!loading.\#button {
  color: transparent;
  pointer-events: none;
}
.\!loading.\#button .\#spinner {
  opacity: 1;
}
.\#button .\#spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: var(--transition-base);
  --color: var(--text-color);
  --size: 0.4rem;
  opacity: 0;
  user-select: none;
  pointer-events: none;
}

body product-dynamic-checkout {
  display: block;
  padding-top: 1rem;
}
body .shopify-payment-button__button--unbranded {
  font-weight: var(--font-body-weight-bold);
  border-radius: 15px;
  font-size: 1.5rem;
  padding: 1.1em 1.75em;
  background-color: var(--color-g-button-buy-it-now-bg);
  color: var(--color-g-button-buy-it-now-text);
  background-color: #fcff00;

  
}
body .shopify-payment-button__button--unbranded:hover:not([disabled]) {
  background-color: #3363e9 !important;
}
body .shopify-payment-button__button--branded .shopify-cleanslate [role=button] {
  font-weight: var(--font-body-weight-bold);
  border-radius: 15px;
  font-size: 1.5rem;
  padding: 1.4em 1.75em !important;
  background-color: #446fe9 !important;
}
body .shopify-payment-button__button--hidden {
  display: none;
}
body .dynamic-checkout__content [data-shopify-buttoncontainer=true][role=list] > li {
  flex-basis: auto !important;
  width: 100%;
}
body .dynamic-checkout__content [data-shopify-buttoncontainer=true][role=list] > li [role=button] {
  border-radius: 2em !important;
  font-size: 1.1rem !important;
  padding: 1.4em 1.75em !important;
  width: 100% !important;
}

.stretched-link, .\#media-image, .\#media-image-mobile, .\#media-image-wrapper, .\#media-image-mobile-wrapper, .\#media-link, .\#media-overlay, .\#media-placeholder, html.js .\#media-image-loading, .\#floating-content-wrapper.\@absolute {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
}

.\#media-placeholder {
  display: flex;
  align-items: center;
  justify-content: center;
}

.\#price {
  margin: 0;
}
.\#price-item-heading {
  line-height: 1;
}
.\#price-item-value {
  margin: 0;
  line-height: 1;
}



.\#price-item.\@compare .\#price-value {
  text-decoration: line-through;
  opacity: 0.54 !important;
  line-height: 1;
  font-size: 18px;

}

.stretched-link, .\#media-image, .\#media-image-mobile, .\#media-image-wrapper, .\#media-image-mobile-wrapper, .\#media-link, .\#media-overlay, .\#media-placeholder, html.js .\#media-image-loading, .\#floating-content-wrapper.\@absolute {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
}

.\#media-placeholder {
  display: flex;
  align-items: center;
  justify-content: center;
}

.shadow-1 {
  box-shadow: var(--color-g-text-alpha-10) 0 1rem 2rem -1.5rem, var(--color-g-text-alpha-30) 0 0.5rem 2rem -1rem;
}

@media (max-width: 991px) {
  .mobile-shadow-1 {
    box-shadow: var(--color-g-text-alpha-10) 0 1rem 2rem -1.5rem, var(--color-g-text-alpha-30) 0 0.5rem 2rem -1rem;
  }
}
.shadow-2, .shadow-hover-child-2-3, .shadow-hover-2-3 {
  box-shadow: var(--color-g-text-alpha-10) 0 3.125rem 6.25rem -1.25rem, var(--color-g-text-alpha-30) 0 1.875rem 3.75rem -1.875rem;
}

@media (max-width: 991px) {
  .mobile-shadow-2 {
    box-shadow: var(--color-g-text-alpha-10) 0 3.125rem 6.25rem -1.25rem, var(--color-g-text-alpha-30) 0 1.875rem 3.75rem -1.875rem;
  }
}
.shadow-3 {
  box-shadow: var(--color-g-text-alpha-30) 0 3.125rem 6.25rem -1rem, var(--color-g-text-alpha-40) 0 1.875rem 2.75rem -1rem;
}

@media (max-width: 991px) {
  .mobile-shadow-3 {
    box-shadow: var(--color-g-text-alpha-30) 0 3.125rem 6.25rem -1rem, var(--color-g-text-alpha-40) 0 1.875rem 2.75rem -1rem;
  }
}
.shadow-4 {
  box-shadow: var(--color-g-text-alpha-60) 0 2rem 5rem 0.5rem, var(--color-g-text-alpha-80) 0 1.875rem 3.75rem -1.875rem;
}

@media (max-width: 991px) {
  .mobile-shadow-4 {
    box-shadow: var(--color-g-text-alpha-60) 0 2rem 5rem 0.5rem, var(--color-g-text-alpha-80) 0 1.875rem 3.75rem -1.875rem;
  }
}
.shadow-hover-2-3 {
  transition: var(--transition-base);
  transition-property: transform, box-shadow;
  backface-visibility: hidden;
}
@media (hover: hover) and (pointer: fine) {
  .shadow-hover-2-3:hover {
    box-shadow: var(--color-g-text-alpha-30) 0 3.125rem 6.25rem -1rem, var(--color-g-text-alpha-40) 0 1.875rem 2.75rem -1rem;
    transform: translateY(-10px);
  }
}

.shadow-hover-child-2-3 {
  transition: var(--transition-base);
  transition-property: transform, box-shadow;
  backface-visibility: hidden;
}

@media (hover: hover) and (pointer: fine) {
  .shadow-hover-parent:hover .shadow-hover-child-2-3 {
    transform: translateY(-10px);
    box-shadow: var(--color-g-text-alpha-30) 0 3.125rem 6.25rem -1rem, var(--color-g-text-alpha-40) 0 1.875rem 2.75rem -1rem;
  }
}

.stretched-link, .\#media-image, .\#media-image-mobile, .\#media-image-wrapper, .\#media-image-mobile-wrapper, .\#media-link, .\#media-overlay, .\#media-placeholder, html.js .\#media-image-loading, .\#floating-content-wrapper.\@absolute {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
}

.\#media-placeholder {
  display: flex;
  align-items: center;
  justify-content: center;
}

.\#form-field-label {
  display: block;
  font-size: 0.9em;
  opacity: 0.85;
  margin-bottom: 0.3em;
}
.\#form-field-input {
  width: 100%;
  font-size: inherit;
  resize: none;
  font-family: inherit;
  display: block;
  padding: 0.75em;
  border: 2px solid #b3b3b3;
  background-color: var(--color-g-fg);
  border-radius: 0.4rem;
}
.\#form-field-input:focus {
  border-color: var(--color-g-accent);
  outline: none;
}

*:focus:not(:focus-visible) {
  outline: none;
}

.shopify-section {
  display: unset;
}

.stretched-link {
  --z: 20;
  display: block;
  text-indent: -9999px;
  z-index: var(--z);
  white-space: nowrap;
}

.reset-list {
  list-style: none;
  padding-left: 0;
  margin-top: 0;
  margin-bottom: 0;
}

.reset-link {
  text-decoration: none;
  color: inherit;
}

.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;
}

body {
  background-color: var(--color-g-bg);
  color: var(--color-g-text);
}

.no-scroll,
.scroll-lock {
  overflow: hidden;
}

body {
  max-width: 100vw;
  overflow-x: hidden;
}

@media (min-width: 992px) {
  .desktop-hidden {
    display: none !important;
  }
}

@media (max-width: 991px) {
  .mobile-hidden {
    display: none !important;
  }
}

.rel {
  position: relative;
}

html:not(.js) .js-only {
  display: none;
}

.load-hidden {
  display: none;
}

.invisible {
  opacity: 0;
}

.mb0 {
  margin-bottom: 0;
}

.unstyled-link {
  text-decoration: none !important;
  color: inherit;
}

@media (max-width: 991px) {
  .mob-first-item {
    grid-row: 1;
  }
}
.gutter-spacer {
  width: var(--glob-gutter);
  height: 0;
  overflow: hidden;
}

.videoBackground .videoBox {
  height: 44vh !important;
  max-height: 450px !important;
  min-height: 350px !important;
  padding: 60px 20px 50px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

@media only screen and (max-width: 767px) {
  .videoBackground .videoBox {
    height: auto !important;
    max-height: 400px !important;
    min-height: 300px !important;
    padding: 80px 20px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }
  
  .videoBackground .fullscreen-video-wrap {
    position: absolute !important;
    z-index: 1 !important;
  }
  
  .videoBackground .videoBoxInfo {
    padding: 10px !important;
    position: relative !important;
    z-index: 2 !important;
  }
}


/* ===== VIDEO BACKGROUND DESKTOP TEXT STYLING ===== */
.videoBackground h1.videoBoxInfoTitle {
  font-family: "Permanent Marker", sans-serif !important;
  color: black !important;
  background-color: #8de0f4 !important;
  padding: 15px !important;
  border-radius: 15px !important;
  font-size: 45px !important;
  line-height: 1.2 !important;
}

.videoBackground .imageBoxInfoDescription p {
  color: black !important;
  background-color: #8de0f4 !important;
  padding: 15px !important;
  border-radius: 15px !important;
  font-size: 1.2rem !important;
  line-height: 1.4 !important;
}

/* ===== VIDEO BACKGROUND BUTTON STYLING =====
   Session 19 — legacy rules removed. Hero CTA now uses the shared
   `.tbb-btn` bevel. Merchant bg/text colors are piped into the
   shared class via `--tbb-btn-accent` + `--tbb-btn-text` (set inline
   on the anchor in sections/background-video.liquid). */
 
@font-face {
    font-family: 'Permanent Marker' !important;
    src: url('{{ "PermanentMarker-webfont.woff" | asset_url }}') format('woff') !important ,
       url('{{ "PermanentMarker-Regular.ttf" | asset_url }}') format('ttf') !important;
    font-weight: normal;
    font-style: normal;
}

.polaroid-frame {
    position: relative;
    display: inline-block;
    width: 100%;
}

.polaroid-frame img {
    display: block;
    width: 100%;
    height: auto;
    z-index: 1;
}

.polaroid-frame::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url('{{ "TransparentPolaroidFrame.png" | asset_url }}') no-repeat center center;
    background-size: contain;
    z-index: 2;
    pointer-events: none;
}



.\#hero-text{
  color: black !important;
  opacity: 1 !important;
  font-size: 30 px;
  padding-left: 10px;
  padding-right: 10px:
  line-height: 20px;
  border-radius: 15px;
  margin-left: auto;
  margin-right: auto;
}



.\#slideshow-inline .swiper-slide .\#product-card, .\#slideshow-inline .swiper-slide .\#article-card {
   background-color: #white ;
}


main {
  min-height: 100vh;
}
.wkcontainer.full-width {
  max-width: 1270px;
}
div#products_on_auction {
  padding-top: 3rem;
  padding-bottom: 6rem;
}
input#wk_pa_search {
  padding-left: 1rem;
}
.wkrow {
  padding-top: 2rem;
}
.\#price-item-value {
  font-size: 25px;
}
.\#hero-heading {
  font-family: "Permanent Marker", sans-serif;
  color: black !important;

  font-size: 35px;
  padding: 15px;
  line-height: 37px;
  border-radius: 15px;
}

.commento-root * {
  padding: 1px;
}
.commento-root input[type="text"],
.commento-root textarea {
  border-radius: 15px !important;
  text-align: left;
  padding-left: 14px;
  color: black !important;
}
.commento-root .commento-logged-container .commento-profile-button {
  float: left !important;
  color: black;
}
.commento-root .commento-anonymous-checkbox-container {
  float: left;
  margin-top: 10px;
}
.commento-option-button commento-option-upvote > b {
    color: black !important;
    background-image: url(data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3Cpath fill='%239c01ff' d='M214.6 41.4c-12.5-12.5-32.8-12.5-45.3 0l-160 160c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L160 141.2V448c0 17.7 14.3 32 32 32s32-14.3 32-32V141.2L329.4 246.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3l-160-160z'/%3E%3C/svg%3E) !important;
    background-repeat: no-repeat;
}

.commento-root .commento-logged-container {
  margin-bottom: 1px !important;
}

.commento-root .commento-mod-tools {
  margin-bottom: 1px !important;
}
.commento-root .commento-sort-policy-buttons-container
{display: none;
}
#commentify_block_title {
 font-family: "Permanent Marker", sans-serif;
  font-size: 22px;
}

.commento-root .commento-submit-button {
  border-radius: 15px!important;
}


.\#product-meta-heading {
  margin-bottom: 0px !important;
  font-size: 20px !important;
  color: #9c01ff !important;}


.\#product-card {
  background-color: #white !important; 
}



.\#predictive-search {
  width: 75 !important%;
}

.\#section-body.\@spaced {
  margin-top: 50px;
}



.\#cart-drawer-product-qty-max-note {
  display: none !important;
}

#simpAskQuestion.simpAsk-container h2 {
   font-family: 'Permanent Marker' !important;
   text-align: center;
}


#simpAskQuestion.simpAsk-container h2 {
   font-family: 'Permanent Marker' !important;
}

#simpAskQuestion .simpAsk-title-container {
 text-align: center !Important;
}

.simp-ask-question-header {
  font-family: Chivo !important;
}

.\#floating-content.\@y\:center {
padding-left: 0px;
  padding-right: 0px;
}

.\#newsletter-popup-text {
  background-color: #fe8aed;
}

.\#cart-item-quantity-max-note {
  background-color: #446fe9 !important;
}

.\#free-shipping-progress-bar-header
{
  display: none !important;
}



.\#newsletter-notification {
  font-color: white;
}

.\#puppetvendors-brand{
max-width: 100%
}

#instafeed{max-width: 1000px !IMPORTANT; margin: 0 auto;}

/* 

.\#media.\@type\:ar {
  max-height: 300px !important;
  )
   */

.\#slideshow-inline.\@with-pagination .swiper {
    margin: 0 !important;
      padding-bottom:75px;
}


.\#slideshow-inline-pagination.swiper-pagination {
    --offset: 0;
    bottom: -20px !important;
}


.auction .text-gray-600 {
color: #9c01ff !important;
font-family: Chivo;
text-align: center;
font-size: 14px;
}

.auction .border-gray-200 {
  border-color: #9c01ff !important;
}

.auction .border {
border-width: 3px !important; }

.auction h5.font-medium.text-4xl {
  font-weight: 800;
  font-size: 1.8rem !important;
}

.auction-countdown span.text-3xl {
  font-size: 20px !important;  /* pick your size */
  line-height: 1.2 !important;
}
.auction-countdown span.text-sm {
  font-size: 10px !important;
  color: #6B6B6B;
  text-transform: uppercase; /* optional */
  margin-bottom: -2rem;
}


a.auction-button.register-link.mx-auto.button.btn.btn--primary.button-primary {
  width: 66.666667% !important;
  max-width: 66.666667% !important;
  height: 47.8px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding: 0.65em 1.75em !important;
  border-radius: 15px !important;
  font-size: 16px !important;
  box-sizing: border-box !important;
}

/* Remove extra margin from auction buttons on product pages only */
.template--product .auction .mx-10.flex.flex-col {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

body.template--login .\#predictive-search,
body.template--register .\#predictive-search,
body.template--recover .\#predictive-search { display: none !important; }

.auction.auction-container .my-2.flex,
.auction.auction-container .flex.flex-col.text-sm.gap-1  {
  display: flex;
  flex-direction: column;  /* vertical stack */
  align-items: center;     /* center horizontally */
  justify-content: center;
  gap: 0.25rem;            /* tighten spacing */
}

.auction.auction-container strong {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.auction.auction-container .text-lg {
  font-size: 25px ;   /* increase/decrease as needed */
  font-weight: 800;             /* make it bold like you did with h5 */
}
/* ===== MOBILE TYPOGRAPHY + UI OPTIMIZATION ===== */
@media (max-width: 767px) {

  /* ===== BASE HEADINGS ===== */
  h1, .fs-h1, .fs-d1, .fs-d0, .fs-d00 {
    font-size: 1.75rem !important;
    line-height: 1.3 !important;
  }
  
  h2, .fs-h2, .fs-d2 {
    font-size: 1.5rem !important;
    line-height: 1.2 !important;
  }
  
  h3, .fs-h3, .fs-d3 {
    font-size: 1.35rem !important;
    line-height: 1.3 !important;
    font-weight: 600;
  }
  
  h4, .fs-h4, .fs-d4 {
    font-size: 1.25rem !important;
    line-height: 1.2 !important;
  }
  
  h5, .fs-h5 {
    font-size: 1rem !important;
    line-height: 1.2 !important;
  }

  h6, .fs-h6 {
    font-size: 0.9rem !important;
    line-height: 1.2 !important;
  }
  
  p {
    font-size: 1rem !important;
    line-height: 1.4 !important;
  }

  /* ===== BUTTONS ===== */
  .\#button {
    font-size: 15px !important;
    padding: 0.85em 1.5em !important;
  }

  /* ===== VIDEO BACKGROUND HERO - SPECIFIC OVERRIDES ===== */
  .videoBackground h1,
  .videoBackground .videoBoxInfo h1 {
    font-family: "Permanent Marker", sans-serif !important;
    font-size: 28px !important;
    line-height: 1.2 !important;
    padding: 10px 15px !important;
    white-space: nowrap !important;
     color: black !important;
  background-color: #8de0f4 !important;
    border-radius: 15px;
  }
  
  .videoBackground p,
  .videoBackground .videoBoxInfo p {
    font-size: 1.2rem !important;
    line-height: 1.3 !important;
    padding: 10px 15px !important;
     color: black !important;
  background-color: #8de0f4;
    border-radius: 15px;
  }
  
  /* Session 19 — mobile sizing now comes from shared `.tbb-btn` defaults.
     Override removed; if needed later, target `.videoBoxInfoBtn.tbb-btn`. */
  
  .videoBackground .videoBoxInfo > * {
    margin-bottom: 10px !important;
  }
  
  .videoBackground .videoBoxInfo > *:last-child {
    margin-bottom: 0 !important;
  }

  /* ===== HERO SECTIONS (NON-VIDEO) ===== */
  .\#hero-heading {
    font-size: 28px !important;
    line-height: 1.2 !important;
    padding: 12px !important;
  }
  
  .\#hero-subheading {
    font-size: 0.95rem !important;
    line-height: 1.2 !important;
  }
  
  .\#hero-text {
    font-size: 1rem !important;
    line-height: 1.3 !important;
  }

  /* ===== SECTION HEADERS ===== */
  .\#section-body-header {
    margin-bottom: 1.25rem !important;
  }

  /* ===== PROMO BANNER ===== */
  .\#promo-banner-heading {
    font-size: 1.5rem !important;
    line-height: 1.3 !important;
  }

  /* ===== SECTION SPACING ===== */
  .\#section-body.\@spaced {
    margin-top: 2rem !important;
  }
  
  .\#hero.\@box\:d3,
  .\#hero.\@box\:d2,
  .\#hero.\@box\:d1,
  .\#hero.\@box\:d0,
  .\#hero.\@box\:d00 {
    padding: 1.25rem !important;
  }

  /* ===== NAV / UTILITY ===== */
  .nav-link, .menu-item, .footer-link {
    font-size: 0.9rem !important;
  }

  /* ===== CAROUSEL HEADINGS ===== */
  .slideshow-heading, .carousel-heading {
    font-size: 1.15rem !important;
    line-height: 1.3 !important;
  }
  
  /* ===== PRODUCT CARDS ===== */
  .\#product-card h3,
  .\#product-card h4 {
    font-size: 1rem !important;
    line-height: 1.3 !important;
  }
  
  /* ===== PRICE ===== */
  .\#price-item-value {
    font-size: 24px !important;
    font-style: bold;
  }
}

/* ===== IMAGE WITH TEXT SECTION - CONSTRAIN WIDTH ON WIDE SCREENS ===== */

/* Target the specific Image with Text section */
.\#media-with-text-wrapper {
  max-width: 1400px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

@media screen and (min-width: 1600px) {
  .\#media-with-text-wrapper {
    max-width: 1200px !important;
  }
}

@media screen and (min-width: 2000px) {
  .\#media-with-text-wrapper {
    max-width: 1400px !important;
  }
}

/* Add padding to the entire section */
@media screen and (min-width: 1400px) {
  .\#section-body-content .\#media-with-text {
    padding-left: 10% !important;
    padding-right: 10% !important;
  }
}

/* Apply to ALL Image with Text sections */
[id*="image_with_text"] .\#grid {
  border-radius: 15px !important;
  overflow: hidden !important;
}

/* Make wishlist button match other auction buttons width */
button.auction-button.flex.items-center {
width: 66.666667% !important;
  display: flex !important;
  justify-content: center !important;
  background: transparent !important;
  border: 1.5px solid #9c01ff !important;
  color: #9c01ff !important;
  padding: 0.65em 1.75em !important;
  border-radius: 15px !important;
  font-size: 16px !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
  margin-top: 1.5rem !important;  /* ADD TOP MARGIN as developer suggested */
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box !important;  /* CRITICAL: Makes border included in width calculation */
}

/* Hover effect */
button.auction-button.flex.items-center:hover {
  background: #9c01ff !important;
  color: white !important;
}

/* SVG icon color */
button.auction-button.flex.items-center svg {
  fill: currentColor !important;
}

/* Hover effect - fill with purple */
button.auction-button.flex.items-center:hover {
  background: #9c01ff !important;
  color: white !important;
}

/* Make sure SVG icon inside matches color */
button.auction-button.flex.items-center svg {
  fill: currentColor !important;
}

.template--account .main-content,
body.template--account #MainContent {
  padding-top: 1.3rem !important;
}

.handpicked-by {
  margin-bottom: -1rem;
}

/* ==========================================================================
   TBB 2026 — Global background (Figma Make parity, phase 1)
   Solid #1a1a2e navy base with two subtle gradient washes layered on top.

   Phase 1 intentionally ships WITHOUT the film grain, vignette, and CRT
   scanline effects from the Figma mockup. Those three rely on
   `mix-blend-mode: overlay` against an element that sits above page
   content — CSS background-image layers on `body` can't reproduce that
   because blend modes don't apply per-layer in the way the React
   component stacks them. Painting grain/vignette into the body bg
   naively turned the navy base into muddy gray.

   Phase 2 (later pass) will reintroduce grain/scanlines/vignette via a
   dedicated fixed overlay `<div>` in theme.liquid with `z-index: -1`
   and proper `mix-blend-mode: overlay`, which is the only way to get
   those effects right without washing out the base color.

   NOTE (TBB Site Skins): the navy base palette is UNCONDITIONAL —
   it always paints, so there's no FOUC flash to cyan while a skin
   image is loading. Only the gradient/crosshatch OVERLAY is scoped
   with :not([data-skin^="skin_"]), so it gets out of the way when
   a skin is active. The skin image then paints over navy cleanly.
   ========================================================================== */

/* Base body palette — always applies, regardless of skin state. */
body {
  background-color: #1a1a2e !important;
  color: #ffffff !important;
}

/* Default gradient/crosshatch overlay — only when no skin is active. */
body:not([data-skin^="skin_"]) {
  background-image:
    /* Retro gradient wash — cyan top → pink bottom, very subtle */
    linear-gradient(
      180deg,
      rgba(141, 224, 244, 0.05) 0%,
      transparent 30%,
      transparent 70%,
      rgba(254, 138, 237, 0.05) 100%
    ),
    /* Diagonal brand stripes — 45° cyan, barely visible */
    repeating-linear-gradient(
      45deg,
      transparent,
      transparent 10px,
      rgba(141, 224, 244, 0.02) 10px,
      rgba(141, 224, 244, 0.02) 20px
    ) !important;
  background-attachment: fixed, fixed !important;
  background-repeat: no-repeat, repeat !important;
  background-size: 100% 100%, auto !important;
}

/* Ensure section wrappers are transparent so the body backdrop shows through.
   Many Diffusion sections inherit --color-g-bg (cyan) on their root, which
   would hide the dark navy. Force transparent unless a section explicitly
   opts in by setting its own background. */
.shopify-section {
  background-color: transparent !important;
}