/** Shopify CDN: Minification failed

Line 1051:0 Expected "}" to go with "{"

**/
/* =========================================================
   FONT IMPORTS
   - Inter from Google Fonts (Montserrat comes from theme)
   ========================================================= */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');


/* =========================================================
   GLOBAL TYPE / SMOOTHING
   ========================================================= */

/* Fix blocky text, improve smoothness */
html, body, * {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-smooth: always;
}


/* =========================================================
   HOMEPAGE SLIDESHOW (DESKTOP ONLY)
   ========================================================= */

@media screen and (min-width: 1024px) {
  .slideshow,
  .slideshow .slideshow__slide,
  .slideshow .slideshow__media {
    max-height: 420px !important;
    min-height: 420px !important;
    overflow: hidden !important;
  }

  .slideshow .slideshow__media img {
    height: 100% !important;
    width: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
  }

  .banner--small,
  .banner--adapt {
    max-height: 420px !important;
    min-height: 420px !important;
    overflow: hidden !important;
  }
}


/* =========================================================
   FEATURED COLLECTIONS – IMAGES & HOVER
   (top slider with square tiles)
   ========================================================= */

/* Mobile: shorten featured collection tiles */
@media screen and (max-width: 749px) {
  .collection-list .card__media,
  .collection-list .card__inner,
  .collection-list .media {
    max-height: 220px !important;
    overflow: hidden !important;
  }

  .collection-list .card__media img,
  .collection-list .media img {
    height: 100% !important;
    width: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
  }
}

/* Remove generic card styling for collection tiles (we restyle them below) */
.collection-list .card {
  background: transparent !important;
  box-shadow: none !important;
  border-radius: 10px !important;
}

/* Collection image as a clickable tile */
.collection-list .card__media img {
  border-radius: 10px !important;
  transition: transform 0.15s ease-out, box-shadow 0.15s ease-out;
}

/* Hover lift + glow on featured collections */
.collection-list .card:hover .card__media img {
  transform: translateY(-3px);
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.45);
}

/* Extra image hover polish for ALL cards (global) */
.card__media img {
  transition: transform 0.25s ease-out;
}

.card:hover .card__media img {
  transform: scale(1.03);
}

/* Subtle dark gradient overlay on collection tiles when hovered */
.collection-list .card__media::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.45));
  opacity: 0;
  transition: opacity 0.25s ease-out;
}

.collection-list .card:hover .card__media::after {
  opacity: 1;
}

/* Center the text under Featured Collections images */
.collection-list .card__heading,
.collection-list .card__heading a {
  text-align: center;
  display: block;
}

.collection-list .card-information {
  text-align: center;
}

/* Desktop: collection card title weight (helps readability) */
.collection-list .card__heading a {
  font-weight: 600 !important;
}


/* =========================================================
   PRODUCT GRID CARDS
   (Newest Items / Hot Picks grids)
   ========================================================= */

/* Premium look for all product cards */
.card {
  border-radius: 10px !important;
  overflow: hidden !important;
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.35);
  transition: transform 0.15s ease-out, box-shadow 0.15s ease-out;
}

/* Hover lift effect */
.card:hover {
  transform: translateY(-3px);
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.35);
}

/* Stack and align product card info (title / condition / price) */
.product-card-wrapper .card-information {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 1px; /* small, even gaps between lines */
}

