/** Shopify CDN: Minification failed

Line 586:0 All "@import" rules must come first

**/
/* ============================
   Jolly West USA – Hero + Redacted Section Styles
   ============================ */

/* ---------- HERO SECTION ---------- */
.hero-banner {
  background-image: url('/cdn/s/files/your-image.jpg'); /* replace with your own image URL */
  background-attachment: fixed;
  background-size: cover;
  background-position: center;
  height: 100vh;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  overflow: hidden;
}

/* Fade-in overlay text */
.overlay-text {
  font-family: "Courier New", monospace;
  font-size: 2.3rem;
  color: #fff;
  letter-spacing: 2px;
  opacity: 0;
  transform: translateY(40px);
  transition: opacity 1s ease, transform 1s ease;
}
.overlay-text.show {
  opacity: 1;
  transform: translateY(0);
}

/* ---------- TOP SECRET STAMP ---------- */
.stamp {
  position: absolute;
  top: 12%;
  right: 8%;
  font-family: 'Impact','Bebas Neue',sans-serif;
  font-size: 4rem;
  letter-spacing: 4px;
  text-transform: uppercase;
  color: #ff3b3b;
  border: 4px solid #ff3b3b;
  padding: 10px 25px;
  transform: rotate(-14deg);
  opacity: .9;
  mix-blend-mode: multiply;
  animation:
    flicker 3s infinite,
    glowPulse 5s ease-in-out infinite;
}

/* ---------- ANIMATIONS ---------- */
@keyframes glowPulse {
  0%, 100% {
    text-shadow: 0 0 5px #ff3b3b, 0 0 10px #ff3b3b, 0 0 20px #ff3b3b;
    box-shadow: 0 0 10px #ff3b3b, 0 0 20px #ff3b3b inset;
  }
  50% {
    text-shadow: 0 0 2px #ff6b6b, 0 0 5px #ff6b6b, 0 0 10px #ff6b6b;
    box-shadow: 0 0 5px #ff6b6b, 0 0 10px #ff6b6b inset;
  }
}
@keyframes flicker {
  0%,18%,22%,25%,53%,57%,100% {opacity:.85;}
  20%,24%,55% {opacity:.45;}
  60%,72% {opacity:.6;}
}

/* ---------- REDACTED REVEAL SECTION ---------- */
.redacted-block {
  max-width: 900px;
  margin: 20vh auto;
  padding: 0 24px;
  font-family: "Courier New", monospace;
  line-height: 1.6;
  color: #e8e8e8;
  text-align: center;
}

.redacted [data-reveal] {
  position: relative;
  display: inline-block;
  background: #000;
  color: transparent;
  border-radius: 2px;
  padding: 0 .35em .05em;
  box-shadow: 0 0 0 2px #000 inset;
  overflow: hidden;
}
.redacted [data-reveal]::after {
  content: "";
  position: absolute;
  inset: 0;
  background: #000;
  transition: transform 0.8s ease;
}
.redacted [data-reveal].is-revealed {
  color: #fff;
  background: transparent;
  box-shadow: none;
  font-weight: 700;
}
.redacted [data-reveal].is-revealed::after {
  transform: translateX(102%);
}

/* Typing animation for letter-by-letter reveal */
@keyframes jwTypeIn {
  from {opacity: 0; transform: translateY(6px);}
  to {opacity: 1; transform: translateY(0);}
}
.redacted [data-reveal] .letter {
  display: inline-block;
  opacity: 0;
  transform: translateY(6px);
  animation: jwTypeIn 0.25s ease-out forwards;
  white-space: pre;
}
.redacted [data-reveal].is-revealed .letter {
  animation-name: jwTypeIn;
}

/* ---------- UNIVERSAL TEXT STYLING ---------- */
.overlay-text,
.redacted-text {
  color:#fff;
  background:rgba(0,0,0,0.45);
  padding:0.25em 0.6em;
  border-radius:4px;
  display:inline-block;
  text-shadow:0 1px 3px rgba(0,0,0,0.6);
}

