/** Shopify CDN: Minification failed

Line 227:3 Unexpected "@media"
Line 257:0 Unexpected "("
Line 1884:0 Unexpected "}"

**/
html {
  overflow-x: hidden;
}
/* Menu header */
.header--top-center .mega-menu__list{
 flex:1;
 justify-content: center!important;
}
iframe#chat-button {
  z-index: 999996
} .uwy.umb.userway_p6 {
  z-index: 999998;
}

a.yotpo-primary-button-link.yotpo-inactive-button {
    display: none;
}
.t-align-center {
  text-align: center;
}

@font-face {
  font-family: 'TarnacSans';
  src: url('/cdn/shop/files/TarnacSans-ThinItalic.woff2?v=1756200220') format('woff2'),
       url('/cdn/shop/files/TarnacSans-ThinItalic.woff?v=1756199890') format('woff');
  font-weight: 100;
  font-style: italic;
}

@font-face {
  font-family: 'TarnacSans';
  src: url('/cdn/shop/files/TarnacSans-Thin.woff2?v=1756200221') format('woff2'),
       url('/cdn/shop/files/TarnacSans-Thin.woff?v=1756199890') format('woff');
  font-weight: 100;
  font-style: normal;
}

@font-face {
  font-family: 'TarnacSans';
  src: url('/cdn/shop/files/TarnacSans-LightItalic.woff2?v=1756200220') format('woff2'),
       url('/cdn/shop/files/TarnacSans-LightItalic.woff?v=1756199890') format('woff');
  font-weight: 300;
  font-style: italic;
}

@font-face {
  font-family: 'TarnacSans';
  src: url('/cdn/shop/files/TarnacSans-Light.woff2?v=1756200220') format('woff2'),
       url('/cdn/shop/files/TarnacSans-Light.woff?v=1756199890') format('woff');
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'TarnacSans';
  src: url('/cdn/shop/files/TarnacSans-Italic.woff2?v=1756200220') format('woff2'),
       url('/cdn/shop/files/TarnacSans-Italic.woff?v=1756199890') format('woff');
  font-weight: 500;
  font-style: italic;
}

@font-face {
  font-family: 'TarnacSans';
  src: url('/cdn/shop/files/TarnacSans-Regular.woff2?v=1756200220') format('woff2'),
       url('/cdn/shop/files/TarnacSans-Regular.woff?v=1756199890') format('woff');
  font-weight: 500;
  font-style: normal;

}

@font-face {
  font-family: 'TarnacSans';
  src: url('/cdn/shop/files/TarnacSans-BoldItalic.woff2?v=1756200221') format('woff2'),
       url('/cdn/shop/files/TarnacSans-BoldItalic.woff?v=1756199891') format('woff');
  font-weight: 700;
  font-style: italic;
}

@font-face {
  font-family: 'TarnacSans';
  src: url('/cdn/shop/files/TarnacSans-Bold.woff2?v=1756200221') format('woff2'),
       url('/cdn/shop/files/TarnacSans-Bold.woff?v=1756199890') format('woff');
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'TarnacSans';
  src: url('/cdn/shop/files/TarnacSans-BlackItalic.woff2?v=1756200220') format('woff2'),
       url('/cdn/shop/files/TarnacSans-BlackItalic.woff?v=1756199890') format('woff');
  font-weight: 900;
  font-style: italic;
}

@font-face {
  font-family: 'TarnacSans';
  src: url('/cdn/shop/files/TarnacSans-Black.woff2?v=1756200220') format('woff2'),
       url('/cdn/shop/files/TarnacSans-Black.woff?v=1756199890') format('woff');
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: 'VTCMartin';
  src: url('/cdn/shop/files/VTCMartin-Light.woff2?v=1757426807') format('woff2'),
       url('/cdn/shop/files/VTCMartin-Light.woff?v=1757426787') format('woff');
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'VTCMartin-Forward';
  src: url('/cdn/shop/files/VTCMartin-LightForward.woff2?v=1757426807') format('woff2'),
       url('/cdn/shop/files/VTCMartin-LightForward.woff?v=1757426787') format('woff');
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'VTCMartin';
  src: url('/cdn/shop/files/VTCMartin-Regular.woff2?v=1757426807') format('woff2'),
       url('/cdn/shop/files/VTCMartin-Regular.woff?v=1757426787') format('woff');
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'VTCMartin';
  src: url('/cdn/shop/files/VTCMartin-SemiBold.woff2?v=1757426807') format('woff2'),
       url('/cdn/shop/files/VTCMartin-SemiBold.woff?v=1757426787') format('woff');
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'VTCMartin-Forward';
  src: url('/cdn/shop/files/VTCMartin-SemiBoldForward.woff2?v=1757426807') format('woff2'),
       url('/cdn/shop/files/VTCMartin-SemiBoldForward.woff?v=1757426787') format('woff');
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'VTCMartin';
  src: url('/cdn/shop/files/VTCMartin-Bold.woff2?v=1757426807') format('woff2'),
       url('/cdn/shop/files/VTCMartin-Bold.woff?v=1757426787') format('woff');
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: 'VTCMartin-Forward';
  src: url('/cdn/shop/files/VTCMartin-BoldForward.woff2?v=1757426807') format('woff2'),
       url('/cdn/shop/files/VTCMartin-BoldForward.woff?v=1757426787') format('woff');
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: 'VTCMartin';
  src: url('/cdn/shop/files/VTCMartin-XBold.woff2?v=1757426807') format('woff2'),
       url('/cdn/shop/files/VTCMartin-XBold.woff?v=1757426787') format('woff');
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: 'VTCMartin-Forward';
  src: url('/cdn/shop/files/VTCMartin-XBoldForward.woff2?v=1757426807') format('woff2'),
       url('/cdn/shop/files/VTCMartin-XBoldForward.woff?v=1757426787') format('woff');
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: 'Mont';
  src: url('/cdn/shop/files/Mont_Regular.otf?v=1765444140') format('opentype');
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Mont';
  src: url('/cdn/shop/files/Mont_Bold.otf?v=1765444129') format('opentype');
  font-weight: 800;
  font-style: normal;
}

.TarnacSans {font-family:'TarnacSans'}
.VTCMartin {font-family:'VTCMartin'}
.Mont {font-family: 'Mont'}

h4.fresh-benefits__body-title {
  text-align: center;
}

.desktop-only,
.tablet-only,
.mobile-only {
  display: none;
}
.cart-item__section .title-wrapper-with-link {
  margin-top: 1rem;
}
.variant-container {
  flex-wrap: wrap;
  gap: 5px;
}
.metafield-rich_text_field:first-letter,
.metafield-multi_line_text_field:first-letter,
.accordion__content:first-letter {
  text-transform: uppercase;
  margin: 0;
  line-height: 22px;
}
.fresh-compare__item-header
  details.fresh-compare__item-heading
  .fresh-compare__item--info-list {
  max-width: 100%;
}
tr @media (min-width: 1025px) {
  .desktop-only {
    display: block;
  }
  .rocket-footer__payments img {
    width: 2.5rem;
    height: auto;
  }
  .rocket-icon-text__item {
    max-width: 15%;
  }
}
/* Classi per nascondere sui diversi dispositivi */
@media (min-width: 1025px) {
  .hidden_desktop {
    display: none;
  }
}
@media (max-width: 1024px) and (min-width: 769px) {
  .hidden_tablet {
    display: none;
  }
}

@media (max-width: 768px) {
  .hidden_mobile {
    display: none;
  }
}

(max-width: 768px) {
  .section-template--24208105832782__fresh_image_text_B7mxd8.fresh-image-text-container.section-template--24208105832782__fresh_image_text_B7mxd8-padding
    .fresh-image-text__wrapper.rightt {
    padding: 2% !important;
  }
}

/* Classi per nascondere sui diversi dispositivi */

@media (min-width: 1200px) {
  .collection.section-template--24208105570638__fresh_product_slider_EnpjDY-padding,
  .collection.section-template--24208105570638__fresh_product_slider_PPjJnm-padding,
  .collection-list-wrapper.section-template--24208105570638__collection_list_Bzf3aJ.padding,
  .collection.section-template--24208105832782__fresh_product_slider_y4ByB4-padding,
  .collection.section-template--24208105832782__fresh_product_slider_an9DA4-padding {
    padding-left: 0;
    max-width: 1920px;
    margin: auto;
  }
}
/* Edit Account */

h1#cf-edit-account-heading {
    font-family: 'TarnacSans';
    margin-top: 10px;
}

/* Edit Account */

/* Promo -20% */

.vis-hero_banner--content.content_position_x-center.content_position_x-center-mb.content_position_y-bottom-mb.content_position_y-bottom
  .heading-title__subtitle
  h2 {
  font-weight: 700;
  font-family: "Gotham";
  margin-top: 2%;
}
.section-template--24208105570638__hero_banner_wRYzJ3--vis-padding.custom-hero_banner
  .vis-hero_banner--button_wrapper {
  order: 1;
}
.section-template--24208105570638__hero_banner_wRYzJ3--vis-padding.custom-hero_banner
  .heading-title__subtitle {
  order: 2;
}