/* Lock title height so long names don't push rows around */
.product-card-wrapper .card__heading {
  min-height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

/* Product titles (grid cards) */
.product-card-wrapper .card__heading,
.product-card-wrapper .card__heading a {
  font-size: 15px;
  font-weight: 600;
  line-height: 1.3;
  color: #ffffff;
}

/* Lock description line height (caption under the title, if used) */
.product-card-wrapper .card-information .caption-large {
  min-height: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Condition line style and spacing on cards */
.card__condition {
  font-size: 14px;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.85);
  margin: 0.1rem 0 0.15rem;
  line-height: 1.3;
  min-height: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Keep space uniform when there's no condition text */
.card__condition--empty {
  visibility: hidden;
}

/* Price line: lock height and center it */
.product-card-wrapper .card-information .price {
  min-height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Make grid prices pop a bit more */
.product-card-wrapper .price-item--regular,
.product-card-wrapper .price__regular .price-item {
  font-size: 18px;
  font-weight: 700;
  color: #ffffff;
}


/* =========================================================
   PRODUCT PAGE – CORE LAYOUT & MEDIA
   ========================================================= */

/* Product page main image styling */
.product__media .media {
  background: #111111;
  border-radius: 12px;
  padding: 10px;
}

.product__media .media img {
  border-radius: 8px;
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.5);
}

/* Product page title – consolidated rule
   (28px, line-height from original, slight tracking) */
.product__title h1,
.product__title h2 {
  font-size: 28px !important;
  line-height: 1.2 !important;
  font-weight: 700 !important;
  letter-spacing: 0.01em;
}

/* Main product price – consolidated rule */
.price--large {
  font-size: 2.3rem !important;
  font-weight: 800 !important;
  margin-bottom: 0.2rem !important;
}

/* Tighten overall vertical spacing in right column */
.product__info-container > * {
  margin-bottom: 0.5rem !important;
}

/* Pickup info spacing below “More payment options” */
.product__pickup {
  margin-bottom: 0.5rem !important;
}


/* =========================================================
   PRODUCT PAGE – PRICE / SHIPPING / TAX LINE
   ========================================================= */

/* Shipping / tax line under price – consolidated */
.product__tax {
  color: rgba(255, 255, 255, 0.8) !important;
  font-size: 13px;
  margin-top: 0px !important; /* pulled up under the price */
  opacity: 0.75 !important;
}

.product__info-container .product__tax {
  font-style: italic;
  opacity: 0.85;
}

/* Shipping link highlight */
.product__tax a {
  color: #33a252 !important;
  text-decoration: underline;
}

.product__tax a:hover {
  color: #2b8b46 !important;
}

/* Tighten spacing between price, badge, shipping line */
.product__info-wrapper {
  gap: 0px !important;
}


/* =========================================================
   PRODUCT PAGE – AUTHENTIC BADGE
   ========================================================= */

/* Badge row under the price */
.authentic-badge {
  display: flex;
  align-items: center;
  gap: 2px;
  margin: 4px 0 0px 0;
  background: #1a1a1a;
  padding: 4px 10px !important; /* top/bottom 6px, left/right 14px */
  border-radius: 6px !important; /* optional, but looks premium */
  width: fit-content;
}

/* Badge text */
.authentic-badge span {
  font-size: 15px;
  font-weight: 600;
  color: #fff;
}

/* Shield icon color */
.authentic-badge__icon {
  color: #33a252;
  margin-right: 6px;
  vertical-align: middle;
}

/* Extra safety: force the SVG stroke to green */
.authentic-badge__icon path {
  stroke: #33a252 !important;
}

/* =========================================================
   PRODUCT PAGE – ADD TO CART & PAYMENTS
   ========================================================= */

/* Core Add to Cart style – consolidated */
.product-form__buttons .product-form__submit,
.product-form .product-form__buttons button[type="submit"],
.product-form .product-form__buttons button[name="add"],
button.product-form__submit {
  background-color: #33a252 !important;
  border: none !important;
  border-radius: 12px !important;      /* match Shop Pay radius */
  box-shadow: none !important;
  font-weight: 600;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  color: #000000 !important;           /* black text */
}

/* Hover / focus state */
.product-form__buttons .product-form__submit:hover,
.product-form__buttons .product-form__submit:focus,
.product-form .product-form__buttons button[type="submit"]:hover,
.product-form .product-form__buttons button[name="add"]:hover {
  background-color: #2b8d45 !important;
}

/* Disabled Add to Cart (out of stock, etc.) */
.product-form__buttons .product-form__submit[disabled],
.product-form__buttons .product-form__submit[aria-disabled="true"],
.product-form .product-form__buttons button[type="submit"][disabled],
.product-form .product-form__buttons button[name="add"][disabled],
.product-form__submit[disabled] {
  background: #3a3aa3 !important;
  box-shadow: none !important;
  cursor: not-allowed;
}

/* Shop Pay button styling (Ride) */
.shopify-payment-button__button--branded,
.shopify-payment-button__button--unbranded {
  border-radius: 6px !important;
  padding: 1rem !important;
}

.shopify-payment-button__button--unbranded {
  background: #33a252 !important;
  color: white !important;
}

.shopify-payment-button__button--unbranded:hover {
  background: #2b8d45 !important;
}


/* =========================================================
   PRODUCT PAGE – VARIANT / CONDITION PILLS
   ========================================================= */

/* Condition / variant pill styling */
.product-form__input input[type="radio"] + label {
  background: #141414;
  border: 1px solid #333;
  border-radius: 999px;
  color: #f5f5f5;
  padding: 0.35rem 0.9rem;
  font-size: 13px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.15s ease-out;
}

/* Selected pill */
.product-form__input input[type="radio"]:checked + label {
  background: #33a252;
  border-color: #33a252;
  color: #fff;
  box-shadow: 0 0 0 1px rgba(51,162,82,0.35);
  transform: translateY(-1px);
}

/* Hover state */
.product-form__input input[type="radio"] + label:hover {
  border-color: #33a252;
}

/* Small spacing between pills */
.product-form__input input[type="radio"] + label:not(:last-child) {
  margin-right: 0.35rem;
}



/* =========================================================
   PRODUCT PAGE – ACCORDION (CARD CONDITION GUIDELINES)
   ========================================================= */

/* Accordion wrapper */
.product__accordion {
  border-radius: 8px;
  border: 1px solid rgba(255,255,255,0.12);
  background:rgb(76, 73, 73);
  margin-top: 14px;
  overflow: hidden;
}

/* Summary row (header) */
.product__accordion summary {
  padding: 0.9rem 1.2rem;
  cursor: pointer;
  list-style: none;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-weight: 600;
  color: #ffffff;
  text-transform: uppercase;
  letter-spacing: .04em;
  text-align: left !important;
  justify-content: flex-start !important;
}

/* Remove default marker */
.product__accordion summary::-webkit-details-marker {
  display: none;
}

/* Hover state for summary row */
.product__accordion summary:hover {
  background: #1c1c1c;
}

/* Accordion chevron icon */
.product__accordion .icon {
  width: 16px;
  height: 16px;
  transition: transform .15s ease-out;
}

/* Rotate icon when open */
.product__accordion[open] .icon {
  transform: rotate(180deg);
}

/* Content area inside accordion */
.product__accordion .accordion__content {
  padding: 1rem 1.2rem 1.2rem;
  font-size: 12px;
  color: rgba(255,255,255,0.85);
  line-height: 1.55;
}

/* Green glow when accordion is open */
.product__accordion[open] {
  border-color: #33a252;
  box-shadow: 0 0 0 1px rgba(51,162,82,.25);
}

/* Desktop: keep accordion content nicely centered */
@media screen and (min-width: 990px) {
  .product__accordion .accordion__content {
    margin-left: auto;
    margin-right: auto;
  }
}

/* Legacy selector, harmless if unused (kept for safety) */
.product_accordion {
  margin-top: 0.25rem !important;
}


/* =========================================================
   PRODUCT PAGE – SHARE BUTTON
   ========================================================= */

/* Share button line (icon + text) */
.product__info-container .share-button {
  display: inline-flex;
  align-items: center;
  gap: 2px;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}

/* Unicode link icon next to “Share this item” */
.share-icon {
  font-size: 18px;
  margin-right: 6px;
  display: inline-block;
  transform: translateY(1px);
}

/* Tighten top/bottom spacing for the share row */
.share-button {
  margin-top: 0.25rem !important;
  margin-bottom: 0.25rem !important;
}


/* =========================================================
   TYPOGRAPHY TWEAKS – MOBILE ONLY
   ========================================================= */

/* Mobile: shrink Featured Collections section heading */
@media (max-width: 768px) {
  .featured-collection__title,
  .collection-list__title,
  .collection-list-title {
    font-size: 22px !important;
  }
}

/* Mobile: shrink individual collection card titles */
@media (max-width: 768px) {
  .collection-list-card__title,
  .collection-card__title,
  .card__heading {
    font-size: 16px !important;
  }
}


/* =========================================================
   HOMEPAGE SECTION HEADINGS + SUBTEXT
   Featured Collections / Newest Items / Hot Picks
   ========================================================= */

/* Center all section titles in collection slider sections */
.section-collection-list .collection__title,
.section-collection-list .collection-list-title {
  text-align: center !important;
}

/* FEATURED COLLECTIONS heading (main slider title) */
.collection-list-title {
  display: block;
  font-size: 26px !important;      /* desktop size */
  font-weight: 700 !important;
  letter-spacing: 0.04em;
  margin: 0 auto 0.5rem auto;
}

/* NEWEST ITEMS + HOT PICKS headings (.collection__title .title on Ride) */
.collection__title.title-wrapper .title,
.collection__title.title-wrapper--no-top-margin .title,
.collection__title.title-wrapper--no-bottom-margin .title,
.title-wrapper-with-link .title {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  width: 100%;
  font-size: 26px !important;      /* desktop size */
  font-weight: 700 !important;
  letter-spacing: 0.04em;
}

/* Mobile tweaks for headings (Featured / Newest / Hot Picks) */
@media (max-width: 768px) {
  .collection-list-title {
    font-size: 22px !important;
  }

  .collection__title.title-wrapper .title,
  .collection__title.title-wrapper--no-top-margin .title,
  .collection__title.title-wrapper--no-bottom-margin .title,
  .title-wrapper-with-link .title {
    font-size: 22px !important;
  }
}


/* =========================================================
   QUICK-ADD BUTTON TEXT ON HOMEPAGE PRODUCT CARDS
   (Newest Items / Hot Picks / any card grid)
   ========================================================= */

.card--standard .button,
.card--media .button,
.collection-list .card .button,
.collection .card .button {
  font-size: 13px !important;
  font-weight: 600;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  color: #000000 !important;   /* black text on green button */
}


/* =========================================================
   COLLECTION NAMES UNDER FEATURED COLLECTIONS
   ========================================================= */

/* Desktop collection card titles */
.section-collection-list .card__heading,
.section-collection-list .card__heading a {
  font-size: 12px !important;    /* desktop size */
  font-weight: 600 !important;
  text-align: center !important;
}

/* Mobile: slightly larger for readability */
@media (max-width: 768px) {
  .section-collection-list .card__heading,
  .section-collection-list .card__heading a {
    font-size: 13px !important;
  }
}

/* Center the "Featured Collections" heading wrapper */
.section-collection-list .collection-list-title-wrapper {
  text-align: center !important;
}

.section-collection-list h2.collection-list-title {
  margin-left: auto !important;
  margin-right: auto !important;
}


/* =========================================================
   SECTION SUBTEXT
   (e.g. “Freshly added…”, “Our current top picks…”)
   ========================================================= */

.collection__description,
.collection__description *,
.title-wrapper-with-link + .section__text,
.title-wrapper-with-link + .section__text * {
  margin-top: 4px;
  text-align: center !important;
  font-size: 20px !important;   /* desktop subtext size */
  font-weight: 600 !important;
  line-height: 1.4;
  opacity: 0.9;
}


/* =========================================================
   PRODUCT CARDS – Subtle 3D lift + green border glow
   (Newest Items / Hot Picks / collection grids)
   ========================================================= */

@media (hover: hover) and (pointer: fine) {
  .product-card-wrapper .card {
    transition:
      transform 0.18s ease-out,
      box-shadow 0.18s ease-out,
      border-color 0.18s ease-out;
    border: 1px solid rgba(0, 0, 0, 0.35); /* base border */
  }

  .product-card-wrapper .card:hover {
    transform: translateY(-4px) scale(1.01);
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.55);
    border-color: rgba(51, 162, 82, 0.7); /* Level Up green glow */
  }
}


/* =========================================================
   GLOBAL FONT STACKS
   Montserrat = headings
   Inter = body / nav / buttons
   ========================================================= */

/* If your theme uses CSS variables for fonts, this updates them */
:root {
  --font-heading-family: "Montserrat", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-body-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

/* Body copy, descriptions, accordions, etc. */
body,
p,
li,
.rte,
.rte p,
.rte li,
.product__description,
.product__accordion .accordion__content,
.collection__description,
.section__text,
.section__text p {
  font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
}

/* All main headings – keep Montserrat */
h1, h2, h3, h4, h5, h6,
.heading,
.title,
.product__title,
.collection-list-title,
.collection__title .title,
.section-heading,
.featured-collection__title {
  font-family: "Montserrat", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  font-weight: 700;
}

/* Navigation menu – use Inter so it’s narrower and stays on one line */
.header__inline-menu a,
.header__menu-item,
.header__menu-item span,
.header__menu-item .link {
  font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  font-weight: 500;
  letter-spacing: 0.03em;
}


/* =========================================================
   PRODUCT PAGE – FINAL TYPOGRAPHY EXTRAS
   (badges, related products)
   ========================================================= */

/* Pills for badges on product page (e.g., “Guaranteed Authentic”) */
.product__info-container .badge,
.product__info-container .product__text {
  background:rgb(255, 255, 255);
  padding: 4px 10px;
  border-radius: 999px;
  font-size: 13px;
  font-weight: 600;
  display: inline-block;
}

/* Related products row */
.related-products {
  margin-top: 40px !important;
}

.related-products .card {
  transition: transform 0.15s ease-out, box-shadow 0.15s ease-out;
}

.related-products .card:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 18px rgba(0,0,0,0.35);
}
/* ==============================================
   MOBILE TWEAKS – HEADINGS, SUBTEXT, CARD TEXT
   ============================================== */
@media (max-width: 768px) {

  /* Section titles: Featured Collections / Newest Items / Hot Picks */
  .collection-list-title,
  .collection__title.title-wrapper .title,
  .collection__title.title-wrapper--no-top-margin .title,
  .collection__title.title-wrapper--no-bottom-margin .title,
  .title-wrapper-with-link .title {
    font-size: 20px !important;   /* was 22–26 */
  }

  /* Subtext under section titles
     (“Freshly added to the shop!”, “Our current top picks…”) */
  .collection__description,
  .collection__description *,
  .title-wrapper-with-link + .section__text,
  .title-wrapper-with-link + .section__text * {
    font-size: 14px !important;   /* was 20 */
    font-weight: 500 !important;
  }

  /* Card titles / condition lines a bit smaller */
  .product-card-wrapper .card__heading,
  .product-card-wrapper .card__heading a {
    font-size: 14px !important;
  }

  .card__condition {
    font-size: 13px !important;
  }

  /* Price slightly down so it doesn’t dominate */
  .product-card-wrapper .price-item--regular,
  .product-card-wrapper .price__regular .price-item {
    font-size: 16px !important;   /* was 18 */
  }

  /* Add to cart text slightly smaller on mobile */
  .card--standard .button,
  .card--media .button,
  .collection-list .card .button,
  .collection .card .button {
    font-size: 11px !important;
    padding: 0.55rem 0.75rem !important;
  }

  /* So cards don’t feel too “heavy” on a small screen */
  .product-card-wrapper .card {
    box-shadow: 0 4px 12px rgba(0,0,0,0.35);
    margin-bottom: 16px;
  }
}
/* Card grid - Add to cart micro animation */
.card--standard .button,
.card--media .button {
  transition: transform 0.12s ease-out, box-shadow 0.12s ease-out;
}

.card--standard .button:hover,
.card--media .button:hover {
  transform: translateY(-1px);
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.45);
}

