/** Shopify CDN: Minification failed

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

**/
.product__media-list .product__media-item:last-child:has(.product__modal-opener--video),
.product__media-list .product__media-item:last-child:has(deferred-media) {
  height: 500px;
}      
      .rich-text__blocks {
            max-width: 90vw!important;
      }
      .rich-text__blocks .rich-text__heading{
            width: 30vw ;
      }
      .rich-text__blocks .rich-text__text{
            max-width: 60vw;
      }
.article-template__content-rte img {
  margin: 0 !important;
  width: 100% !important;
}
body, section{
  background: #000!important;
}
[data-scheme=dark] .color-background-1{
    background: #000!important;
}
h1, h2, h3, h4, h5, h6{
text-transform: uppercase!important;
}

@media screen and (min-width: 990px) {
    .slideshow__info {
        max-width: 49rem!important;
      }}
@media (max-width: 768px) {
  .rich-text__blocks {
    flex-direction: column !important;
    row-gap: 20px !important;
    font-size: 16px !important;
    padding: 15px;
  }

  .story-cont {
    flex-direction: column !important;
    row-gap: 25px;
  }

  .story-grid {
    flex-direction: column!important;
    row-gap: 15px;
  }

  .story-grid-h {
    width: 100% !important;
    font-size: 16px;
  }

  .story-grid-p {
    width: 100% !important;
    font-size: 14px;
    line-height: 1.5;
  }

  .story-cont img {
    width: 45px;
  }

  .img-res {
    width: 100% !important;
    height: auto !important;
  }
  .rich-text__blocks .rich-text__heading{
            width: 100%;
      }
            .rich-text__blocks .rich-text__text{
            max-width: 100%;
      }
}

@media screen and (min-width: 750px) {
 .main-blog__articles.container::before   {
         margin-bottom: 4.8rem;
    }
}
.main-blog__articles.container::before { 
   margin-bottom: 6.4rem;
}
.template-blog .main-blog__articles.container::before {
  content: "From passion to purpose, these stories light the way for the next generation of game-changers.";
  display: block;
  font-size: 26px;
  font-weight: 700;
  line-height: 29.05px;
  text-align: center;

}
.template-blog-events .main-blog__articles.container::before {
content: "Join the global Enda community for a journey of movement, passion, and purpose. From marathons to virtual\A runs, we’ve got an event for every runner, everywhere. Find your race, step up, and let’s run together.";
white-space: pre-line;

  display: block;
  font-size: 26px;
  font-weight: 700;
  line-height: 29.05px;
  text-align: center;

}
@media (max-width: 767px) {
  .article-template__title {
    font-size: 30px;
  }

 #shopify-section-template--19968652345565__rich_text_ERAJQt .rich-text__blocks {
    flex-direction: column !important;
  }
}
@media (max-width: 767px) {
  #shopify-section-template--20064470565085__multicolumn_aai8hi {
    padding-bottom: 0px!important;
  }
}
.multicolumn-card:hover .multicolumn-card__info {
    opacity: 1!important;
}


/* --- Mobile-only slider for multicolumn list (pure CSS) --- */
@media (max-width: 749px) {
  .multicolumn-list.multicolumn-list--img-bottom.swiper {
    overflow: hidden; /* contain the scroller */
  }

  .multicolumn-list__wrapper {
    display: flex !important;               /* switch from grid to flex on mobile */
    overflow-x: auto;                        /* horizontal scroll */
    scroll-snap-type: x mandatory;           /* snap to cards */
    -webkit-overflow-scrolling: touch;       /* smooth momentum on iOS */
    gap: 12px!important;                               /* space between slides */
    padding: 0 16px 8px;                     /* breathing room + peek of next slide */
    scrollbar-width: none;                   /* hide scrollbar (Firefox) */
    scroll-padding-left: 16px;               /* snap aligns nicely with padding */
    mask-image: linear-gradient(to right, transparent 0, black 16px, black calc(100% - 16px), transparent 100%);
  }
  .multicolumn-list__wrapper::-webkit-scrollbar { display: none; } /* hide scrollbar (WebKit) */

  .multicolumn-list__item {
    flex: 0 0 85%;                           /* slide width (tweak: 75–95%) */
    scroll-snap-align: start;                /* snap each card to the left edge */
    scroll-snap-stop: always;                /* reduce accidental multi-slide skips */
    border-radius: 12px;
    overflow: hidden;                        /* keep images clipped to rounded corners */
  }

  /* Make images fill their cards neatly */
  .multicolumn-card__image-wrapper,
  .multicolumn-card__image-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
  }

  /* Tighten text spacing for smaller screens */
  .multicolumn-card__info { padding: 12px 12px 16px; }
  .multicolumn-card__heading.h1 { font-size: 1.25rem; line-height: 1.2; margin: 4px 0 6px; }
  .multicolumn-card__description p { margin: 0; font-size: 0.95rem; }

  /* Ensure the invisible overlay link still fills the slide */
  .multicolumn__link-overlay {
    position: absolute; inset: 0; opacity: 0;
  }
}