@media (max-width: 1800px) and (min-width: 1401px) {
  /*.vis-hero_banner--content.content_position_x-center.content_position_x-center-mb.content_position_y-bottom-mb.content_position_y-bottom
    .heading-title__subtitle
    h2 {
    font-size: 2rem !important;
    line-height: 2rem;
    margin-top: 1%;
  }*/

  h2.block-image_nJ9p8Y-vis-hero_banner--heading.heading,
  .block-image_nJ9p8Y-vis-hero_banner--description.description {
    margin-bottom: 12px !important;
  }
  .vis-hero_banner--content.content_position_x-center.content_position_x-center-mb.content_position_y-bottom-mb.content_position_y-bottom {
    padding-bottom: 30px !important;
  }
}
@media (max-width: 1400px) and (min-width: 769px) {
  .vis-hero_banner--content.content_position_x-center.content_position_x-center-mb.content_position_y-bottom-mb.content_position_y-bottom
 /*   .heading-title__subtitle
    h2 {
    font-size: 1.5rem !important;
    line-heigth: 1rem;
  }*/
  .block-image_nJ9p8Y-vis-hero_banner--description.description {
    font-size: 1rem;
  }
  h2.block-image_nJ9p8Y-vis-hero_banner--heading.heading,
  .block-image_nJ9p8Y-vis-hero_banner--description.description {
    margin-bottom: 0px !important;
  }
  .vis-hero_banner--button_wrapper .btn {
    height: 40px;
  }
  .vis-hero_banner--content.content_position_x-center.content_position_x-center-mb.content_position_y-bottom-mb.content_position_y-bottom {
    padding-bottom: 30px !important;
  }
}

@media (max-width: 500px) {
  .vis-hero_banner--content.content_position_x-center.content_position_x-center-mb.content_position_y-bottom-mb.content_position_y-bottom
    .heading-title__subtitle
    h2 {
    line-height: 1.5rem;
  }
  .block-image_nJ9p8Y-vis-hero_banner--description.description {
    font-size: 3vw !important;
    line-height: 1rem;
  }
  h2.block-image_nJ9p8Y-vis-hero_banner--heading.heading,
  .block-image_nJ9p8Y-vis-hero_banner--description.description {
    margin-bottom: 5px !important;
  }
  .vis-hero_banner--content.content_position_x-center.content_position_x-center-mb.content_position_y-bottom-mb.content_position_y-bottom {
    padding-bottom: 20px !important;
  }
}
/* end Promo -20% */

@media (max-width: 1024px) and (min-width: 751px) {
  .tablet-only {
    display: block;
  }
}
@media (max-width: 750px) {
  .mobile-only {
    display: flex;
  }
  iframe#chat-button {
    bottom: 70px !important;
  }
}

@media (minw-width: 1921px) {
  .contact-page
    .section-fresh-contact
    .fresh-contact
    .fresh-contact__inner
    .fresh-contact__main
    .fresh-contact__body
    .fresh-contact__form {
    max-width: 30%;
  }
}
@media only screen and (min-width: 601px) {
  .footer-icons {
    width: 100%;
    display: contents;
  }
  .product-grid-column2 {
    aspect-ratio: 633 / 472;
  }
  .product-grid-column1 {
    aspect-ratio: 310 / 472;
  }
  .rocket-footer__brand-image-mob {
    display: none;
  }
  .fresh-hero_banner--item:not(.fresh-hero_banner-full)
    .fresh-hero_banner--content {
    width: 45%;
    max-width: 100000px;
    padding: 1% 5%;
  }
  #main-cart-items .cart-item__image {
    border-radius: 0.6rem;
  }
  .cart-item__details > * + * {
    margin-top: 0rem;
  }
  .cart-item__details > * + * {
    margin-top: 0rem !important;
  }
  custom-form.fresh-login__form,
  custom-form.fresh-register__form {
    margin: auto;
    width: 50% !important;
  }
  .contact-page
    .section-fresh-contact
    .fresh-contact
    .fresh-contact__inner
    .fresh-contact__main
    .fresh-contact__body
    .fresh-contact__form,
  .section-fresh-faqs .fresh-faqs .fresh-faqs__inner .fresh-faqs__main {
    max-width: 80%;
    width: 50%;
    margin: auto;
  }
  .section-fresh-faqs .fresh-faqs .fresh-faqs__inner .fresh-faqs__media {
    width: 50%;
  }
  .section-fresh-faqs
    .fresh-faqs
    .fresh-faqs__inner
    .fresh-faqs__main
    .fresh-faqs__content {
    max-width: 100%;
    padding: 0;
  }
  .section-fresh-faqs
    .fresh-faqs
    .fresh-faqs__inner
    .fresh-faqs__main
    .fresh-faqs__content {
    max-width: 100%;
    padding: 0;
  }
  .section-fresh-faqs .fresh-faqs .fresh-faqs__inner .fresh-faqs__main {
    width: 50%;
    margin: auto;
    padding: 0rem 5rem;
  }
    .section-header .header__heading-logo-wrapper .header__heading-logo {
        min-width: 400px;
        padding: 10px !important;
 }
.section-header .header:not(.drawer-menu).page-width {
  padding-top:2rem!important;
}
  .fresh-benefits {
    max-width: 1920px;
    margin: auto;
  }
  .related-products .swiper-wrapper {
    padding-left: 76px;
    padding-right: 76px;
  }
}
body {
  overflow-x:initial;
}
main#MainContent {
  overflow-x:hidden;
}

@media screen and (min-width: 990px) {
    .header:not(.header--middle-left,.header--middle-center) .header__inline-menu {
        margin-top:18px;
        margin-bottom: 1.05rem;
    }
  }
  @media screen and (min-width: 768px) {
        .section-header .header__heading-logo-wrapper .header__heading-logo {
        min-width: 400px;
        padding: 0 !important;
        margin-bottom: 0.7rem;
 }
}

@media screen and (min-width: 1921px) {
  .contact-page
    .section-fresh-contact
    .fresh-contact
    .fresh-contact__inner
    .fresh-contact__main
    .fresh-contact__body
    .fresh-contact__form {
    max-width: 30%;
  }
  div#fresh-slider-content-template--22202822525262__fresh_slider_information_3EtybB {
    margin: auto;
  }
  section#shopify-section-template--22202822525262__related-products
    .no-js-hidden {
    max-width: 1920px;
    margin: auto;
  }
  .fresh-slider-content__inner.page-container-width.h-align--center.h-align--center--mobile {
    overflow: hidden;
  }
  .fresh-slider-content {
    overflow: hidden;
    max-width: 1920px;
    margin: auto;
  }
  product-recommendations.related-products.section-template--22202822525262__related-products-padding.isolate
    .swiper-wrapper {
    padding-left: 22px;
  }
  product-recommendations.related-products.section-template--22202822525262__related-products-padding.isolate
    .product-slider.swiper.swiper-initialized.swiper-horizontal.swiper-android {
    padding-left: 0;
  }
  section#shopify-section-template--22202822525262__related-products
    .product-slider
    .collection__title.title-wrapper {
    padding: 0 22px;
  }
  .social-medias {
    max-width: 1920px;
    margin: auto;
  }
  .social-medias .title-wrapper,
  .social-medias .fresh-social-wrapper {
    padding-left: 22px;
  }
}

@media (max-width: 1920px) {
  .section-fresh-slider-content
    .fresh-slider-content
    .fresh-slider-content__inner
    .fresh-slider-content__body {
    padding-right: 22px;
  }
  .related-products .swiper-wrapper,
  .social-medias .title-wrapper,
  .social-medias .fresh-social-wrapper,
  section#shopify-section-template--22202822525262__related-products
    .collection__title.title-wrapper.title-wrapper--no-top-margin {
    padding-left: 22px !important;
  }
}

@media (min-width: 1679px) {
  .product-grid--4-column {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
}
.product__info-wrapper details .accordion__content p strong {
  display: unset;
}

.btn-add-cart-complete {
  display: none;
}

@media (min-width: 990px) {
  .text-image-collection {
    align-items: flex-start !important;
  }

  .product.product--large:not(.product--no-media) .product__info-wrapper {
    max-width: 50%;
    width: calc(50% - var(--grid-desktop-horizontal-spacing) / 2);
  }
  .page-container-width {
    max-width: 1920px;
    margin: auto;
  }
  .product-grid__banner,
  .collection-banner__img {
    max-height: 31rem;
  }

  .section-fresh-login
    .fresh-login
    .fresh-login__inner
    .fresh-login__main
    .fresh-login__body
    .fresh-login__form {
    width: calc(30% - 56px);
  }
  .section-fresh-login
    .fresh-login
    .fresh-login__inner
    .fresh-login__main
    .fresh-login__body
    .fresh-login__media,
  .section-fresh-register
    .fresh-register
    .fresh-register__inner
    .fresh-register__main
    .fresh-register__body
    .fresh-register__media {
    width: 50%;
  }
  .fresh-contact__form {
    padding-right: 32px !important;
  }
  .section-fresh-login
    .fresh-login
    .fresh-login__inner
    .fresh-login__main
    .fresh-login__body
    .fresh-login__media
    img,
  .contact-page
    .section-fresh-contact
    .fresh-contact
    .fresh-contact__inner
    .fresh-contact__main
    .fresh-contact__body
    .fresh-contact__media
    img,
  .section-fresh-faqs .fresh-faqs .fresh-faqs__inner .fresh-faqs__media img {
    max-height: 43rem !important;
  }
  .section-fresh-register
    .fresh-register
    .fresh-register__inner
    .fresh-register__main
    .fresh-register__body
    .fresh-register__media
    img {
    max-height: 70rem !important;
  }
  .contact-page
    .section-fresh-contact
    .fresh-contact
    .fresh-contact__inner
    .fresh-contact__main
    .fresh-contact__body
    .fresh-contact__form {
    padding: 0rem 0rem;
  }
  .section-fresh-login
    .fresh-login
    .fresh-login__inner
    .fresh-login__main
    .fresh-login__body
    .fresh-login__media
    img,
  .contact-page
    .section-fresh-contact
    .fresh-contact
    .fresh-contact__inner
    .fresh-contact__main
    .fresh-contact__body
    .fresh-contact__media
    img,
  .section-fresh-faqs .fresh-faqs .fresh-faqs__inner .fresh-faqs__media img {
    max-height: 60rem !important;
  }
  details.mobile-facets__disclosure.disclosure-has-popup {
    display: none;
  }
}

span.number {
  font-family: "TarnacSans";
  color: white;
  font-size: 0.7rem;
}
span.header__icon--cart-content-count {
  background: #392c1d;
  border-radius: 1rem;
}

@media (max-width: 1024px) {
  .product-slider .collection__title.title-wrapper {
    padding: 0 px;
  }
  .js .gradient.menu-drawer .menu-drawer__header-container {
    flex-direction: row-reverse;
    padding: 7px 0.8rem;
  }
  .section-fresh-slider-content
    .fresh-slider-content
    .fresh-slider-content__inner
    .fresh-slider-content__body {
    padding-left: 0px;
    padding-right: 0px !important;
  }
  .related-products .swiper-wrapper {
    padding-left: 0px !important;
  }
  h2.product__text.inline-richtext.caption-with-letter-spacing {
    display: block;
  }
  .product .product__info-wrapper .price {
    justify-content: flex-end;
  }
  .rocket-icon-text__container {
    align-items: center;
  }
  .rocket-icon-text__item {
    flex-direction: column;
  }
  .rocket-icon-text__item .icon-text__text {
    text-align: center;
  }
}

@media (min-width: 1921px) {
  section#shopify-section-template--21985118224718__hero_banner_we3JMC {
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    width: 100vw;
    position: relative;
  }
  .section-template--21985118224718__collection_list_Bzf3aJ.padding,
  .section-template--21985118224718__fresh_product_slider_PPjJnm-padding,
  .section-template--21985118224718__fresh_product_slider_AkmyT8-padding {
    padding-left: 5%;
  }
  .section-template--21985118224718__featured_blog_xVhnBG-padding {
    padding-left: 5% !important;
    padding-right: 5% !important;
  }
}