/* Hide readable version until animation completes */
.redacted-text {display:none;}
.show-readable {display:inline-block;}

/* ---------- HERO EMPHASIS ---------- */
#text2 {
  font-weight:800;
  letter-spacing:2px;
}
/* Give the animated redacted text the same readable-style backdrop */
.redacted-block {
  position: relative;
  display: inline-block;
  background: rgba(0,0,0,0.45);
  padding: 0.25em 0.6em;
  border-radius: 4px;
  text-shadow: 0 1px 3px rgba(0,0,0,0.6);
}
/* === Redacted Block with Fade-In Background === */
.redacted-block {
  position: relative;
  display: inline-block;
  background: rgba(0,0,0,0); /* start transparent */
  padding: 0.25em 0.6em;
  border-radius: 4px;
  text-shadow: 0 1px 3px rgba(0,0,0,0.6);
  opacity: 0; /* start hidden */
  animation: fadeBackdrop 1.8s ease-in forwards;
}

/* Fade in the dark backdrop and text together */
@keyframes fadeBackdrop {
  0% {
    background: rgba(0,0,0,0);
    opacity: 0;
    transform: translateY(10px);
  }
  60% {
    background: rgba(0,0,0,0.3);
    opacity: 0.8;
    transform: translateY(0);
  }
  100% {
    background: rgba(0,0,0,0.45);
    opacity: 1;
  }
}
/* === Shadow Box for Featured Collection & FAQ Sections === */

/* Generic reusable class */
.jw-shadowbox {
  background: rgba(0,0,0,0.45);
  color: #fff;
  padding: 1.5em;
  border-radius: 8px;
  text-shadow: 0 1px 3px rgba(0,0,0,0.6);
  box-shadow: 0 0 15px rgba(0,0,0,0.4);
}

/* Featured Collection area */
#shopify-section-featured-collection,
.shopify-section--featured-collection,
.section-featured-collection {
  background: rgba(0,0,0,0.45);
  color: #fff;
  padding: 2em;
  border-radius: 8px;
  text-shadow: 0 1px 3px rgba(0,0,0,0.6);
}

/* FAQ / collapsible content area */
#shopify-section-faq,
.section-faq,
.faq,
.collapsible-content {
  background: rgba(0,0,0,0.45);
  color: #fff;
  padding: 2em;
  border-radius: 8px;
  text-shadow: 0 1px 3px rgba(0,0,0,0.6);
}
/* === Shadow box overlays for Featured Collection + FAQ (Startup-safe) === */
[id^="shopify-section-"][id*="featured-collection"],
[id^="shopify-section-"][id*="featured_collection"],
[id^="shopify-section-"][id*="faq"],
[id^="shopify-section-"][id*="collapsible"] {
  position: relative;
}

/* The translucent backdrop card */
[id^="shopify-section-"][id*="featured-collection"]::before,
[id^="shopify-section-"][id*="featured_collection"]::before,
[id^="shopify-section-"][id*="faq"]::before,
[id^="shopify-section-"][id*="collapsible"]::before {
  content: "";
  position: absolute;
  inset: 0;
  margin: 16px;                  /* inner gutter so it doesn’t touch edges */
  background: rgba(0,0,0,.45);
  border-radius: 8px;
  box-shadow: 0 0 15px rgba(0,0,0,.4);
  pointer-events: none;          /* keep cards clickable */
  z-index: 0;
}

/* Lift the real content above the overlay + improve legibility */
[id^="shopify-section-"][id*="featured-collection"] > *,
[id^="shopify-section-"][id*="featured_collection"] > *,
[id^="shopify-section-"][id*="faq"] > *,
[id^="shopify-section-"][id*="collapsible"] > * {
  position: relative;
  z-index: 1;
  color: #fff;
  text-shadow: 0 1px 3px rgba(0,0,0,.6);
}
/* === Shadow box overlay for Promotion / Rich Text (Startup theme) === */
[id^="shopify-section-"][id*="promotion"],
[id^="shopify-section-"][id*="rich-text"],
[id^="shopify-section-"][id*="text-with-image"] {
  position: relative;
}