/* --- Keep desktop/tablet as-is (3-up grid, etc.) --- */
@media (min-width: 750px) {
  .multicolumn-list__wrapper {
    display: grid; /* or whatever your theme sets by default */
  }
}


/* --- Ambasador Page CSS --- */
/* Athlete Details Panel — minimal, accessible, and responsive */
.athlete-card{
  --text: #fff;
  --muted: #c9c9c9;
  --rule: rgba(255,255,255,.16);
  --padY: 1.1rem;
  --colGap: 2rem;

  color: var(--text);
  max-width: 920px;
  margin: 0 auto;
padding-top:40px;
}

.athlete-row{
  display: grid;
  grid-template-columns: 220px 1fr;
  align-items: center;
  gap: var(--colGap);
  padding: var(--padY) 0;
  border-bottom: 1px solid var(--rule);
}

.athlete-row:first-child{ border-top: 1px solid var(--rule); }

.athlete-label{
  font-size: 16px;
  font-weight: 600;
  margin: 0;
  letter-spacing: .02em;
  color: var(--muted);
}

.athlete-value{
  font-size: 16px;
  margin: 0;
  line-height: 1.4;
}

.athlete-social{
  align-items: start;
}

.social-list{
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
}

.social{
  display: inline-grid;
  place-items: center;
  width: 44px;
  height: 44px;
 
  border-radius: 6px;
  transition: transform .15s ease, background-color .15s ease, border-color .15s ease;
  outline: none;
}

.social svg{
  width: 22px;
  height: 22px;
  fill: var(--text);
}

.social:hover,
.social:focus-visible{
  transform: translateY(-1px);
  background: rgba(255,255,255,.06);
  border-color: rgba(255,255,255,.28);
}

/* Mobile stacking */
@media (max-width: 640px){
  .athlete-row{
    grid-template-columns: 1fr;
    gap: .4rem;
  }
  .athlete-label{
    order: -1;         /* keep label above value */
    
  }
  .athlete-value{
    font-size: 1.1rem;
  }
  .image-with-text__grid--heading-center{
    gap: 0.5rem;
  }
}

/* Respect reduced motion */
@media (prefers-reduced-motion: reduce){
  .social{ transition: none; }
}



/* Enda Program Page CSS */
.ambassadors-slider {
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  display: flex;
}

.slider-track {
  display: flex;
  gap: 20px;
  padding: 20px;
}

.ambassador-card {
  flex: 0 0 calc(33.333% - 20px);
  background: #000;
  color: #fff;
  border-radius: 12px;
  overflow: hidden;
  position: relative;
  scroll-snap-align: start;
  display: flex;
  flex-direction: column;
    text-decoration: none !important;
}

.img-box {
  position: relative;
  overflow: hidden;
  height: 450px;
}

.img-box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.hover-desc {
  position: absolute;
  bottom: -100%;
  left: 0;
  width: 100%;
  background: rgba(0,0,0,0.8);
  padding: 15px;
  transition: bottom 0.4s ease;
}

.img-box:hover .hover-desc {
  bottom: 0;
}

.info {
  padding: 0px;
}

.info h3 {
  margin: 0;
  font-size: 18px;
  font-weight: bold;
}

.tags {
  margin-top: 0px;
display: flex;
flex-wrap: wrap;
gap: 6px
}