@media (min-width: 769px) {
  .product-slider .swiper-button.button-prev {
    left: 10px;
  }
  .product-slider .swiper-button.button-next {
    right: 10px;
  }
  .collection-list-wrapper .collection-list-parent {
    padding-left: 0px;
    padding-right: 0px;
  }
}

@media (min-width: 1024px) {
  #shopify-section-template--22786412937550__fresh_product_banner_3QWRFL
    .section-template--22786412937550__fresh_product_banner_3QWRFL--fresh-padding {
    padding-left: 0px;
    padding-right: 0px;
  }

  .section-header
    .header__icons
    .header__search
    .search-modal
    .search-modal__content
    .search-modal__form
    .search
    .field {
    top: -27px !important;
    margin-right: -3rem;
    padding: 0 6px;
  }
  .onlyfresh-product-banner .sys-block_banner--innner .sys-block_banner--media {
    border-radius: 20px;
    width: 75%;
    order: 1;
  }
  .onlyfresh-product-banner .sys-block_banner--innner .collection {
    padding: 0 0 0 10px;
  }
}
@media (max-width: 1330px) and (min-width: 1024px) {
  .onlyfresh-product-banner .sys-block_banner--innner .sys-block_banner--media {
    border-radius: 20px;
    width: 50%;
    order: 1;
  }
}
div#trustpilot-widget-trustbox-0-wrapper {
  display: none !important;
}

span.Bajo.contenido.en.cereales.rocket-fresh-product-media-gallery__tag--label.tag-label,
span.Sin.cereales.rocket-fresh-product-media-gallery__tag--label.tag-label,
span.Hipoalerg\e9nico.rocket-fresh-product-media-gallery__tag--label.tag-label {
  display: inline-flex;
  align-items: center;
  padding: 0.35rem 0.6rem;
  height: fit-content;
  font-size: 0.7rem;
  border-radius: 2rem;
}

.tags-card-collection {
  margin: -4rem 0rem -1rem 1rem;
  z-index: 2;
}
.rocket-fresh-product-card .rocket-fresh-product-card__information {
  gap: 0px;
}

.price__container {
  position: relative;
    margin-top: -9px;
}