[id^="shopify-section-"][id*="promotion"]::before,
[id^="shopify-section-"][id*="rich-text"]::before,
[id^="shopify-section-"][id*="text-with-image"]::before {
  content: "";
  position: absolute;
  inset: 0;
  margin: 16px;
  background: rgba(0,0,0,.45);
  border-radius: 8px;
  box-shadow: 0 0 15px rgba(0,0,0,.4);
  pointer-events: none;
  z-index: 0;
}

/* Lift content above overlay + unify text style */
[id^="shopify-section-"][id*="promotion"] > *,
[id^="shopify-section-"][id*="rich-text"] > *,
[id^="shopify-section-"][id*="text-with-image"] > * {
  position: relative;
  z-index: 1;
  color: #fff;
  text-shadow: 0 1px 3px rgba(0,0,0,.6);
}
/* === Shadow box for product title + price on collection & featured grids === */

/* Catch both product-card types Startup uses */
.card__information,
.product-card__info,
.product-item__info {
  background: rgba(0,0,0,0.45);
  border-radius: 6px;
  padding: 0.8em 1em;
  color: #fff;
  text-shadow: 0 1px 3px rgba(0,0,0,.6);
  box-shadow: 0 0 12px rgba(0,0,0,.4);
  transition: transform .3s ease, box-shadow .3s ease;
}

/* Optional: subtle hover “lift” */
.card__information:hover,
.product-card__info:hover,
.product-item__info:hover {
  transform: translateY(-4px);
  box-shadow: 0 4px 20px rgba(0,0,0,.5);
}

/* Keep product titles readable */
.card__heading,
.product-card__title,
.product-item__title {
  font-weight: 700;
  color: #fff;
}

/* Keep prices bright & bold */
.price,
.price-item {
  color: #fff !important;
  font-weight: 600;
}
/* === Shadow Box around Product Titles + Prices === */