.tags span {
  background: #333;
  padding: 4px 8px;
  margin-right: 6px;
  font-size: 14px;
  border-radius: 4px;
  text-decoration: none!important;
}

/* Responsive */
@media (max-width: 992px) {
  .ambassador-card {
    flex: 0 0 calc(50% - 20px);
  }
}

@media (max-width: 600px) {
  .ambassador-card {
    flex: 0 0 100%;
  }
}
@media (max-width: 600px) {
  .slider-track {
    padding: 15px;
    gap: 15px;
  }

  .ambassador-card {
    flex: 0 0 85%; 
    scroll-snap-align: start;
  }

  .img-box {
    height: 350px;
  }

  .hover-desc {
    position: relative;
    bottom: 0;
    background: rgba(0,0,0,0.8);
  }
}
@media (max-width: 600px) {
  .slider-track {
    padding: 15px;
    gap: 15px;
  }

  .ambassador-card {
    flex: 0 0 60vw; 
    scroll-snap-align: start;
  }

  .img-box {
    height: 300px;
  }

  .img-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
  }

  .hover-desc {
    position: relative;
    bottom: 0;
    background: rgba(0,0,0,0.8);
    padding: 10px;
    transition: none;
    display: block;
  }

  .img-box:hover .hover-desc {
    bottom: 0;
  }
}




/* ===== Products Grid: Desktop/Tablet (keep grid) ===== */
#products-grid.products-grid-section__wrapper {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px;
  align-items: stretch;
}

#products-grid.products-grid-section__wrapper > li.collection-product-card {
  list-style: none;
  margin: 0;
}

/* Card basics */
#products-grid .card-wrapper {
  height: 100%;
  display: block;
  border-radius: 12px;
  overflow: hidden;
}

/* ===== Mobile: turn list into horizontal slider (pure CSS) ===== */
@media (max-width: 749px) {
  #products-grid.products-grid-section__wrapper {
    display: flex !important;                 /* override any grid */
    overflow-x: auto !important;              /* horizontal scroll */
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    scroll-snap-type: x mandatory;            /* snap to each card */
    gap: 12px !important;
    padding: 0 16px 12px;                     /* spacing + peek */
    scroll-padding-left: 16px;
    scrollbar-width: none;                    /* Firefox: hide scrollbar */
    overscroll-behavior-x: contain;
    touch-action: pan-x;                      /* smoother touch */
    mask-image: linear-gradient(to right, transparent 0, black 16px, black calc(100% - 16px), transparent 100%);
  }
  #products-grid.products-grid-section__wrapper::-webkit-scrollbar { display: none; } /* WebKit: hide scrollbar */

  /* Each product card as a slide */
  #products-grid.products-grid-section__wrapper > li.collection-product-card {
    flex: 0 0 82% !important;                 /* visible width of each slide (tweak 70–90%) */
    min-width: 82% !important;
    max-width: 82% !important;
    scroll-snap-align: start;
    scroll-snap-stop: always;
    margin: 0;
  }

  /* Ensure inner media respects the slide edges */
  #products-grid .media { border-radius: 12px; overflow: hidden; }

  /* Optional: reduce card text padding for mobile density */
  #products-grid .card-information__wrapper { padding-top: 8px; }

  /* Hide Swiper UI controls inside each product on mobile (we're scrolling the cards, not the inner gallery) */
  #products-grid .product-button-group,
  #products-grid .product-pagination { display: none !important; }

  /* Keep the image swiper itself intact so first image shows; no navigation needed here */
}

/* ===== Tablet 2-up safety (optional; remove if your theme already does this) ===== */
@media (min-width: 750px) and (max-width: 1099px) {
  #products-grid.products-grid-section__wrapper {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
  }
}
@media (min-width: 1200px) {
  .header__submenu {
    padding-left: 789px !important;
  }
}

.search__promo-block{
  display: none!important;
}
.img-res {
  max-width: 100%;
  height: auto;
  display: block;
}
.desktop-only {
  display: block;
}

.mobile-only {
  display: none;
}

@media (max-width: 767px) {
  .desktop-only {
    display: none;
  }
  .mobile-only {
    display: block;
  }
}
.cart-block {
  display: none!important;
}