.desde {
  font-size: 0.4rem;
  right: 1px;
  position: absolute;
  bottom: -0.7rem;
  letter-spacing: 0rem;
}
.rocket-fresh-product-card .rocket-fresh-product-card__information .sensitive {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
span.price-integer {
  font-size: 1rem;
  font-weight: bold;
}
span.price-decimal {
  font-size: 0.8rem;
  font-weight: bold;
}

.section-fresh-register
  .fresh-register
  .fresh-register__inner
  .fresh-register__main
  .fresh-register__heading,
.section-fresh-login
  .fresh-login
  .fresh-login__inner
  .fresh-login__main
  .fresh-login__heading,
.fresh-contact__heading {
  padding: 0px !important;
  margin-bottom: 2rem;
}

/* Blog */
.blog-articles .card.article-card.card--standard.card--media {
  border: 0;
}
.article-template__content.page-width.page-width--narrow.rte h2 {
  font-size: 26px;
  margin-top: 2rem;
}
h1.article-template__title {
  margin: 2rem auto;
}
/* Blog */

@media (max-width: 1700px) and (min-width: 1024px) {
  .mega-menu__content__container {
    flex-direction: column;
  }
  .header__inline-menu .mega-menu__list {
    gap: 10px;
    justify-content: flex-start;
    flex-direction: row;
  }
  .header__inline-menu
    .mega-menu__content__container-image
    .featured-image-container {
    width: auto;
  }
  .mega-menu__content__container-image {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .header__inline-menu .mega-menu__content__container-image {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    padding-bottom: 20px;
  }

}
@media (max-width:1700px) and (min-width:1401px) {
    .header__inline-menu .mega-menu__content {
    max-height:495px;
  }
}
@media (max-width: 1300px) and (min-width: 1024px) {
  #shopify-section-sections--21985117897038__header .mega-menu__content {
    display: flex;
    flex-direction: column;
  }
  .header__inline-menu .mega-menu__content {
    max-height: 75vh;
    height: auto;
    overflow: hidden;
  }
}
@media (max-width: 768px) {
  .main-product-sticky-form
    .rocket-buy-buttons-mobile
    .product-form__variant-picker {
    border-bottom: 0px;
    border-left: 0px;
  }
}
@media only screen and (max-width: 600px) {
  span.Bajo.contenido.en.cereales.rocket-fresh-product-media-gallery__tag--label.tag-label,
  span.Sin.cereales.rocket-fresh-product-media-gallery__tag--label.tag-label,
  span.Hipoalerg\e9nico.rocket-fresh-product-media-gallery__tag--label.tag-label {
    padding: 0.2rem 0.4rem;
    font-size: 0.5rem;
  }

  .tags-card-collection {
    margin: -3.5rem 0rem -1rem 0.3rem;
  }

  .desde {
    font-size: 0.4rem;
    right: 1px;
    position: absolute;
    bottom: -0.5rem;
    letter-spacing: 0rem;
  }
  .rocket-fresh-product-card
    .rocket-fresh-product-card__information
    .sensitive {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  span.price-integer {
    font-size: 0.8rem;
  }
  span.price-decimal {
    font-size: 0.6rem;
  }

  p.sticky-price {
    font-size: 0.7rem;
    color: #6d6d6d;
  }
  .section-fresh-login
    .fresh-login
    .fresh-login__inner
    .fresh-login__main
    .fresh-login__body
    .fresh-login__media
    img,
  .section-fresh-register
    .fresh-register
    .fresh-register__inner
    .fresh-register__main
    .fresh-register__body
    .fresh-register__media
    img,
  .contact-page
    .section-fresh-contact
    .fresh-contact
    .fresh-contact__inner
    .fresh-contact__main
    .fresh-contact__body
    .fresh-contact__media
    img,
  .section-fresh-faqs .fresh-faqs .fresh-faqs__inner .fresh-faqs__media img {
    aspect-ratio: 375 / 260;
  }
  .rocket-footer__top .rocket-footer__footer-left {
    align-items: center;
  }
  .rocket-icon-text__item {
    display: flex;
    justify-content: center;
    gap: 10px;
    flex-direction: column;
    align-items: center;
    width: 100%;
    text-align: center;
  }
  .footer-icons {
    display: inline-flex;
  }
  .text-lb {
    font-size: 12px;
    font-weight: 500;
    line-height: 22px;
  }
  .text-m {
    font-size: 10px;
    font-weight: 300;
    line-height: 14px;
  }
  .rocket-fresh-product-card__information
    .rocket-fresh-product-card__information-heading
    .card__heading
    .full-unstyled-link {
    font-size: 14px;
    line-height: 16px;
    letter-spacing: 0.1px;
  }
  .collection-container #ProductGridContainer .collection #product-grid {
    margin-top: 0;
    padding-left: 12px;
    padding-right: 12px;
    overflow-x: hidden;
  }
  .product-slider .swiper-container.swiper.product-slider {
    padding: 0 12px;
  }
  .trustpilot-widget {
    width: 12rem;
    margin: auto;
    height: 6rem;
  }
  .rocket-footer__footer-right,
  .rocket-footer__footer-left {
    display: flex;
    padding: 0px;
    margin: 0px;
  }
  .rocket-footer__top {
    display: flex;
    flex-direction: column-reverse;
    padding: 0px 1.6rem;
  }
  .fresh-footer__menu .list-menu .footer__menu-heading {
    line-height: 22px;
    padding: 1rem 0rem;
    border-bottom: 1px solid #392c1d;
    margin-bottom: 0px;
  }
  .rocket-footer__footer-left {
    margin-top: 2rem;
    margin-bottom: 2rem;
  }
  .rocket-footer__bottom {
    padding: 0 21px 48px;
    align-items: center;
    text-align: center;
  }
  .rocket-footer__brand-image-dsk {
    display: none;
  }
  .rocket-footer__brand-image {
    width: 60% !important;
  }
  .main-product-sticky-form
    .rocket-buy-buttons-mobile
    .sticky-size-options.active {
    display: inline-flex;
    flex-direction: column;
  }
  .section-header .header__heading-logo-wrapper .header__heading-logo {
    height: 50px;
    width:180px;
  }

  .fresh-slider-content__heading,
  .metafield-string,
  .title.inline-richtext {
    font-size: 1.6rem !important;
  }
  .section-fresh-slider-content
    .fresh-slider-content
    .fresh-slider-content__inner.h-align--center--mobile
    .fresh-slider-content__header,
  .section-fresh-benefits .fresh-benefits__heading,
  .social-medias .title-wrapper {
    align-items: flex-start;
    padding: 0px 25px;
    text-align: left;
  }
  .related-products .swiper-wrapper {
    padding-left: 25px;
  }
}
span.metafield-string {
  display: none;
}

.announcement-bar-section .announcement-bar__message {
  font-family: TarnacSans;
  font-size: 12px;
  font-weight: 300;
}

product-card.rocket-fresh-product-card.rocket-fresh-product-card--default,
.section-fresh-register
  .fresh-register
  .fresh-register__inner
  .fresh-register__main
  .fresh-register__body
  .fresh-register__media
  img {
  height: 100%;
}

@media (min-width: 1025px) {
  .onlyfresh-product-banner .sys-block_banner--innner .sys-block_banner--media {
    border-radius: 20px;
    width: 42% !important;
    order: 1;
  }
}
@media (max-width: 1024px) and (min-width: 601px) {
  .block-block_Q9in9H-sys-block_banner--description.sys-block_banner--description {
    font-size: 42px !important;
    line-height: 44px !important;
  }
}
@media screen and (min-width: 800px) {
  .onlyfresh-product-banner
    .sys-block_banner--innner
    .product-grid#product-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}
@media only screen and (max-width: 600px) {
  .sys-block_banner--innner {
    flex-direction: column-reverse;
    display: flex;
  }

  .section-block-banner-product
    .sys-block_banner
    .content-grid
    .sys-block_banner--media
    .sys-block_banner--img_mb {
    aspect-ratio: auto;
  }
  .footer-icons {
    display: inline-flex;
    flex-direction: column;
  }
  .rocket-icon-text__item .icon-text__text {
    margin-bottom: 10px;
  }
}

@media only screen and (max-width: 989px) {
  .collection {
    margin-top: 2rem;
  }
  .header__heading-logo-wrapper {
    margin: auto;
    display: inline-flex;
    justify-content: center;
    width: 100%;
    margin-left: 1.4rem;
  }
  div#menu-drawer .header__heading-logo-wrapper {
    margin-left: 0;
  }
  .js .gradient.menu-drawer .list-menu__drawer-item {
    font-size: 14px;
  }
  h1.header__heading {
    margin: auto;
  }
  .section-header .header__icons {
    gap: 5px;
    margin-left: 0px;
    font-family: TarnacSans;
    align-items: center;
    width: 25%;
  }
  .section-header .header header-drawer {
    width: 25%;
    display: flex;
    justify-content: flex-start;
    margin-left: 0px;
  }
  .header__heading-logo-wrapper {
    margin: auto;
  }
  .header__heading-logo {
    height: auto;
    max-width: 5rem;
  }
  .section-header .header {
    padding: 7px 0.8rem;
    justify-content: space-between;
    box-shadow: 0px 0px 3rem #392c1d26;
  }

  .product .product__media-wrapper media-gallery .product__media-list li {
    max-width: 100%;
    aspect-ratio: 416 / 416;
    display: block;
    width: 100%;
  }
  .product-variant legend.form__label,
  .product-variant > label {
    display: none;
  }
  .section-fresh-slider-content
    .fresh-slider-content
    .fresh-slider-content__inner
    .fresh-slider-content__body
    .fresh-slider-content__slider
    .fresh-slider-content__wrapper
    .fresh-slider-content__item {
    box-shadow: 0 4px 39px #dadada;
  }
  .section-fresh-slider-content
    .fresh-slider-content
    .fresh-slider-content__inner
    .fresh-slider-content__body {
    margin-top: -3px;
    padding: 2rem 0rem;
  }
  .product__info-wrapper details .accordion__content {
    color: #392c1d;
  }
  .product__description #showMoreBtn {
    font-size: 12px;
    padding-left: 17px;
  }
  .section-fresh-benefits
    .fresh-benefits__list
    .fresh-benefits__item
    .fresh-benefits__body {
    min-height: 10rem;
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    margin: 0rem 0rem 1rem 0rem;
    width: 100%;
  }

  .js .gradient.menu-drawer {
    width: 100%;
  }
  .js
    .gradient.menu-drawer
    .menu-drawer__navigation
    .menu-drawer__navigation-level-2
    li {
    padding-bottom: 10px;
  }
  .js
    .gradient.menu-drawer
    .menu-drawer__navigation
    .menu-drawer__navigation-level-2
    .list-menu__drawer-item-link {
    font-size: 16px;
  }
  .js
    .gradient.menu-drawer
    .menu-drawer__navigation
    .menu-drawer__navigation-level-3
    li {
    padding-bottom: 5px;
  }
  .section-fresh-benefits .fresh-benefits__list .fresh-benefits__item {
    padding: 0px 100px;
  }
  .section-fresh-benefits .fresh-benefits__inner {
    padding-top: 24px;
    margin-top: -13rem;
  }
  .section-fresh-benefits
    .fresh-benefits__list
    .fresh-benefits__item
    .fresh-benefits__body {
    text-align: center;
  }
  .section-fresh-benefits
    .fresh-benefits__list
    .fresh-benefits__item
    .fresh-benefits__body {
    background: linear-gradient(
      0deg,
      rgba(255, 255, 255, 1) 0%,
      rgba(255, 255, 255, 1) 71%,
      rgba(0, 212, 255, 0) 100%
    );
  }
  .close-menu-drawer {
    position: absolute;
    left: 15px;
  }
  .js .gradient.menu-drawer .menu-drawer__header-container {
    display: flex;
    justify-content: center;
  }
}

@media (max-width: 960px) {
  .section-fresh-benefits .fresh-benefits__inner {
    margin-top: -13rem;
  }
}

@media (max-width: 768px) {
  .section-fresh-benefits .fresh-benefits__list .fresh-benefits__item {
    padding: 0px 25px;
  }
  .product-variant {
    display: none;
  }
}
@media (max-width: 660px) {
  .section-fresh-benefits .fresh-benefits__inner {
    padding-top: 24px;
    margin-top: -10rem;
  }
  .js
    .gradient.menu-drawer
    .menu-drawer__navigation
    .menu-drawer__navigation-level-1
    .list-menu__drawer-item.active,
  .js
    .gradient.menu-drawer
    .menu-drawer__navigation
    .menu-drawer__navigation-level-1
    .list-menu__drawer-item:hover {
    padding: 8px 16px;
  }
  .js .gradient.menu-drawer .list-menu__drawer-item {
    font-size: 14px;
  }
  .js
    .gradient.menu-drawer
    .menu-drawer__navigation
    .menu-drawer__navigation-level-2
    .list-menu__drawer-item-link {
    font-size: 14px;
  }
  .js
    .gradient.menu-drawer
    .menu-drawer__navigation
    .menu-drawer__navigation-level-2
    li {
    padding-bottom: 24px;
  }
  .js
    .gradient.menu-drawer
    .menu-drawer__navigation
    .menu-drawer__navigation-level-1
    li {
    margin: auto;
  }
  .js
    .gradient.menu-drawer
    .menu-drawer__navigation
    .menu-drawer__navigation-level-3
    li {
    font-size: 14px;
    margin-left: 20px;
  }
  .js
    .gradient.menu-drawer
    .menu-drawer__navigation
    .menu-drawer__navigation-level-3
    li:first-child {
    padding-top: 24px;
  }
}

@media (max-width: 500px) {
  .section-fresh-benefits .fresh-benefits__inner {
    margin-top: -8.5rem;
  }
  .section-fresh-benefits .fresh-benefits__list .fresh-benefits__item {
    padding: 0 10px;
  }
  .product-form__variant-picker,
  .product-form__quantity-picker,
  .main-product-sticky-form .rocket-buy-buttons-mobile .product-form__buttons,
  .main-product-sticky-form
    .rocket-buy-buttons-mobile
    .product-form-mobile__submit {
    min-height: 4rem !important;
  }
}

/* Hero banner CSS che era nel personalizza - Eliminare */

@media only screen and (max-width: 600px) {
  .vis-hero_banner--content .vis-hero_banner--button_wrapper {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: center;
    justify-content: center;
  }
}
@media only screen and (max-width: 600px) {
  .image-text__title {
    font-size: 1.6rem !important;
    font-weight: 600 !important;
    text-align: left !important;
    padding: 0rem 22px;
    margin-bottom: -3rem !important;
    z-index: 4;
    position: relative;
  }
  a#cart-title-product {
    font-size: 16px !important;
  }
}

