/** Shopify CDN: Minification failed

Line 107:0 Unexpected "}"

**/
/**
All custom styles by DTC
*/

/* Parallax text readability — sfondo al testo durante lo scroll */
.section-image-with-text-style-9 .img-with-text-9__content-inner {
  background-color: rgba(0, 0, 0, 0);
  border-radius: 8px;
  padding: 1.6rem 2rem;
  transition: background-color 0.5s ease-out; /* fade-out rapido */
}

/* Schema 1 (scuro, default) */
.section-image-with-text-style-9 .img-with-text-9__content.is-scrolling .img-with-text-9__content-inner {
  background-color: rgba(0, 0, 0, 0.65);
  transition: background-color 2s ease-out; /* fade-in: parte veloce, subito percettibile */
}

/* Schema 2 (chiaro) */
.section-image-with-text-style-9 .color-background-2 .img-with-text-9__content.is-scrolling .img-with-text-9__content-inner {
  background-color: rgba(255, 255, 255, 0.8);
  transition: background-color 2s ease-out;
}



/* HOME - Unlock the joy */
[id$="__custom_section_rxgRYe"]  > section > div > xo-container > div > div > xo-item:nth-child(1) {
    background-image: url("/cdn/shop/files/ride_pave_ragazzo--enjoy.jpg?v=154864684");
    background-size:cover;
    background-position: center center;
}

/* PDP - Inventory status */
.xo-inventory-status__box {
  padding: 1rem 1.6rem!important;
}

/* PDP - Payment methods icons */
.payment-methods-trust__wrapper {

  display:flex;
  justify-content:center;
  align-items: center;
  gap: 10px;

  margin-bottom:3rem;
  
  .payment-methods-trust__method {

    /* flex:1; */
    /* max-width: 60px; */
    width: 56px;

    padding: 3px 6px 0 6px;

    background-color: white;
    border-radius:4px;
  }

}

/* PDP - below title 3 features */
.DTC-feature-badges {
  display: flex;
  justify-content: center;
  gap: 0;
  list-style: none;
  margin: 1rem auto 3rem auto;
  padding: 0;
  max-width:60%;
}

.DTC-feature-badges__item {
  flex: 1 1 0;
  max-width: 16rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.8rem;
  text-align: center;
}

.DTC-feature-badges__item svg {
  color: rgb(var(--color-accent));
  height:2rem;
}
.DTC-feature-badges__item--bold svg {
  filter: drop-shadow(0px 0px 0.3px currentColor)
       drop-shadow(0px 0px 0.3px currentColor);
  /* opacity aggiunta da CSS, opzionale */
  /* opacity: 0.7; — rimuovi il commento se vuoi cambiarla */
}

@media (max-width: 750px) {
  .DTC-feature-badges {
    gap: 1.6rem;
    margin: 0 auto 3rem auto;
    max-width:unset;
  }
}
}






/* PAGE - Policies */
.shopify-policy__title {
  margin-bottom:4rem;
}




/* BLOG */
article.xo-main-article {

  .xo-main-article__image {
    margin-bottom:2rem;
  }

  h2,
  h3 {
    margin-top:3rem;
  }

  p {
    margin-bottom:3rem;
  }

}



/* FOOTER */
.xo-footer-1__copy-right,
.xo-footer-1__policy-list a {
  font-size: 12px !important;
}

.xo-information-footer__wrapper a {

  position: relative;
  font-size: calc(var(--font-body-scale) * 1.6rem);
  color: color-mix(in srgb, rgba(var(--color-foreground-5)) 100%, transparent);
  font-weight: 500;
  line-height: calc(1 + .4 / var(--font-body-scale));
  letter-spacing: calc(var(--font-body-scale) * -.016rem);
  transition: all .3s;

  &:hover {
    color: color-mix(in srgb,rgba(var(--color-accent-3)) 100%,transparent);
    text-decoration: underline;
  }

}










/* MEDIA QUERIES */



@media screen and (max-width: 767px) {

    /* HOME - Unlock the joy */
    [id$="__custom_section_rxgRYe"]  > section > div > xo-container > div > div > xo-item:nth-child(1) {
        min-height:60vh;
        /* background-image: url("/cdn/shop/files/ride_pave_ragazzo--enjoy--mobile.jpg");         */
        margin-bottom:30px;
    }


}

@media screen and (max-width: 991px) {

    /* HOME - 4 features grid */
    [id$="__custom_section_TiLfTe"] {

        .xo-text-body {
            font-weight: normal!important;
        }

    }


    /* PDP - Title to the top */
    xo-grid.main-product__grid {
      position: relative;
      padding-top: 7rem;
    }

    .pdp-product-subtitle {
      position: absolute;
      top: calc(var(--font-heading-4-scale) * 3.5rem + 1rem);
      left: 0;
    }
    .xo-product-info-content__title {
      position: absolute;
      top: 0;
      left: 0;

      font-size:calc(var(--font-heading-4-scale) * 3.5rem);
    }

    .main-product__content {
      padding-top:0!important;
    }

}

@media screen and (min-width: 992px) {

    /* HOME - 4 features grid */
    [id$="__custom_section_TiLfTe"] {

        .xo-text-body {
            font-weight: normal!important;
        }

    }


    /* PDP - Product info block align center */
    .xo-product-info-content__title,
    .xo-product-info-content__price,
    .xo-product-info-content__inventory-status,
    .xo-product-info-content__cl-free-shipping {
      text-align:center;
      width:100%!important;
    }
    .xo-price,
    .xo-price__sale {
      display:block;
    }
    .xo-inventory-status__box {
      margin-left: auto;
      margin-right: auto;
    }
    .xo-product-info-content__group {
      justify-content: center;
    }

    /* PAGE - Policies */
    .shopify-policy__container {
      max-width: 70vw;
    }

}


/* LUCA BIONDI - VARIANT SELECTOR */
.lbvariantnotice {
  font-size: 14px;
  text-align: center;
  margin-bottom: 1rem
}
.lbcustom .xo-field-color__fill {
  border-radius: var(--toggle-tab-radius)
}
.lbcustom .xo-field-color__item {
  width: clamp(120px, 35vw, 200px);
  height: clamp(120px, 35vw, 200px);
  border-radius: var(--toggle-tab-radius);
}
.lbcustom .xo-field-color__fill {
  width: 100%;
  height: 100%
}
/* LUCA BIONDI - VARIANT SELECTOR END HERE */