/* POPUP CSS START HOME */

.custom-popup {
  display: none;
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.9);
  z-index: 9999;
  justify-content: center;
  align-items: center;
  padding: 20px;
}

.custom-popup.active {
  display: flex;
}

.popup-content {
  position: relative;
  max-width: 800px;
  width: 100%;
  text-align: center;
  color: #fff;
  background: rgba(0,0,0,0.9);
}

.close-btn {
  position: absolute;
  top: 20px;
  right: 20px;
  background: transparent;
  border: none;
  font-size: 28px;
  color: #fff;
  cursor: pointer;
}

.popup-heading {
  font-weight: 700;
  font-size: 28px;
  margin-bottom: 10px;
}

.popup-text {
  font-weight: 400;
  font-size: 16px;
  margin-bottom: 25px;
}

.popup-cards {
  display: flex;
  gap: 20px;
  justify-content: center;
}

.popup-cards a {
  position: relative;
  background: #111;
  display: block;
  flex: 1;
  max-width: 45%;
  text-decoration: none;
}

.popup-cards img {
  width: 100%;
  display: block;
}


/* POPUP CSS ENDS HOME */

.price__compare{
  text-decoration: line-through;
}
.inner-slider-custom .img-box img {
    object-fit: contain!important;
        background: #161616!important;
}


h2 .uniqdate::before {
  content: "";
  background-image: url("https://cdn.shopify.com/s/files/1/1404/5973/files/calendar-03.svg?v=1763105269");
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  width: 40px;
  height: 40px;
  margin-right: 6px;
  margin-bottom: -6px;
}

h2 .uniqtime::before {
  content: "";
  background-image: url("https://cdn.shopify.com/s/files/1/1404/5973/files/clock-01.svg?v=1763105566");
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  width: 40px;
  height: 40px;
  margin-right: 6px;
  margin-bottom: -6px;
}
h2 .uniqlocation::before {
  content: "";
  background-image: url("https://cdn.shopify.com/s/files/1/1404/5973/files/location-01.svg?v=1763105568");
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  width: 40px;
  height: 40px;
  margin-right: 6px;
  margin-bottom: -6px;
}


/* Container alignment */
.blog-filters {
  display: flex;
  gap: 2rem;
  justify-content: center;
  align-items: center;
  padding-top: 5rem;
}

/* Base select styling */
.blog-filters select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;

  background: transparent;
  border: 1px solid #fff;
  padding: 14px 50px 14px 18px;
  font-size: 18px;
  color: #fff;

  border-radius: 4px;
  cursor: pointer;
  position: relative;
  min-width: 240px;

  font-family: inherit;
}

/* Dark background when dropdown is opened */
.blog-filters select:focus,
.blog-filters select:active {
  background-color: #111; /* or #000 or #1a1a1a */
  color: #fff;
  outline: none;
}

/* Options inside dropdown */
.blog-filters select option {
  background-color: #111; /* fixes white dropdown problem */
  color: #fff;
}

/* Arrow icon */
.blog-filters select {
  background-image: url("data:image/svg+xml;utf8,<svg width='20' height='20' viewBox='0 0 24 24' fill='white' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5H7z'/></svg>");
  background-repeat: no-repeat;
  background-position: right 18px center;
  background-size: 18px;
}

/* Remove default arrow */
.blog-filters select::-ms-expand {
  display: none;
}

/* Hover effect */
.blog-filters select:hover {
  border-color: #e0e0e0;
}

/* Responsive */
@media (max-width: 768px) {
  .blog-filters {
    flex-direction: column;
    gap: 1rem;
  }

  .blog-filters select {
    min-width: 100%;
  }
}

/* Apply only in article template */
body.template-article .image-banner__text h1,
body.template-article .image-banner__text h2,
body.template-article .image-banner__text h3,
body.template-article .image-banner__text h4,
body.template-article .image-banner__text h5,
body.template-article .image-banner__text h6 {
    font-weight: 700 !important;
    margin-top: 40px !important;
    margin-bottom: 20px !important;
    line-height: 1.2 !important;
}