.card--standard .button:active,
.card--media .button:active {
  transform: translateY(0);
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.35);
}
/* Keep header logo crisp but not huge */
.header__heading-logo-wrapper img {
  max-height: 55px;     /* adjust to taste */
  height: auto;
  width: auto;
}
/* === HERO SLIDESHOW – MAKE IMAGE FULLY CLICKABLE === */

/* 1) The dark overlay should NOT block clicks */
.banner__media::after {
  pointer-events: none !important;
  z-index: 1;                 /* keep it under the link */
}

/* 2) The clickable area (our <a>) should sit ABOVE the overlay */
.slide-click-area {
  position: absolute;
  inset: 0;
  display: block;
  position: relative;
  z-index: 10;
  pointer-events: auto;                 /* higher than ::after */
}
/* Hide slideshow CTA buttons (since the slide itself is clickable now) */
.slideshow .banner__buttons,
.slideshow .button {
  display: none !important;
}
/* === HERO SLIDESHOW – KEEP CLICKABLE SLIDES FULL-SIZE === */

/* Make sure the media container is the positioning context */
.slideshow__media,
.banner__media {
  position: relative;
}

/* The clickable link should fill the media area */
.slideshow__media .slide-click-area,
.banner__media .slide-click-area {
  display: block;
  width: 100%;
  height: 100%;
}