.section-fresh-slider-content
  .fresh-slider-content
  .fresh-slider-content__inner.h-align--center
  .fresh-slider-content__header {
  align-items: flex-start;
  padding: 0rem 2rem;
}
.fresh-slider-content__heading {
  font-weight: 600 !important;
}
.fresh-slider-content__body {
  padding-bottom: 1rem !important;
}
.fresh-slider-content__header {
  align-items: center;
  padding: 0rem 2rem;
}
@media only screen and (max-width: 600px) {
  .fresh-slider-content__body {
    padding-bottom: 2.5rem !important;
  }
  .section-fresh-slider-content
    .fresh-slider-content
    .fresh-slider-content__inner.h-align--center--mobile
    .fresh-slider-content__header,
  .section-fresh-benefits .fresh-benefits__heading,
  .social-medias .title-wrapper {
    align-items: flex-start;
    padding: 0 25px;
    text-align: left;
  }
  .related-products .swiper-wrapper,
  .social-medias .title-wrapper,
  .social-medias .fresh-social-wrapper,
  section#shopify-section-template--22202822525262__related-products
    .collection__title.title-wrapper.title-wrapper--no-top-margin {
    padding-left: 0px !important;
  }
  h3.fresh-benefits__heading.tablet-only.mobile-only.text-center.my-3 {
    display: none;
  }
  .product .product__info-container > * + * {
    margin: 0;
    border-radius: 0.6rem;
  }
  .collection-container
    .facets-wrapper
    .facets-container
    .facets
    #FacetFiltersForm
    facets-drawer
    .mobile-facets__disclosure
    facet-filters-form
    #FacetFiltersFormMobile
    .mobile-facets__inner {
    top: 13%;
    box-shadow: 0px 0px 30px #392c1d5c;
  }
  .collection-container
    .facets-wrapper
    .facets-container
    .facets
    #FacetFiltersForm
    facets-drawer
    .mobile-facets__disclosure
    facet-filters-form
    #FacetFiltersFormMobile
    .mobile-facets__inner
    .mobile-facets__main
    .mobile-facets__details {
    margin-top: 0px;
  }
  .collection-container
    .facets-wrapper
    .facets-container
    .facets
    #FacetFiltersForm
    facets-drawer
    .mobile-facets__disclosure
    facet-filters-form
    #FacetFiltersFormMobile
    .mobile-facets__inner
    .mobile-facets__main
    .mobile-facets__details
    .mobile-facets__summary {
    padding-bottom: 0px;
  }
  .collection-container
    .facets-wrapper
    .facets-container
    .facets
    #FacetFiltersForm
    facets-drawer
    .mobile-facets__disclosure
    facet-filters-form
    #FacetFiltersFormMobile
    .mobile-facets__inner
    .mobile-facets__main
    .mobile-facets__details
    .mobile-facets__summary
    div
    span {
    font-family: TarnacSans;
  }
  .collection-container
    .facets-wrapper
    .facets-container
    .facets
    #FacetFiltersForm
    facets-drawer
    .mobile-facets__disclosure
    facet-filters-form
    #FacetFiltersFormMobile
    .mobile-facets__inner
    .mobile-facets__main
    .mobile-facets__details {
    margin-bottom: 0;
    border-bottom: 0px;
    margin-top: 0px;
    padding: 10px 16px;
    border-top: 1px solid #e9e9e9;
  }
  .collection-container
    .facets-wrapper
    .facets-container
    .facets
    #FacetFiltersForm
    facets-drawer
    .mobile-facets__disclosure
    facet-filters-form
    #FacetFiltersFormMobile
    .mobile-facets__inner
    .mobile-facets__main
    .mobile-facets__details
    .mobile-facets__submenu {
    margin-bottom: 26px;
    margin-top: 26px;
  }
  ul#product-grid {
    padding-bottom: 1rem;
  }
  .pagination-wrapper {
    margin-top: 0rem;
  }
  .onlyfresh-rocket-subscribe-email
    .onlyfresh-rocket-subscribe-email__content
    .onlyfresh-rocket-subscribe-email__title {
    font-family: var(--font-heading);
    width: 100%;
    color: var(--color-background);
    font-size: 22px;
    font-weight: 400;
    line-height: 26px;
    text-align: center;
    margin-bottom: 8px;
  }
}

label.variant-size-label {
  line-height: 1.1rem !important;
}
.facets__display-vertical {
  border-radius: 1rem;
  padding: 2rem !important;
  box-shadow: 0px 0px 20px #392c1d54;
  margin: 1rem 0rem;
}
span.facet-checkbox__text-label {
  font-size: 1rem;
  line-height: 1.5;
}
.desktop__filter-custom .facets__display-vertical div.facet-checkbox {
  display: none;
}
/* Hero banner CSS che era nel personalizza - Eliminare */

/* Icon delivery */

.info-consegna {
  display: flex;
  align-items: center;
}
.info-consegna svg {
  width: 40px;
  height: 40px;
  margin-right: 10px;
}
.onlyfresh-rocket-subscribe-email
  .onlyfresh-rocket-subscribe-email__form
  .onlyfresh-rocket-subscribe-email__checkbox
  input[type="checkbox"] {
  width: 20px;
  height: 20px;
}

div#shopify-section-template--24039768785230__rocket_icon_with_text_eXYhAh
  .rocket-icon-text__item {
  max-width: 33%;
  width: 33%;
}
div#shopify-section-template--24039768785230__rocket_icon_with_text_eXYhAh
  .rocket-icon-text__icon {
  max-width: 129px;
  max-height: 129px;
}
h3.body-m-regular {
  color: white;
}
.rocket-icon-text__container {
  display: inline-flex;
  align-items: flex-start;
}
@media (max-width: 1024px) {
  .rocket-icon-text__container {
    align-items: center;
  }
}
.rocket-icon-text__container {
  width: 100%;
  max-width: 100%;
}

.section-template--24039768785230__hero_banner_KP9zLM--vis-padding.custom-hero_banner,
.isolate.section-template--24039768785230__fresh_rich_text_L7LbGL-bg-color,
.isolate.section-template--24039768785230__fresh_image_text_EmNCEb-bg-color,
div#Banner-template--24039768785230__image_banner_Lfked6,
.section-template--24039768785230__fresh_rich_text_wieDQy.fresh-rich-text-container.rich-text__container--center.rich-text.content-container.gradient.section-template--24039768785230__fresh_rich_text_wieDQy-padding,
.section-template--24039768785230__fresh_rich_text_DF3Ryh-bg-color
  .section-template--24039768785230__fresh_rich_text_DF3Ryh,
div#shopify-section-template--24039768785230__rocket_icon_with_text_eXYhAh,
.isolate.section-template--24039768785230__fresh_image_text_iUQfWd-bg-color,
.isolate.section-template--24039768785230__fresh_image_text_EmNCEb-bg-color.has-border,
.isolate.section-template--24039768785230__fresh_image_text_EqUPYf-bg-color {
  margin: auto;
  max-width: 1680px;
  padding: 0rem 2rem;
}
.section-template--24039768785230__fresh_rich_text_wieDQy-bg-color
  .section-template--24039768785230__fresh_rich_text_wieDQy {
  max-width: 1680px;
  margin: auto;
  padding: 0rem 2rem;
}
.section-template--24039768785230__fresh_rich_text_DF3Ryh.fresh-rich-text-container.rich-text__container--center.rich-text.content-container.gradient.section-template--24039768785230__fresh_rich_text_DF3Ryh-padding {
  border-radius: 0rem 0rem 2rem 2rem;
  padding: 0rem 2rem;
}
section#shopify-section-template--24039768785230__image_banner_Lfked6,
div#Banner-template--24039768785230__image_banner_YRaGQm,
div#Banner-template--24039768785230__image_banner_BbfPgL {
  max-height: 3rem;
  max-width: 1744px;
  margin: auto;
  padding: 0rem 2rem;
}
.section-template--24039768785230__fresh_rich_text_L7LbGL.fresh-rich-text-container.rich-text__container--center.rich-text.content-container.gradient.section-template--24039768785230__fresh_rich_text_L7LbGL-padding {
  margin-bottom: 10rem;
  margin-top: 4rem;
  border-radius: 2rem;
}
.section-template--24039768785230__fresh_rich_text_wieDQy.fresh-rich-text-container.rich-text__container--center.rich-text.content-container.gradient.section-template--24039768785230__fresh_rich_text_wieDQy-padding {
  padding: 2rem;
  border-radius: 2rem;
}
section#shopify-section-template--24039768785230__hero_banner_KP9zLM {
  padding: 0rem 2rem;
}
.isolate.section-template--24039768785230__fresh_rich_text_DF3Ryh-bg-color {
  padding: 0rem 2rem;
}
.section-template--24039768785230__fresh_rich_text_DF3Ryh.fresh-rich-text-container.rich-text__container--center.rich-text.content-container.gradient.section-template--24039768785230__fresh_rich_text_DF3Ryh-padding {
  border-radius: 0rem 0rem 2rem 2rem;
  padding: 2rem 2rem;
}
.isolate.section-template--24039768785230__fresh_rich_text_wieDQy-bg-color {
  padding: 0rem 2rem;
}
#shopify-section-template--24039768785230__hero_banner_KP9zLM
  .vis-hero_banner--content {
  max-width: 50%;
  padding-top: 40px;
  padding-bottom: 52px;
  padding-right: 3rem !important;
}
.vis-hero_banner--content .heading-title__subtitle {
  display: flex;
  flex-direction: column;
  gap: 0;
  align-items: center;
}
.legend-info {
  font-size: 0.8rem;
  text-align: center;
  line-height: 1rem;
}
/* cart notification - conferma ggiunta carrello */
div#cart-notification-product {
  display: none;
}
.cart-notification__links {
  display: none;
}
div#cart-notification {
  padding: 0.5rem;
  top: 3rem;
  background: #d1ffe4;
  display: inline-flex;
  border: 1px solid #b5d8c3;
  align-content: center;
  align-items: center;
  justify-content: center;
  width: 100%;
  border-radius: 0.5rem;
}
.modal__close-button.link {
  display: flex;
  justify-content: center;
  padding: 0rem;
  height: 1rem;
  width: 1rem;
  margin-top: 0rem;
  margin-bottom: 0rem;
  background-color: transparent;
  align-items: center;
}
.cart-notification__header {
  align-items: center;
  display: flex;
  column-gap: 1rem;
}
h2.cart-notification__heading.caption-large.text-body {
  font-size: 0.9rem;
}
.cart-notification-wrapper.page-width {
  max-width: 100%;
  width: 100%;
}
div#cart-notification {
  padding: 0.7rem;
  top: 0rem;
  background: #d1ffe4;
  display: inline-flex;
  border: 0px solid #b5d8c3;
  align-content: center;
  align-items: center;
  justify-content: center;
  width: 100%;
  border-radius: 0;
  max-width: 100%;
  margin: auto;
  right: 0px;
}
.avviso {
  p {
    font-size: 0.8rem !important;
    line-height: 1rem;
  }
}
#CartDrawer .cart-remove-button {
  display: none !important;
}
p.product-option {
    background: #ffbb00;
    padding: 0rem .5rem;
    font-size: .6rem;
    font-weight: bold;
    width: fit-content;
    border-radius: 0.5rem;
}
.fresh-slider-content__header {
    display: none !important;
}