body.template-article .image-banner__text h1 { font-size: 52px !important; }
body.template-article .image-banner__text h2 { font-size: 42px !important; }
body.template-article .image-banner__text h3 { font-size: 32px !important; }
body.template-article .image-banner__text h4 { font-size: 26px !important; }
body.template-article .image-banner__text h5 { font-size: 22px !important; }
body.template-article .image-banner__text h6 { font-size: 18px !important; }

body.template-article .image-banner__text p,
body.template-article .image-banner__text li {
    font-size: 18px !important;
    line-height: 1.6 !important;
    font-weight: 400 !important;
    margin-bottom: 16px !important;
}

body.template-article .image-banner__text ul { margin: 20px 0 !important; }


/* Tablet */
@media (max-width: 991px) {
    body.template-article .image-banner__text h1 { font-size: 44px !important; }
    body.template-article .image-banner__text h2 { font-size: 36px !important; }
    body.template-article .image-banner__text h3 { font-size: 28px !important; }
    body.template-article .image-banner__text h4 { font-size: 24px !important; }
    body.template-article .image-banner__text h5 { font-size: 20px !important; }
    body.template-article .image-banner__text h6 { font-size: 18px !important; }

    body.template-article .image-banner__text h1,
    body.template-article .image-banner__text h2,
    body.template-article .image-banner__text h3,
    body.template-article .image-banner__text h4,
    body.template-article .image-banner__text h5,
    body.template-article .image-banner__text h6 {
        margin-top: 32px !important;
        margin-bottom: 18px !important;
    }

    body.template-article .image-banner__text p,
    body.template-article .image-banner__text li {
        font-size: 17px !important;
    }
}


/* Mobile */
@media (max-width: 576px) {
    body.template-article .image-banner__text h1 { font-size: 36px !important; }
    body.template-article .image-banner__text h2 { font-size: 30px !important; }
    body.template-article .image-banner__text h3 { font-size: 24px !important; }
    body.template-article .image-banner__text h4 { font-size: 20px !important; }
    body.template-article .image-banner__text h5 { font-size: 18px !important; }
    body.template-article .image-banner__text h6 { font-size: 16px !important; }

    body.template-article .image-banner__text h1,
    body.template-article .image-banner__text h2,
    body.template-article .image-banner__text h3,
    body.template-article .image-banner__text h4,
    body.template-article .image-banner__text h5,
    body.template-article .image-banner__text h6 {
        margin-top: 28px !important;
        margin-bottom: 16px !important;
    }

    body.template-article .image-banner__text p,
    body.template-article .image-banner__text li {
        font-size: 16px !important;
        margin-bottom: 14px !important;
    }
}
/* Disable global typography only inside blog content */
body.template-article .image-banner__text p,
body.template-article .image-banner__text span,
body.template-article .image-banner__text div,
body.template-article .image-banner__text ul,
body.template-article .image-banner__text ol,
body.template-article .image-banner__text li,
body.template-article .image-banner__text a,
body.template-article .image-banner__text button,
body.template-article .image-banner__text input,
body.template-article .image-banner__text select,
body.template-article .image-banner__text option,
body.template-article .image-banner__text label,
body.template-article .image-banner__text legend,
body.template-article .image-banner__text textarea,
body.template-article .image-banner__text small {
  font-family: inherit !important;
  font-weight: inherit !important;
  font-size: inherit !important;
  font-style: inherit !important;
}

body.template-article .image-banner__text b {
  font-weight: inherit !important;
}

/* Mobile reset */
@media (max-width: 767px) {
  body.template-article .image-banner__text p,
  body.template-article .image-banner__text span,
  body.template-article .image-banner__text div,
  body.template-article .image-banner__text ul,
  body.template-article .image-banner__text ol,
  body.template-article .image-banner__text li,
  body.template-article .image-banner__text a,
  body.template-article .image-banner__text button,
  body.template-article .image-banner__text input,
  body.template-article .image-banner__text select,
  body.template-article .image-banner__text option,
  body.template-article .image-banner__text label,
  body.template-article .image-banner__text legend,
  body.template-article .image-banner__text textarea,
  body.template-article .image-banner__text small {
    font-size: inherit !important;
  }
}