/* Images inside the clickable area should behave like the normal hero images */
.slideshow__media .slide-click-area img,
.banner__media .slide-click-area img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
/* Push text wrapper under link */
 .slideshow__text,
 .banner__content,
 .banner__box{
  position: relative;
  z-index: 1;
 }
 /* Remove extra gap under slideshow on mobile */
@media (max-width: 749px) {
  .slideshow,
  .slideshow-component,
  .banner,
  .banner--stacked:not(.banner--mobile-bottom) {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
  }

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

  /* Sometimes the gap comes from the section wrapper itself */
  .shopify-section:first-child {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
  }
}
.slideshow__text.banner__box {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 54.5rem;   /* 👈 this is the big gap */
}
@media screen and (max-width: 749px) {
  .banner--mobile-bottom .slideshow__text .banner__box {
    padding: 0 3.5rem;
  }
}
/* MOBILE: remove extra gap created by Ride's slideshow text box */
@media (max-width: 749px) {
  /* Kill the big min-height + padding on the mobile text box */
  .banner--mobile-bottom .slideshow__text.banner__box {
    min-height: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    border: none !important;
  }

  /* Also neutralize the parent .slideshow__text border spacing */
  .banner--mobile-bottom .slideshow__text {
    border: none !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
}
/* =========================================
   TRUST BAND – "Why shop Level Up Games?"
   Mobile polish
   ========================================= */

@media (max-width: 749px) {
  /* The whole white band */
  .rich-text {
    padding: 1.4rem 1.rem !important;   /* tighter top/bottom, comfy side padding */
    margin-top: 0.5rem !important;
    margin-bottom: 1.2rem !important;
  }

  /* Heading: "Why shop Level Up Games?" */
  .rich-text__heading,
  .rich-text__heading .h2,
  .rich-text__heading h2 {
    font-size: 20px !important;          /* smaller than desktop, still bold */
    line-height: 1.2 !important;
    margin-bottom: 0.4rem !important;
    text-align: center !important;
  }

  /* Subtext: “Fast shipping • 100% authentic cards …” */
  .rich-text__text,
  .rich-text__text p {
    font-size: 15px !important;
    line-height: 1.45 !important;
    max-width: 30rem;                    /* keeps the line length readable */
    margin-left: auto;
    margin-right: auto;
    text-align: center !important;
  }
}
/* Tighter spacing in the Rich Text 'Why shop Level Up Games?' section */
.rich-text__wrapper {
  gap: 0.25rem !important; /* default has a much larger gap */
}
.rich-text__heading {
  margin-bottom: 4px !important;
}
.rich-text__text,
.rich-text__text p {
  margin-top: 0 !important;
  line-height: 1.3 !important;

.featured-divider {
  width: 100%;
  height: 3px;
  border-radius: 3px;
  margin: 36px 0 28px 0;
  background: linear-gradient(to right, #33a252, #2b8b46);
  opacity: 0.9;
}

.follow-facebook {
  text-align: center;
  padding: 32px 16px;
}

.follow-facebook__heading {
  font-size: 1.6rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  margin-bottom: 8px;
}

.follow-facebook__text {
  max-width: 520px;
  margin: 0 auto 16px auto;
  opacity: 0.9;
}

/* Make the Facebook button pop a bit more */
.follow-facebook .button--primary,
.follow-facebook .button {
  background-color: #4267B2;
  border-color: #4267B2;
}

.follow-facebook .button--primary:hover,
.follow-facebook .button:hover {
  background-color: #365899;
  border-color: #365899;
}