header.header.header--middle-left.header--mobile-center.page-width.header--has-menu.header--has-social.header--has-account {
    max-width: 1900px;
}
.color-.product-slider {
    max-width: 1900px;
    margin: auto;
}
.collection-list-wrapper.section-template--24827278786894__collection_list_Bzf3aJ.padding {
    max-width: 1900px;
    margin: auto;
}
.section-sections--24827279638862__fresh_icon_with_text_VkjVjw-padding {
    max-width: 1900px;
    margin: auto;
}
div#shopify-section-sections--24827279638862__footer {
    max-width: 1900px;
    margin: auto;
}
.onlyfresh-rocket-subscribe-email__container {
    max-width: 1900px;
    margin: auto;
}


/* Codice per aggiungere e rimuovere l'aggiungi al carrello ed il selettore variante in mobile */

.product-variant {display:block;}
.product .product__info-container .product-form {display: block;}

/* Per ripristinare lo sticy add, rimuovere questo css ed in main product, ripristinare il rocket-buy-buttons-mobile */

/* Nuovo stile font menu prinicpale desktop */
.section-header .header__inline-menu .list-menu__item {
    font-size: 16px;
    font-family:TarnacSans;
    font-weight:400;
    text-transform:uppercase;
}
header.header.header--top-center.header--mobile-center {
    box-shadow: 0px 0px 3rem #392c1d1f;
}
  



/* landing harper nuova*/

hero_banner--heading.heading.right.center-mb {
        padding-right: 0px!important;
    }

    .rocket-fresh-product-card__image-wrapper {
    aspect-ratio: 1 / 1 !important;
}

ul.menu-drawer__navigation-level-1.list-menu {
    background: #392c1d;
    padding: 0.2rem !important;
}
.js .gradient.menu-drawer .menu-drawer__navigation .menu-drawer__navigation-level-1 .list-menu__drawer-item.active, .js .gradient.menu-drawer .menu-drawer__navigation .menu-drawer__navigation-level-1 .list-menu__drawer-item:hover {
    background: #f7f4d5;
    color: #392c1d;
}
.js .gradient.menu-drawer .menu-drawer__navigation .menu-drawer__navigation-level-1 .list-menu__drawer-item {
  
    color: #f7f4d5;
}


    .header__search-left-desktop {
        display: block !important;
        grid-row: 1 / 4;
        grid-column: 1 / 1;
        align-self: center;
        position: relative;
        z-index: 50;
        min-width: 0;
        max-width: 118px;
    }


/* FIX SLIDER RAZZE */

.fix-breed .swiper-slide {
    max-width: 300px;
    padding: 5px;
}


.has__line-clamp {
    -webkit-line-clamp: 3!important;
    margin-bottom: .8rem;
}
.collection-hero__inner.scroll-trigger {
        min-height: fit-content !important;
    }
    
 
}
#shopify-section-template--25509573525838__blog_card_custom_NEXVNd .main-blog {
    background-color: #eeede9 !important;
    width: 100%!important;
    max-width: 100%!important;
}
.rocket-fresh-product-card {
    border-radius: 12px;
    box-shadow: 0 0px 0px #392c1d0d;
    display: block;
    background: transparent;
}
a.btn-collection {
    font-weight: 400;
}
.has__line-clamp {
        -webkit-line-clamp: 3 !important;
    }

    button#myButton {
    background: #ffffff !important;
}
.cEKzlJ {
    background-color: #f3f3f3!important;
}
.onlyfresh-rocket-subscribe-email {
    background-color: #f6d96d!important;
}
.ai-social-follow-awun5nk5ac3ndm2dkuaigenblockdfe2bd1egqkgm {
    background-color: #bdcfe5!important;
}
.js .gradient.menu-drawer {
    background-color: #f3f3f3;
}
.js .gradient.menu-drawer .menu-drawer__navigation .menu-drawer__navigation-level-1 {
    background: #f3f3f3!important;
}
.js .gradient.menu-drawer .menu-drawer__navigation .menu-drawer__navigation-level-1 .list-menu__drawer-item {
    background: #fff!important;
}
.js .gradient.menu-drawer .menu-drawer__navigation .menu-drawer__navigation-level-1 .list-menu__drawer-item.active{
    background: #f7f4d5!important;
}
.active-facets .active-facets__button {
    background-color: transparent!important;
}

/* Pagina razas */
.line1,.line2,.blocco-testi a,.blocco-testi h2,h2.rich-text__heading.fresh-image-text__heading.rte.inline-richtext.rocket-font-fgrotesk.scroll-trigger.animate--slide-in, h3.accordion__title.inline-richtext.h4,.accordion__content.rte a,.accordion__content.rte p,h1.title-caracteristicas,.caract_tamano,.macho,.size,.hembra {
    font-family: 'TarnacSans';
}
.accordion__content.rte p,.rich-text__text.fresh-image-text__content.rocket-font-fgrotesk.rte.scroll-trigger.animate--slide-in {
    font-size: .9rem;
}
.beluAK{
  background:white!important
}



@media (max-width: 767px) {
    .fresh-compare__list .fresh-compare__value {
        padding: 13px 0 12px;
        font-family: TarnacSans, TarnacSans;
        font-size: 20px;
        font-weight: 300;
        line-height: 18px;
    }
    .fresh-compare__list .fresh-compare__text-mb {

    font-size: 14px;
    font-weight: 400;

}
.fresh-compare__wrapper {
    border: 1px solid;
    border-radius: 1rem;
    padding: 1rem 0rem;
    margin: 1rem 1rem!important;
}
.fresh-compare__item-header {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}
    .fresh-compare__item-header .fresh-compare__item-heading, .fresh-compare__item-header details.fresh-compare__item-heading {
        width: 90%;
        margin: auto;
        text-align: center;
    }
        .fresh-compare__list .fresh-compare__text-mb {
        font-size: 14px;
        font-weight: 400;
        padding: 0rem 2rem;
    }
}
ul {
    padding: 4px;
    margin: 0;
    font-family: 'TarnacSans';
}
.article-card__content {
    background: #ffffff;
}
.collection-hero__inner {
    background-image: none !important;
}
/* da decommentare quando le foto prodotto saranno quadrate
@media only screen and (max-width: 989px) {
    .product .product__media-wrapper media-gallery .product__media-list li {
        max-width: 100%;
        aspect-ratio: 1 / 1;
        display: block;
        width: 100%;
    }
}
@media (max-width: 989px) {
    .product .product__media-wrapper media-gallery .product__media-list li .media {
        padding-top: 100%;
    }
}
@media (max-width: 989px) {
    .product .product__media-wrapper media-gallery .product__media-list li .media img {
        width: 100%;
        object-fit: contain;
    }
}

ul {
    list-style: disc;
    padding: 4px;
    margin: 0;
}

/* Testi SEO di categoria (descrizione collection, accordion e collezioni correlate):
   i redattori usano h2/h3/h4 a caso e ognuno prendeva una misura sua (h4 20px Libre
   Baskerville, h3 24px). Qui tutti gli heading del rich text prendono lo stile dell'h2.
   Prima (08/2026) la regola valeva solo per h2, per non ereditare l'h2 gigante globale. */
.section-collection-accordian .accordion-item-body h2,
.section-collection-accordian .accordion-item-body h3,
.section-collection-accordian .accordion-item-body h4,
.section-collection-accordian .accordion-item-body h5,
.collection-accordian--innner .accordion-item-body-content h2,
.collection-accordian--innner .accordion-item-body-content h3,
.collection-accordian--innner .accordion-item-body-content h4,
.collection-accordian--innner .accordion-item-body-content h5,
.text-related-collections .text.has__line-clamp h2,
.text-related-collections .text.has__line-clamp h3,
.text-related-collections .text.has__line-clamp h4,
.text-related-collections .text.has__line-clamp h5,
.collection-hero__text-wrapper .text h2,
.collection-hero__text-wrapper .text h3,
.collection-hero__text-wrapper .text h4,
.collection-hero__text-wrapper .text h5,
.collection-hero__description h2,
.collection-hero__description h3,
.collection-hero__description h4,
.collection-hero__description h5 {
    font-size: 18px !important;
    line-height: 24px !important;
    font-weight: 600 !important;
    font-family: 'TarnacSans', Inter, sans-serif !important;
    margin-top: 16px !important;
    margin-bottom: 0 !important;
}