.template-article-events-inner .image-banner__text img{
  max-width: 100%;
  height: auto; 
  display: block;
}


/* Blog Designing */

.template-blog .image-banner__wrapper {
  align-items: center;
  max-width: 100%;
}

.template-blog .banner__media::before {
  padding-bottom: 0px !important;
}

.template-blog .media {
  background: transparent;
}

.template-blog .media img {
  width: 600px !important;
  object-fit: contain !important;
  margin: auto !important;
  right: 0;
  top: -20px !important;
}

.template-blog .image-banner__text {
  max-width: 725px;
}

@media (max-width: 768px) {
  .template-blog .image-banner__heading {
    font-size: 26px;
  }
}

.template-blog .image-banner__information {
  text-align: left !important;
}

.template-blog .container-banner-wrapper {
  text-align: -webkit-center !important;
}


/* Apply only in article template */
body.template-blog .image-banner__text h1 span,
body.template-blog .image-banner__text h2 span,
body.template-blog .image-banner__text h3 span,
body.template-blog .image-banner__text h4 span,
body.template-blog .image-banner__text h5 span,
body.template-blog .image-banner__text h6 span {
    font-weight: 700 !important;
    margin-top: 40px !important;
    margin-bottom: 20px !important;
    line-height: 1.2 !important;
}

body.template-blog .image-banner__text h1 span { font-size: 52px !important; }
body.template-blog .image-banner__text h2 span { font-size: 42px !important; }
body.template-blog .image-banner__text h3 span { font-size: 32px !important; }
body.template-blog .image-banner__text h4 span { font-size: 26px !important; }
body.template-blog .image-banner__text h5 span { font-size: 22px !important; }
body.template-blog .image-banner__text h6 span { font-size: 18px !important; }

body.template-blog .image-banner__text p,
body.template-blog .image-banner__text li {
    font-size: 18px !important;
    line-height: 1.6 !important;
    font-weight: 400 !important;
    margin-bottom: 16px !important;
}

body.template-blog .image-banner__text ul { margin: 20px 0 !important; }


/* Tablet */
@media (max-width: 991px) {
    body.template-blog .image-banner__text h1 span { font-size: 44px !important; }
    body.template-blog .image-banner__text h2 span { font-size: 36px !important; }
    body.template-blog .image-banner__text h3 span { font-size: 28px !important; }
    body.template-blog .image-banner__text h4 span { font-size: 24px !important; }
    body.template-blog .image-banner__text h5 span { font-size: 20px !important; }
    body.template-blog .image-banner__text h6 span { font-size: 18px !important; }

    body.template-blog .image-banner__text h1 span,
    body.template-blog .image-banner__text h2 span,
    body.template-blog .image-banner__text h3 span,
    body.template-blog .image-banner__text h4 span,
    body.template-blog .image-banner__text h5 span,
    body.template-blog .image-banner__text h6 span {
        margin-top: 32px !important;
        margin-bottom: 18px !important;
    }

    body.template-blog .image-banner__text p,
    body.template-blog .image-banner__text li {
        font-size: 17px !important;
    }
}


/* Mobile */
@media (max-width: 576px) {
    body.template-blog .image-banner__text h1 span { font-size: 36px !important; }
    body.template-blog .image-banner__text h2 span { font-size: 30px !important; }
    body.template-blog .image-banner__text h3 span { font-size: 24px !important; }
    body.template-blog .image-banner__text h4 span { font-size: 20px !important; }
    body.template-blog .image-banner__text h5 span { font-size: 18px !important; }
    body.template-blog .image-banner__text h6 span { font-size: 16px !important; }

    body.template-blog .image-banner__text h1 span,
    body.template-blog .image-banner__text h2 span,
    body.template-blog .image-banner__text h3 span,
    body.template-blog .image-banner__text h4 span,
    body.template-blog .image-banner__text h5 span,
    body.template-blog .image-banner__text h6 span {
        margin-top: 28px !important;
        margin-bottom: 16px !important;
    }

    body.template-blog .image-banner__text p,
    body.template-blog .image-banner__text li {
        font-size: 16px !important;
        margin-bottom: 14px !important;
    }
}

.quick-add-modal #openPopup5{
  display: none;
}
.quick-add-modal .size-guide-btn{
 display: none;
}