/* Wraps both title + price in a subtle dark overlay */
.product-list-item-title,
.product-list-item-price {
  display: inline-block;
  background: rgba(0,0,0,0.45);
  border-radius: 6px;
  padding: 0.4em 0.8em;
  color: #fff;
  text-shadow: 0 1px 3px rgba(0,0,0,0.6);
  box-shadow: 0 0 10px rgba(0,0,0,0.4);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

/* Add a subtle hover "lift" for interactivity */
.product-list-item-title:hover,
.product-list-item-price:hover {
  transform: translateY(-3px);
  box-shadow: 0 4px 15px rgba(0,0,0,0.5);
}

/* Make sure title and price text are crisp */
.product-list-item-title a,
.product-list-item-price .money {
  color: #fff !important;
  font-weight: 600;
  text-decoration: none;
}
/* === Shadow Box for Collection Descriptions (Category Pages) === */

/* Startup uses these wrappers on collection pages */
.collection-hero__description,
.collection-description,
.collection-header__description,
.collection-banner__description,
.template-collection .rte {
  background: rgba(0,0,0,0.45);
  color: #fff;
  padding: 1.2em 1.5em;
  border-radius: 8px;
  text-shadow: 0 1px 3px rgba(0,0,0,0.6);
  box-shadow: 0 0 15px rgba(0,0,0,0.4);
  max-width: 800px;
  margin: 1.5em auto;
  line-height: 1.6;
}

/* Make links readable if your collection text has any */
.collection-hero__description a,
.collection-description a,
.collection-header__description a {
  color: #fff !important;
  text-decoration: underline;
}
/* === Shadow Boxes for Collection Titles + Descriptions === */

/* Container for both title + description */
.collection-hero,
.collection-header,
.template-collection .page-width {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

/* --- Category Title --- */
.collection-hero__title,
.collection-header__title,
.page-title {
  background: rgba(0,0,0,0.45);
  color: #fff;
  font-size: 2.2rem;
  font-weight: 800;
  letter-spacing: 1px;
  text-transform: uppercase;
  padding: 0.6em 1em;
  margin-top: 1.5em;
  border-radius: 8px;
  text-shadow: 0 1px 3px rgba(0,0,0,0.6);
  box-shadow: 0 0 15px rgba(0,0,0,0.4);
  max-width: 700px;
  width: 90%;
}

/* --- Category Description --- */
.collection-hero__description,
.collection-description,
.collection-header__description,
.collection-banner__description,
.template-collection .rte {
  background: rgba(0,0,0,0.45);
  color: #fff;
  padding: 1.2em 1.5em;
  border-radius: 8px;
  text-shadow: 0 1px 3px rgba(0,0,0,0.6);
  box-shadow: 0 0 15px rgba(0,0,0,0.4);
  line-height: 1.6;
  margin: 1.2em auto 2em auto;
  max-width: 800px;
  width: 90%;
}

/* --- Links inside description --- */
.collection-hero__description a,
.collection-description a,
.collection-header__description a {
  color: #fff !important;
  text-decoration: underline;
}

/* --- Responsive behavior --- */
@media (max-width: 768px) {
  .collection-hero__title,
  .collection-hero__description {
    width: 95%;
    font-size: 1.6rem;
  }
  .collection-hero__description {
    padding: 1em;
  }
}
/* === Shadow Box for Product Descriptions (Product Pages) === */

.product__description,
.product-single__description,
.product__info-wrapper .rte,
.product-single__description.rte,
.product__info-container .rte,
.template-product .rte {
  background: rgba(0,0,0,0.45);
  color: #fff;
  padding: 1.5em;
  border-radius: 8px;
  box-shadow: 0 0 15px rgba(0,0,0,0.4);
  text-shadow: 0 1px 3px rgba(0,0,0,0.6);
  line-height: 1.7;
  max-width: 800px;
  margin: 1.5em auto;
}

/* Ensure all text and links inside are readable */
.product__description p,
.product__description li,
.product__description strong,
.product__description em,
.product__description a,
.product-single__description p,
.product-single__description a {
  color: #fff !important;
}

.product__description a:hover {
  color: #ff3b3b !important; /* subtle red hover accent */
  text-decoration: underline;
}

/* Optional hover “lift” effect */
.product__description:hover {
  transform: translateY(-3px);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  box-shadow: 0 4px 20px rgba(0,0,0,0.5);
}

/* Responsive tweak for mobile */
@media (max-width: 768px) {
  .product__description {
    padding: 1em;
    margin: 1em;
  }
}
/* === Shadow Box + Red Stamp Border for Product Titles === */
.product__title,
.product-single__title,
.product__info-container h1,
.product__info-wrapper h1 {
  background: rgba(0,0,0,0.45);
  color: #fff;
  padding: 0.6em 1em;
  border-radius: 8px;
  text-shadow: 0 1px 3px rgba(0,0,0,0.6);
  box-shadow: 0 0 15px rgba(0,0,0,0.4);
  display: inline-block;
  margin: 0 auto 1em auto;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 1px;
  max-width: 800px;
  width: 90%;
  border: 2px solid #ff3b3b; /* Thin red border */
  box-shadow:
    0 0 15px rgba(0,0,0,0.4),
    inset 0 0 8px rgba(255,59,59,0.5); /* faint inner glow */
  position: relative;
}

/* Slight stamp-like uneven edge simulation */
.product__title::before,
.product-single__title::before {
  content: "";
  position: absolute;
  top: 4px; left: 4px; right: 4px; bottom: 4px;
  border: 1px dashed rgba(255,59,59,0.4);
  border-radius: 6px;
  pointer-events: none;
}

/* Center and animate slightly on hover */
.product__title,
.product-single__title {
  text-align: center;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.product__title:hover,
.product-single__title:hover {
  transform: translateY(-3px);
  box-shadow:
    0 4px 20px rgba(0,0,0,0.5),
    inset 0 0 10px rgba(255,59,59,0.7);
}

/* Center the title on product pages */
.product__title,
.product-single__title {
  text-align: center;
}

/* === Shadow Box for Shop Pay / Installment Info === */
.shopify-payment-installments,
.shopify-payment-terms,
.shopify-payment-terms__container,
.shopify-payment-installments__learn-more,
.shopify-installments__message {
  background: rgba(0,0,0,0.45);
  color: #fff !important;
  padding: 1em 1.2em;
  border-radius: 8px;
  box-shadow: 0 0 12px rgba(0,0,0,0.4);
  margin: 1.2em 0;
  font-size: 0.95rem;
  line-height: 1.5;
  text-shadow: 0 1px 3px rgba(0,0,0,0.6);
  display: inline-block;
}

/* Ensure link text stays readable */
.shopify-payment-installments a,
.shopify-payment-terms a {
  color: #fff !important;
  text-decoration: underline;
}

/* Hover effect for interactivity */
.shopify-payment-installments:hover,
.shopify-payment-terms:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 20px rgba(0,0,0,0.5);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
/* === Typewriter Font for Product Titles === */
@import url('https://fonts.googleapis.com/css2?family=Special+Elite&display=swap');
/* “Special Elite” = rough, authentic typewriter look.  Other good options: “Courier Prime”, “Cutive Mono”. */

.product__title,
.product-single__title,
.product__info-container h1,
.product__info-wrapper h1 {
  font-family: 'Special Elite', 'Courier New', Courier, monospace !important;
  font-weight: 600;
  letter-spacing: 1px;
  text-transform: none; /* lets the irregular typewriter texture show */
}
.collection-hero__title,
.collection-header__title,
.page-title {
  font-family: 'Special Elite', 'Courier New', Courier, monospace !important;
  font-weight: 600;
  text-transform: none;
}
/* === Shadow Box for "You May Also Like" (Product Recommendations) === */

/* Container + heading styling */
.product-recommendations,
.related-products,
.shopify-section--related-products {
  background: rgba(0,0,0,0.45);
  border-radius: 8px;
  box-shadow: 0 0 15px rgba(0,0,0,0.4);
  padding: 1.5em;
  margin-top: 3em;
  text-align: center;
  color: #fff;
  text-shadow: 0 1px 3px rgba(0,0,0,0.6);
}

/* Heading text */
.product-recommendations__heading,
.related-products__title,
h2.product-recommendations__heading {
  color: #fff;
  font-family: 'Special Elite', 'Courier New', Courier, monospace;
  font-weight: 600;
  background: rgba(0,0,0,0.45);
  border-radius: 6px;
  padding: 0.5em 1em;
  display: inline-block;
  border: 2px solid #ff3b3b; /* Red stamp border */
  box-shadow:
    0 0 15px rgba(0,0,0,0.4),
    inset 0 0 8px rgba(255,59,59,0.5);
  margin-bottom: 1em;
  letter-spacing: 1px;
  text-transform: uppercase;
}

/* Optional hover animation */
.product-recommendations__heading:hover {
  transform: translateY(-3px);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  box-shadow:
    0 4px 20px rgba(0,0,0,0.5),
    inset 0 0 10px rgba(255,59,59,0.7);
}

/* Responsive: narrower box on mobile */
@media (max-width: 768px) {
  .product-recommendations,
  .related-products {
    padding: 1em;
    margin: 2em 1em;
  }
  .product-recommendations__heading {
    font-size: 1.2rem;
  }
}