/* gli heading arrivano incollati da Word: <span>/<b> interni con font e colore inline */
.section-collection-accordian .accordion-item-body h2 *,
.section-collection-accordian .accordion-item-body h3 *,
.section-collection-accordian .accordion-item-body h4 *,
.section-collection-accordian .accordion-item-body h5 *,
.collection-accordian--innner .accordion-item-body-content h2 *,
.collection-accordian--innner .accordion-item-body-content h3 *,
.collection-accordian--innner .accordion-item-body-content h4 *,
.collection-accordian--innner .accordion-item-body-content h5 *,
.text-related-collections .text.has__line-clamp h2 *,
.text-related-collections .text.has__line-clamp h3 *,
.text-related-collections .text.has__line-clamp h4 *,
.text-related-collections .text.has__line-clamp h5 *,
.collection-hero__text-wrapper .text h2 *,
.collection-hero__text-wrapper .text h3 *,
.collection-hero__text-wrapper .text h4 *,
.collection-hero__text-wrapper .text h5 *,
.collection-hero__description h2 *,
.collection-hero__description h3 *,
.collection-hero__description h4 *,
.collection-hero__description h5 * {
    font-size: inherit !important;
    line-height: inherit !important;
    font-weight: inherit !important;
    font-family: inherit !important;
    color: inherit !important;
}

/* link dentro questi testi: colore del testo e sottolineati (erano blu nell'accordion),
   esclusi i link-bottone delle categorie correlate */
.section-collection-accordian .accordion-item-body a:not([class*="button"]):not([class*="btn"]),
.collection-accordian--innner .accordion-item-body-content a:not([class*="button"]):not([class*="btn"]),
.text-related-collections .text.has__line-clamp a:not([class*="button"]):not([class*="btn"]),
.collection-hero__text-wrapper .text a:not([class*="button"]):not([class*="btn"]),
.collection-hero__description a:not([class*="button"]):not([class*="btn"]) {
    color: inherit !important;
    text-decoration: underline !important;
}



/* Home boxata a 1920px come le altre pagine (2026-08-18) */
@media (min-width: 1921px) {

    /* di base ogni sezione della home e' centrata dentro un box da 1920px */
    .template-index main#MainContent > .shopify-section {
        max-width: 1920px;
        margin-left: auto;
        margin-right: auto;
    }

    /* eccezione 1: solo il banner principale resta a tutto schermo
       (gli altri hero, incluso quello azzurro dei testimonial, restano a 1920) */
    .template-index main#MainContent > .shopify-section[id$="hero_banner_b8aPrn"] {
        max-width: none;
    }

    /* eccezione 2: i caroselli restano boxati a 1920 come tutto il resto, cosi' titoli,
       tab e bottoni restano centrati sulla pagina; e' solo la riga di card a proseguire
       fino al bordo destro dello schermo. */
    .template-index main#MainContent > .shopify-section[id*="slider_product"] .carousel-wrap {
        margin-right: calc((1920px - 100vw) / 2);
    }
}


/* Header e footer: contenuto boxato a 1920px, sfondi sempre a tutto schermo (2026-08-18) */
@media (min-width: 1921px) {

    /* barra annunci: lo sfondo giallo resta pieno, il contenuto (testo + X) rientra */
    .shopify-section.announcement-bar-section .utility-bar.gradient {
        padding-left: calc(24px + (100% - 1920px) / 2);
        padding-right: calc(24px + (100% - 1920px) / 2);
    }

    /* header: lo sfondo sta su .header-wrapper, qui boxiamo solo il contenuto */
    .section-header .header-wrapper > header.header {
        max-width: 1920px;
        margin-left: auto;
        margin-right: auto;
        /* l'ombra 0 0 3rem sta su .header sotto i 1920 non si vede perche' esce dallo
           schermo; boxando l'header disegnerebbe due righe verticali (il "rettangolo")
           e scurirebbe la barra gialla solo dentro il box. La spostiamo sul contenitore. */
        box-shadow: none !important;
    }
    .section-header .header-wrapper {
        box-shadow: rgba(57, 44, 29, 0.12) 0 0 3rem;
    }

    /* footer: ogni blocco tiene il proprio sfondo a tutto schermo,
       si boxa solo il contenitore interno */
    .shopify-section-group-footer-group [class*="__custom_liquid_"][class*="-padding"],
    .shopify-section-group-footer-group .onlyfresh-rocket-subscribe-email__container,
    .shopify-section-group-footer-group [class*="ai-social-follow__content"],
    .shopify-section-group-footer-group.rocket-icon-text > [class*="-padding"],
    .rocket-footer .rocket-footer__top,
    .rocket-footer .rocket-footer__bottom {
        max-width: 1920px;
        margin-left: auto;
        margin-right: auto;
    }

    /* la riga divisoria del footer segue il box ma tiene il suo rientro */
    .rocket-footer .rocket-footer__line {
        max-width: min(1920px, calc(100% - 52px));
        margin-left: auto;
        margin-right: auto;
    }
}


/* Banner testimonial (#banner-home-bottom): testo sempre in proporzione alla foto (2026-08-18)
   Sostituisce i clamp() con minimo fisso definiti nel blocco custom-liquid in fondo alla home:
   sotto i 625/667px quei minimi bloccavano il testo mentre la foto continuava a rimpicciolire. */

/* MOBILE (< 768px): riferimento 375px -> 20px/25px, 40px sopra, 12px ai lati */
@media (max-width: 767px) {
    #banner-home-bottom .vis-hero_banner--innner .vis-hero_banner--content .heading-title__subtitle [class*="vis-hero_banner--heading"] {
        font-size: 5.3333vw !important;
        line-height: 1.25 !important;
        margin-bottom: 4.2667vw !important;
    }
    #banner-home-bottom .vis-hero_banner--innner .vis-hero_banner--content {
        padding-top: 10.6667vw !important;
        padding-left: 3.2vw !important;
        padding-right: 3.2vw !important;
    }
}

/* DA 768px IN SU: riferimento 1920px -> 57.6px (3vw).
   Sopra i 1920 il banner e' boxato, quindi il testo si ferma. */
@media (min-width: 768px) {
    #banner-home-bottom .vis-hero_banner--innner .vis-hero_banner--content .heading-title__subtitle [class*="vis-hero_banner--heading"] {
        font-size: min(3vw, 57.6px) !important;
        line-height: 1.3333 !important;
        margin-bottom: min(0.9375vw, 18px) !important;
    }
    #banner-home-bottom .vis-hero_banner--innner .vis-hero_banner--content {
        padding-left: min(5.2083vw, 100px) !important;
        padding-right: min(5.2083vw, 100px) !important;
    }
}


/* Banner testimonial: angoli arrotondati come le card categoria, solo da tablet in su
   (su mobile il banner resta a filo, 2026-08-18) */
@media (min-width: 768px) {
    #banner-home-bottom .vis-hero_banner--image {
        border-radius: 24px;
        overflow: hidden;
    }
    #banner-home-bottom .vis-hero_banner--image .vis-hero_banner--img {
        border-radius: 24px;
    }
    /* avendo gli angoli stondati non deve toccare i bordi: stesso margine laterale
       delle card categoria (24px), a qualsiasi larghezza */
    #banner-home-bottom {
        padding-left: 24px !important;
        padding-right: 24px !important;
    }
}

/* Widget Trustpilot: e' un iframe, quindi l'unico modo di tenerlo in proporzione
   e' scalarlo. CSS non sa ricavare un numero puro da vw, percio' la scala e' a
   gradini abbastanza fitti da non vedersi. Riferimenti: 375px su mobile, 1920px su desktop. */