/* Import the requested font */
@import url('https://fonts.googleapis.com/css2?family=Play:wght@400;700&display=swap');

/* 1. Global Font and Outer Background */
[data-form-root="true"], 
[data-form-root="true"] * {
    font-family: "Play", sans-serif !important;
    box-sizing: border-box !important;
}

[data-form-root="true"] {
    background-color: #0a0a0a !important; /* Outer dark background */
    padding: 40px 20px !important;
    display: flex !important;
    justify-content: center !important;
}

/* 2. Main Form Container Box */
[data-form-root="true"] [data-sizing="form-wrapper"] {
    background-color: #1a1a1a !important; /* Lighter dark box */
    padding: 40px !important;
    border-radius: 0px !important;
    max-width: 500px !important;
    width: 100% !important;
    box-shadow: none !important;
}

/* 3. Heading */
[data-form-root="true"] h2, 
[data-form-root="true"] [class*="_textHeading"] {
    color: #ffffff !important;
    text-transform: uppercase !important;
    font-weight: 700 !important;
    font-size: 24px !important;
    text-align: left !important;
    margin-bottom: 30px !important;
    margin-top: 0 !important;
}

/* Hide paragraph texts not in your screenshot */
[data-form-root="true"] p, 
[data-form-root="true"] [class*="_formDisclaimer"] {
    display: none !important;
}

/* Show specific dropdown labels that might be p tags */
[data-form-root="true"] p[class*="_label"] {
    display: block !important;
}

/* 4. Labels */
[data-form-root="true"] label, 
[data-form-root="true"] [class*="_label"] {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    transform: none !important;
    color: #a0a0a0 !important;
    font-size: 15px !important;
    margin-bottom: 10px !important;
    display: block !important;
    text-align: left !important;
}

/* Add missing asterisks to match screenshot */
[data-form-root="true"] label::after, 
[data-form-root="true"] [class*="_label"]::after {
    content: "*";
    color: #a0a0a0;
}

/* 5. Inputs & Dropdowns */
[data-form-root="true"] input, 
[data-form-root="true"] select, 
[data-form-root="true"] button[class*="_selectToggle"] {
    background-color: #000000 !important;
    border: none !important;
    border-radius: 0px !important;
    color: #ffffff !important;
    padding: 16px !important;
    width: 100% !important;
    font-size: 14px !important;
    height: auto !important;
    outline: none !important;
}

/* Fix spacing for form field wrappers */
[data-form-root="true"] [class*="_formFieldContainer"],
[data-form-root="true"] [class*="_selectContainer"] {
    margin-bottom: 25px !important;
    display: flex !important;
    flex-direction: column !important;
}

/* Input Placeholders */
[data-form-root="true"] input::placeholder {
    color: #3a3a3a !important;
    opacity: 1 !important;
}

/* Dropdown Arrow Color */
[data-form-root="true"] [class*="_arrowDownIcon"] svg path {
    fill: #ffffff !important;
}

/* 6. Phone Input Layout Fix */
[data-form-root="true"] [class*="_formPhoneInputContainer"] {
    display: flex !important;
    flex-wrap: wrap !important;
    margin-bottom: 25px !important;
}
[data-form-root="true"] [class*="_formPhoneInputContainer"] > label {
    width: 100% !important;
    order: -1 !important; /* Force label to top */
}
[data-form-root="true"] .phone-country-selector {
    width: 25% !important;
    margin-right: 5% !important;
}
[data-form-root="true"] [class*="_formPhoneInputContainer"] [class*="_formFieldContainer"] {
    width: 70% !important;
    margin-bottom: 0 !important;
}

/* 7. Submit Button */
[data-form-root="true"] button[type="submit"] {
    background-color: #ffffff !important;
    color: #000000 !important;
    text-transform: uppercase !important;
    font-weight: 700 !important;
    padding: 18px !important;
    width: 100% !important;
    border: none !important;
    border-radius: 0px !important;
    margin-top: 10px !important;
    cursor: pointer !important;
    font-size: 15px !important;
    letter-spacing: 0.5px !important;
}

[data-form-root="true"] button[type="submit"]:hover {
    background-color: #e0e0e0 !important;
}

.wizard__content,
.wizard__content .label-content,
.wizard__content input,
.wizard__content textarea,
.wizard__content .gfb__content-title,
.wizard__content .content p,
.wizard__content .globo-description,
.wizard__content .messages, .globo-heading, .iti__selected-dial-code {
    color: #ffffff !important;
}
 .gfb__label__filled+.globo-form-input select{
 color: #ffffff !important;
 }

.wizard__content input::placeholder,
.wizard__content textarea::placeholder {
    color: rgba(255, 255, 255, 0.7) !important;
}

.wizard__content svg path,
.wizard__content svg circle {
    stroke: #ffffff!important;
}

.wizard__content .gfb__outline-panel-inactive,
.wizard__content .gfb__outline-start,
.wizard__content .gfb__outline-end {
    border-color: rgba(255, 255, 255, 0.5) !important;
}
.globo-formbuilder-wizard {
  background-color: #141414!important;
  padding: 30px!important;
}
.globo-form-input{
  background-color: #000000!important;
}
.globo-formbuilder .globo-form-control input:-webkit-autofill, .globo-formbuilder .globo-form-control select:-webkit-autofill {
    -webkit-text-fill-color: #fff !important;
  }
    .globo-form-app .message.success {
    background: #1c1c1c!important;
  }

  /* ============================================================================
   CUSTOM CSS FOR SHOE MULTICOLUMN SLIDER
   Section ID: template--26146514960418__multicolumn_W3iC76
============================================================================ */

.section-template--26146514960418__multicolumn_W3iC76-padding h3 {
  font-size: 20px;
}

@media (max-width: 767px) {
  .section-template--26146514960418__multicolumn_W3iC76-padding {
    display: none !important;
  }
}

@media (min-width: 768px) {
  .section-template--26146514960418__multicolumn_W3iC76-padding .multicolumn-slider .multicolumn-list__wrapper {
    gap: 60px;
  }
  .section-template--26146514960418__multicolumn_W3iC76-padding .multicolumn-card__info {
    margin-top: -60px;
  }
}

.section-template--26146514960418__multicolumn_W3iC76-padding .multicolumn-slider .multicolumn__buttons {
  --swiper-navigation-size: 25px !important;
}

.section-template--26146514960418__multicolumn_W3iC76-padding .multicolumn-slider .multicolumn__buttons button {
  width: 25px !important;
  height: 25px !important;
  font-size: 25px !important;
}

.section-template--26146514960418__multicolumn_W3iC76-padding .multicolumn-slider .cursor-icon {
  font-size: 25px !important;
}

.section-template--26146514960418__multicolumn_W3iC76-padding .multicolumn-slider .multicolumn__buttons button {
  pointer-events: auto;
}

.section-template--26146514960418__multicolumn_W3iC76-padding .multicolumn-slider .multicolumn__buttons button:active,
.section-template--26146514960418__multicolumn_W3iC76-padding .multicolumn-slider .multicolumn__buttons button:focus {
  animation: sectionW3iC76ClickCooldown 0.6s forwards;
}

@keyframes sectionW3iC76ClickCooldown {
  0% { pointer-events: none; opacity: 0.5; }
  99% { pointer-events: none; }
  100% { pointer-events: auto; opacity: 1; }
}

@media screen and (max-width: 768px) {
  /* Targets the image container for this specific form */
  .globo-form-id-140295 .gfb-with-image {
    height: auto !important;
    min-height: unset !important;
    max-height: none !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 15px 0 !important; /* Adds a little breathing room */
  }

  /* Adjusts the image itself so it scales without cropping */
  .globo-form-id-140295 .gfb-with-image-img {
    object-fit: contain !important;
    height: auto !important;
    width: 100% !important;
    max-height: 350px !important; /* Prevents the image from becoming too tall on larger phones. Adjust this value as needed. */
    object-position: center !important;
  }
}

@media screen and (min-width: 769px) {
  /* Fixes the side clipping on desktop screens */
  .globo-form-id-140295 .gfb-with-image-img {
    object-fit: contain !important;
    width: 100% !important;
    height: 100% !important;
    object-position: center !important;
  }
}