#banner-home-bottom .vis-hero_banner--trustpilot .trustpilot-widget {
    transform: scale(var(--tp-scale, 1));
    transform-origin: center bottom;
}
@media (max-width: 767px) {
    #banner-home-bottom .vis-hero_banner--trustpilot .trustpilot-widget { --tp-scale: 0.88; }
}
@media (min-width: 340px) and (max-width: 767px) { #banner-home-bottom .vis-hero_banner--trustpilot .trustpilot-widget { --tp-scale: 0.93; } }
@media (min-width: 360px) and (max-width: 767px) { #banner-home-bottom .vis-hero_banner--trustpilot .trustpilot-widget { --tp-scale: 0.98; } }
@media (min-width: 380px) and (max-width: 767px) { #banner-home-bottom .vis-hero_banner--trustpilot .trustpilot-widget { --tp-scale: 1.04; } }
@media (min-width: 400px) and (max-width: 767px) { #banner-home-bottom .vis-hero_banner--trustpilot .trustpilot-widget { --tp-scale: 1.10; } }
@media (min-width: 430px) and (max-width: 767px) { #banner-home-bottom .vis-hero_banner--trustpilot .trustpilot-widget { --tp-scale: 1.15; } }

@media (min-width: 768px) {
    #banner-home-bottom .vis-hero_banner--trustpilot .trustpilot-widget {
        transform-origin: right bottom;
        --tp-scale: 0.45;
    }
}
@media (min-width: 900px)  { #banner-home-bottom .vis-hero_banner--trustpilot .trustpilot-widget { --tp-scale: 0.52; } }
@media (min-width: 1050px) { #banner-home-bottom .vis-hero_banner--trustpilot .trustpilot-widget { --tp-scale: 0.60; } }
@media (min-width: 1200px) { #banner-home-bottom .vis-hero_banner--trustpilot .trustpilot-widget { --tp-scale: 0.68; } }
@media (min-width: 1350px) { #banner-home-bottom .vis-hero_banner--trustpilot .trustpilot-widget { --tp-scale: 0.76; } }
@media (min-width: 1500px) { #banner-home-bottom .vis-hero_banner--trustpilot .trustpilot-widget { --tp-scale: 0.85; } }
@media (min-width: 1700px) { #banner-home-bottom .vis-hero_banner--trustpilot .trustpilot-widget { --tp-scale: 0.95; } }
@media (min-width: 1920px) { #banner-home-bottom .vis-hero_banner--trustpilot .trustpilot-widget { --tp-scale: 1; } }


/* Caroselli prodotti della home: stesso margine laterale del resto della pagina.
   Le sezioni avevano padding 0 76px (desktop) e 10px (mobile) contro i 24/16px
   delle card categoria, quindi partivano piu' rientrati di tutto il resto. */
.template-index main#MainContent > .shopify-section[id*="slider_product"] [class*="nopeek-carousel-"] {
    padding-left: 16px;
    padding-right: 16px;
}
@media (min-width: 768px) {
    .template-index main#MainContent > .shopify-section[id*="slider_product"] [class*="nopeek-carousel-"] {
        padding-left: 24px;
        padding-right: 24px;
    }
}


/* Hover card nei caroselli della home: la card sotto al mouse si ingrandisce (2026-08-18).
   Solo desktop con puntatore preciso: (hover:hover) e (pointer:fine) escludono touch e
   penna, dove :hover resta "appiccicato" dopo il tap. */
@media (hover: hover) and (pointer: fine) and (min-width: 1024px) {

    /* il carosello categorie ha overflow:hidden per contenere le slide su mobile:
       su desktop le 4 card ci stanno tutte, quindi lo liberiamo o la card
       ingrandita verrebbe tagliata sopra e sotto */
    .template-index #collection-list-home .swiper {
        overflow: visible;
    }

    .template-index #collection-list-home .ofc-cardwrap,
    .template-index main#MainContent > .shopify-section[id*="slider_product"] .rocket-fresh-product-card__wrapper {
        transform: translateZ(0);
        transition: transform 180ms cubic-bezier(0.22, 0.61, 0.36, 1);
    }

    .template-index #collection-list-home .ofc-cardwrap:hover,
    .template-index main#MainContent > .shopify-section[id*="slider_product"] .rocket-fresh-product-card__wrapper:hover {
        transform: scale(1.04);
        z-index: 3;
    }
}

/* Chi ha chiesto meno animazioni al sistema operativo non vede l'ingrandimento */
@media (prefers-reduced-motion: reduce) {
    .template-index #collection-list-home .ofc-cardwrap,
    .template-index #collection-list-home .ofc-cardwrap:hover,
    .template-index main#MainContent > .shopify-section[id*="slider_product"] .rocket-fresh-product-card__wrapper,
    .template-index main#MainContent > .shopify-section[id*="slider_product"] .rocket-fresh-product-card__wrapper:hover {
        transform: none;
        transition: none;
    }
}


/* Header: il menu inline e' centrato sulla pagina e "sfora" sopra il blocco lingua invece
   di restringersi, perche' occupa una grid-area che attraversa tutte le colonne.
   Con le etichette lunghe (NL, DE) si sovrappone alla bandiera. Due fasce critiche:
     990-1100px  -> con font 16px il menu e' piu' largo dello spazio disponibile
     1200-1300px -> il padding dell'header passa da 24 a 76px e il gap tra voci da 8 a 20px,
                    cioe' si perdono 152px proprio dove servivano
   (2026-08-18) */

/* sopra i 1200 il gap tra le voci sale a 20px: lo riportiamo a 8px come sotto,
   recuperando 48px. Il selettore ripete .list-menu.list-menu--inline perche' la regola
   originale di main.css usa entrambe le classi e altrimenti vince lei. */
@media (min-width: 990px) and (max-width: 1319px) {
    .section-header .header__inline-menu ul.list-menu.list-menu--inline {
        column-gap: 8px;
    }
}

/* a 1200px il padding dell'header salta da 24 a 76px, cioe' 104px in meno proprio dove
   servivano. Lo rimandiamo a 1320px, dove c'e' spazio in abbondanza. */
@media (min-width: 1200px) and (max-width: 1319px) {
    body .section-header .header:not(.drawer-menu).page-width {
        padding-left: 24px;
        padding-right: 24px;
    }
}

/* fascia stretta: il corpo delle voci scala con la finestra fino a tornare 16px a 1100px */
@media (min-width: 990px) and (max-width: 1100px) {
    .section-header .header__inline-menu .list-menu__item {
        font-size: clamp(13px, calc(2.6364vw - 13px), 16px);
    }
}

/* --------------------------------------------------------------------------
   Announcement bar sotto l'header, solo mobile (fino a 767px).
   Non tocca ne' l'ordine delle sezioni ne' il markup: le due fasce restano
   dove sono nell'HTML, qui si scambiano di posto solo a video.
   L'header sale di un'altezza-barra e restituisce lo stesso spazio sotto di se',
   la barra scende dell'altezza dell'header. L'header resta davanti per z-index.
   --of-announcement-height e' l'unica misura fissa del giro: per questo la barra
   ha qui un'altezza bloccata, altrimenti un testo su due righe sballerebbe i conti.
   -------------------------------------------------------------------------- */
@media (max-width: 767px) {
  :root {
    --of-announcement-height: 38px;
  }
  .announcement-bar-section .utility-bar {
    height: var(--of-announcement-height);
    overflow: hidden;
  }
  .announcement-bar-section {
    position: relative;
    z-index: 3;
    top: var(--header-height, 64px);
  }
  /* !important solo sul margine sotto: una regola caricata dopo custom.css
     azzera margin-bottom su .section-header, e senza questo lo spazio che
     l'header deve restituire sparisce e il contenuto finisce sotto la barra. */
  .section-header {
    margin-top: calc(-1 * var(--of-announcement-height));
    margin-bottom: var(--of-announcement-height) !important;
  }
}

/* --------------------------------------------------------------------------
   Home su mobile: titoli di sezione e switcher piu' piccoli.
   .carousel-title non aveva regole sue, prendeva la misura dall'h2 generico
   (25,6px con interlinea 44px): su schermo piccolo occupava mezza schermata.
   Per lo switcher basta rimettere le tre variabili che la sezione usa gia',
   cosi' pillole, indicatore e traccia si ridimensionano insieme. Il selettore
   parte da `div[...]` per superare la regola inline della sezione, che essendo
   nel body vincerebbe a parita' di peso.
   -------------------------------------------------------------------------- */
@media (max-width: 767px) {
  .carousel-title {
    font-size: 17px;
    line-height: 1.2;
  }
  div[class*='nopeek-carousel-'] .pills {
    --pill-h: 30px;
    --pill-pad-x: 14px;
    --pill-fs: 13px;
  }
}

/* --------------------------------------------------------------------------
   Scheda prodotto su mobile.
   1) La galleria e' un riquadro quadrato con object-fit: cover, quindi le foto
      non quadrate venivano tagliate e sembravano zoomate (Submarine cooling:
      file 1255x1500 dentro 393x393, 20% perso). Il contenitore ha gia' la
      classe .media-fit-contain, cioe' l'intenzione del tema era "contain":
      qui la si fa valere davvero. Sulle foto gia' quadrate non cambia nulla.
   2) Titolo e sottotitolo erano tarati sul desktop (24px e 14px).
   -------------------------------------------------------------------------- */
@media (max-width: 767px) {
  .product-media-container .product__media img {
    object-fit: contain !important;
  }
  /* !important perche' le misure desktop arrivano da un foglio caricato dopo
     custom.css: senza, queste due regole non attaccano (verificato sul live). */
  .product__title h1 {
    font-size: 19px !important;
    line-height: 1.15 !important;
  }
  .product__info-container .product__text {
    font-size: 12px !important;
    line-height: 1.3 !important;
  }
}

/* --------------------------------------------------------------------------
   Banner della home: altezza governata dal CSS, non da JavaScript.
   Lo slider gira con autoHeight, che scrive un'altezza in PIXEL FISSI dentro
   lo style di .swiper-wrapper, misurata sulla slide attiva in quel momento.
   Da li' in poi il CSS non comanda piu': ridimensionando la finestra il numero
   resta quello vecchio, l'immagine invece scala, e la sezione sotto (le tessere
   categoria) finisce sopra al banner. Tornava a posto solo ricaricando.
   Con height:auto!important il wrapper torna a contenere davvero le slide:
   l'altezza segue l'immagine, che ha gia' il suo aspect-ratio, quindi scala in
   modo continuo a qualsiasi larghezza. L'!important serve perche' deve battere
   lo style inline scritto da Swiper.
   -------------------------------------------------------------------------- */
.vis-hero_banner--media.swiper-wrapper {
  height: auto !important;
}

/* Carrello v2 (estensione app): colori di sfondo decisi sul tema */
.ofc__side {
  background: #f8f6ee !important;
}
.ofc__spedizione {
  background: #ffffff !important;
  border: 1px solid #e9e8e6 !important;
}

/* Trustpilot senza consenso marketing: il widget non parte e resta il link di
   testo. Al suo posto mostriamo un logo statico servito dal tema (nessuna
   chiamata a Trustpilot). Col consenso lo script sostituisce il link con l'iframe. */
.trustpilot-widget > a {
  display: inline-block !important;
  width: 142px !important;
  height: auto !important;
  padding-top: 62px !important;
  background: url('trustpilot-static.svg') no-repeat left top / 142px 62px !important;
  font-size: 0 !important;
  color: transparent !important;
  text-decoration: none !important;
  overflow: hidden !important;
}

.trustpilot-widget > a::after {
  content: '4.7 \00B7  7444 opiniones';
  display: block;
  margin-top: 6px;
  font: 500 13px/1.2 Helvetica, Arial, sans-serif;
  color: #191919;
  white-space: nowrap;
}
:lang(it) .trustpilot-widget > a::after { content: '4.7 \00B7  7444 recensioni'; }
:lang(en) .trustpilot-widget > a::after { content: '4.7 \00B7  7444 reviews'; }
:lang(de) .trustpilot-widget > a::after { content: '4.7 \00B7  7444 Bewertungen'; }
:lang(fr) .trustpilot-widget > a::after { content: '4.7 \00B7  7444 avis'; }
:lang(nl) .trustpilot-widget > a::after { content: '4.7 \00B7  7444 beoordelingen'; }
:lang(pl) .trustpilot-widget > a::after { content: '4.7 \00B7  7444 opinii'; }
:lang(pt) .trustpilot-widget > a::after { content: '4.7 \00B7  7444 avaliações'; }