/**
 * GB homepage overrides — estratto da style_fKSR.css
 * Caricato dopo style.css solo sulla home.
 */


/* Base .cta */
.cta,
a.cta {
  display:inline-grid;
  justify-content:center;
  align-items:center;
  grid-template-rows:auto;
  grid-auto-flow:column;
  grid-auto-columns:auto;
  column-gap:5px;
  height:48px;
  padding:0 10px;
  border-radius:6px;
  font-size:16px;
  line-height:1em;
  font-family:inherit;
  font-weight:700;
  text-transform:uppercase;
  text-decoration:none;
  white-space:nowrap;
  color:#fff;
  background-color:#0b1334;
  cursor:pointer;
  outline:none;
  transition:background-color .2s ease-in-out,color .2s ease-in-out
}
@media(min-width: 375px) {
  .cta,
  a.cta {
    padding:0 20px;
    font-size:18px
  }
}
@media(hover: hover) {
  .cta:hover,
  a.cta:hover {
    background-color:#fbd666
  }
}
.cta * img,
a.cta * img {
  display:inline-block
}
.cta>svg,
.cta>svg path,
a.cta>svg,
a.cta>svg path {
  fill:currentColor
}
.cta--px-s,
a.cta--px-s {
  padding-right:10px !important;
  padding-left:10px !important
}
.cta--small,
a.cta--small {
  min-width:94px;
  height:34px;
  padding-right:10px;
  padding-left:10px;
  font-size:14px;
  line-height:1em;
  text-transform:unset
}
.cta--extra-small,
a.cta--extra-small {
  height:33px;
  padding-right:8px;
  padding-left:8px;
  font-size:11px;
  line-height:1em;
  text-transform:unset
}
.cta--space-between,
a.cta--space-between {
  justify-content:space-between
}
.cta--w-100,
a.cta--w-100 {
  width:100%
}
.cta--bordered,
a.cta--bordered {
  background-color:#0b1334;
  border:1px solid #0b1334;
  font-size:16px;
  line-height:1em;
  font-weight:500;
  transition:border-color .2s ease-in-out,background-color .2s ease-in-out
}
@media(hover: hover) {
  .cta--bordered:hover,
  a.cta--bordered:hover {
    background-color:#ffcd00
  }
}
.cta--bordered.cta--active,
a.cta--bordered.cta--active {
  background-color:#d20000;
  border-color:#d20000;
  cursor:unset;
  -webkit-user-select:none;
  -ms-user-select:none;
  user-select:none
}

/* .cta-form */
.cta-form {
  display:grid;
  grid-template-rows:auto;
  grid-auto-flow:column;
  grid-auto-columns:auto;
  justify-content:center;
  align-items:center;
  column-gap:5px;
  width:100%;
  max-width:342px;
  height:48px;
  margin:auto;
  border-radius:24px;
  font-size:18px;
  font-weight:400;
  background-color:#d20000;
  box-shadow:0 3px 6px rgba(0,0,0,.2);
  cursor:pointer;
  transition:background-color .2s ease-in-out;
  border:none;
  color:#fff;
  font-family: "Montserrat", Arial, sans-serif;
}
@media(hover: hover) {
  .cta-form:hover {
    background-color:#fbd666
  }
}
.cta-form>span {
  text-transform:uppercase
}
.cta-form--disabled,
.cta-form[disabled] {
  background-color:#fbd666;
  color:#6d757c;
  cursor:not-allowed;
  pointer-events:none
}

/* .form-filters-home */
.form-filters-home {
  display:grid;
  grid-template-columns:1fr;
  grid-template-rows:auto 1fr;
  width:100%;
  max-width:434px
}
.form-filters-home__header {
  margin-bottom:35px
}
.form-filters-home__form {
  display:grid;
  grid-template-columns:1fr;
  grid-template-rows:auto 1fr
}
.form-filters-home__form>.html-update-wrap {
  display:grid;
  grid-template-rows:1fr
}
.form-filters-home__fieldset {
  display:grid;
  margin-bottom:35px;
  grid-auto-flow:row;
  grid-auto-rows:auto;
  row-gap:15px
}
.form-filters-home__fieldset--2col {
  grid-template-columns:1fr 1fr;
  grid-auto-flow:row;
  grid-auto-rows:auto;
  gap:15px 10px
}
.form-filters-home__field {
  display:grid;
  grid-template:auto auto/auto;
  row-gap:10px
}
.form-filters-home__field--checkbox {
  display:block;
  grid-template:unset;
  row-gap:unset
}
.form-filters-home select,
.form-filters-home input,
.form-filters-home__select,
.form-filters-home__checkbox,
.form-filters-home__input {
  height:48px;
  padding:0 10px;
  border:1px solid currentColor;
  border-radius:6px;
  font-family:inherit;
  font-size:16px;
  width:100%;
  outline:none
}
.form-filters-home select,
.form-filters-home select *,
.form-filters-home input,
.form-filters-home input *,
.form-filters-home__select,
.form-filters-home__select *,
.form-filters-home__checkbox,
.form-filters-home__checkbox *,
.form-filters-home__input,
.form-filters-home__input * {
  background-color:#fff
}
.form-filters-home select::placeholder,
.form-filters-home input::placeholder,
.form-filters-home input::placeholder,
.form-filters-home__input::placeholder {
  color:currentColor
}
.form-filters-home__input--radio,
.form-filters-home__input--checkbox {
  visibility:hidden;
  position:fixed;
  left:-400vw
}
.form-filters-home__label,
.form-filters-home__legend {
  font-size:16px;
  font-weight:700
}
.form-filters-home__field--checkbox .form-filters-home__label {
  position:relative;
  display:flex;
  justify-content:left;
  column-gap:10px;
  min-height:20px;
  cursor:pointer
}
.form-filters-home__field--checkbox .form-filters-home__label>span {
  display:block;
  margin-top:-1px;
  line-height:20px;
  font-size:16px;
  font-weight:400
}
.form-filters-home__field--checkbox .form-filters-home__input--checkbox+.form-filters-home__label:before,
.form-filters-home__field--checkbox .form-filters-home__input--checkbox+.form-filters-home__label:after {
  flex-shrink:0;
  content:"";
  display:block;
  height:21px;
  width:21px;
  border:1px solid currentColor;
  border-radius:4px;
  background-size:12px;
  background-repeat:no-repeat;
  background-position:center;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='25' viewBox='0 0 25 25'%3E%3Cpath d='M24.053,20.935l8.729-8.729a2.207,2.207,0,1,0-3.119-3.124l-8.729,8.729L12.206,9.082a2.209,2.209,0,0,0-3.124,3.124l8.729,8.729L9.082,29.664a2.209,2.209,0,1,0,3.124,3.124l8.729-8.729,8.729,8.729a2.209,2.209,0,1,0,3.124-3.124Z' transform='translate(-8.435 -8.435)' fill-opacity='0' fill='%23FFFFFF'/%3E%3C/svg%3E");
  transition:opacity .2s ease-in-out
}
.form-filters-home__field--checkbox .form-filters-home__input--checkbox+.form-filters-home__label:after {
  position:absolute;
  top:0;
  left:0;
  opacity:0;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='25' viewBox='0 0 25 25'%3E%3Cpath d='M24.053,20.935l8.729-8.729a2.207,2.207,0,1,0-3.119-3.124l-8.729,8.729L12.206,9.082a2.209,2.209,0,0,0-3.124,3.124l8.729,8.729L9.082,29.664a2.209,2.209,0,1,0,3.124,3.124l8.729-8.729,8.729,8.729a2.209,2.209,0,1,0,3.124-3.124Z' transform='translate(-8.435 -8.435)' fill-opacity='1' fill='%231d1d1b'/%3E%3C/svg%3E")
}
.form-filters-home__field--checkbox .form-filters-home__input--checkbox:checked+.form-filters-home__label:before {
  opacity:0
}
.form-filters-home__field--checkbox .form-filters-home__input--checkbox:checked+.form-filters-home__label:after {
  opacity:1
}
.form-filters-home__error-main {
  display:grid;
  align-items:start;
  height:auto;
  padding-top:15px;
  padding-bottom:15px;
  color:#cb200e;
  font-size:14px;
  text-align:left
}
@media(min-width: 993px) {
  .form-filters-home__error-main {
    text-align:center
  }
}
.form-filters-home__error-main.hidden {
  height:35px;
  padding-top:0;
  padding-bottom:0;
  visibility:hidden
}
@media(max-width: 1149px) {
  .form-filters-home__field--fuel {
    display:none
  }
}
@media(min-width: 1150px) {
  .form-filters-home__field--fuel {
    visibility:hidden
  }
}

/* .main-heading */
.main-heading {
  display:grid;
  justify-content:center;
  justify-items:center;
  align-items:center;
  row-gap:10px;
  margin-bottom:50px;
  padding-left:15px;
  padding-right:15px;
  text-align:center
}
@media(min-width: 576px) {
  .main-heading {
    row-gap:15px;
    margin-bottom:70px
  }
}
.main-heading__title {
  height:35px;
  line-height:35px
}
@media(min-width: 576px) {
  .main-heading__title {
    height:47px;
    line-height:47px
  }
}
.main-heading__title>* {
  display:block;
  transform:translateY(-0.12em)
}
.main-heading__sub-title {
  min-height:29px;
  line-height:1.2em
}
@media(min-width: 576px) {
  .main-heading__sub-title {
    min-height:33px
  }
}
.main-heading__sub-title>* {
  display:block;
  transform:translateY(-0.12em)
}

/* .section--accent */
.section--accent {
  background-color:#fff
}
.section--grey {
  background-color:#f5f5f5
}
.section--accent-stripes {
  min-height:650px
}
@media(min-width: 1150px) {
  .section--accent-stripes {
    background-image:url("../loghi/stripe.png");
    background-position:top left;
    background-size:1920px 695px;
    background-repeat:no-repeat
  }
}
@media(min-width: 1920px) {
  .section--accent-stripes {
    background-size:100vw 695px
  }
}

/* .gallery-home */
.gallery-home {
  display:grid;
  width:100%;
  margin-left:auto;
  margin-right:auto
}
@media(min-width: 768px) {
  .gallery-home {
    max-width:726px
  }
}
@media(min-width: 1150px) {
  .gallery-home {
    grid-template:auto auto/350px 1fr;
    align-items:end;
    max-width:unset
  }
}
.gallery-home__extra {
  justify-self:center;
  width:100%;
  max-width:434px;
  background-color:#fff;
  padding-bottom:50px;
  padding-right:15px;
  padding-left:15px
}
@media(min-width: 768px) {
  .gallery-home__extra {
    justify-self:unset;
    grid-row:span 2;
    display:grid;
    justify-items:center;
    max-width:unset;
    border-top-left-radius:16px;
    border-top-right-radius:16px;
    box-shadow:0 0px 10px rgba(0,0,0,.2);
    padding-left:30px;
    padding-right:30px;
    padding-top:35px
  }
}
@media(min-width: 1150px) {
  .gallery-home__extra {
    z-index:5;
    min-height:486px;
    border-radius:16px;
    padding-top:25px;
    padding-bottom:35px
  }
}
.gallery-home__content {
  overflow:hidden
}
@media(min-width: 768px) {
  .gallery-home__content {
    border-radius:16px 16px 16px 0;
    margin-top:-16px
  }
}
@media(min-width: 1150px) {
  .gallery-home__content {
    border-top-left-radius:0;
    margin-top:unset;
    max-height: 411px;
  }
}
.gallery-home__highlight {
  display:grid;
  align-items:center;
  background-color:#d20000;
  row-gap:16px;
  padding:16px;
  font-size:18px;
  color:#fff;
}
@media(min-width: 768px) {
  .gallery-home__highlight {
    grid-template:auto/auto 280px;
    gap:0 45px;
    height:unset;
    padding:18px 30px
  }
}
@media(min-width: 1150px) {
  .gallery-home__highlight {
    justify-content:left;
    justify-items:left
  }
}
.gallery-home__highlight>div:first-child {
  display:grid;
  justify-content:left;
  align-content:space-between;
  row-gap:4px
}
.gallery-home__highlight .big,
.gallery-home__highlight .normal,
.gallery-home__highlight .small {
  line-height:22px
}
.gallery-home__highlight .big {
  font-size:24px;
  white-space:nowrap
}
@media(min-width: 768px) {
  .gallery-home__highlight .normal {
    white-space:nowrap
  }
}
.gallery-home__highlight .small {
  font-size:16px
}
@media(min-width: 768px) {
  .gallery-home__highlight .small {
    font-size:18px
  }
}
.gallery-home__highlight .small:first-line {
  line-height:26px
}
.gallery-home__footer {
  display:none
}
@media(min-width: 768px) {
  .gallery-home__footer {
    align-self:start;
    display:flex;
    justify-content:center;
    align-items:center;
    column-gap:20px;
    height:48px;
    margin-top:-8px;
    padding-top:8px;
    background-color:#f5f5f5;
    border-bottom-left-radius:16px;
    border-bottom-right-radius:16px
  }
  .gallery-home__footer>div {
    display:grid;
    grid-template:auto/auto auto;
    justify-content:center;
    align-items:center;
    column-gap:5px
  }
}
@media(min-width: 768px)and (min-width: 1150px) {
  .gallery-home__footer {
    column-gap:30px;
    border-bottom-left-radius:0
  }
}
@media(min-width: 768px) {
  body[data-market^=es] .gallery-home__extra {
    padding-left:25px;
    padding-right:25px
  }
}
body[data-market^=es] .gallery-home__footer {
  font-size:14px
}

/* .best-offers title */
.best-offers__title {
  max-width:342px;
  margin-right:auto;
  margin-left:auto;
  text-align:center;
  margin-bottom:35px
}
.best-offers__title {
  font-family:"sofia-pro",Arial,sans-serif;
  font-size:30px;
  font-weight:400;
  line-height:38px
}
@media(min-width: 1150px) {
  .best-offers__title {
    font-size:34px;
    line-height:42px
  }
}
.best-offers__title--small {
  font-size:30px !important
}
.best-offers__title--underlined {
  display:grid;
  justify-items:center;
  align-items:center
}
.best-offers__title--underlined>span {
  display:block
}
.best-offers__title--underlined:after {
  content:"";
  display:block;
  width:252px;
  height:12px;
  background-image:url("../../images/svg/sottolineatura.svg");
  background-position:center;
  background-repeat:no-repeat
}
@media(min-width: 768px) {
  .best-offers__title {
    max-width:unset;
    margin-bottom:50px
  }
}
.best-offers__title br {
  display:none
}

/* .card-price */
.card-price {
  display:grid;
  align-items:center;
  grid-template:auto auto/auto;
  color:#d62222;
}
.card-price--with-ribbon {
  padding-right:80px
}
.card-price__ribbon {
  position:absolute;
  z-index:5;
  top:7px;
  right:-25px;
  width:100px;
  max-height:38px;
  padding:4px 6px 6px;
  background-color:#4a6cc1;
  color:#fff;
  line-height:13px;
  font-size:12px;
  font-weight:500;
  text-align:center;
  border-radius:4px
}
.card-price__ribbon>span {
  padding-bottom:2px
}
.card-price__ribbon>span {
  line-clamp:2;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  overflow:hidden;
  text-overflow:ellipsis
}
.card-price__previous {
  font-size:14px;
  min-height:1em;
  line-height:1em
}
.card-price__current {
  height:1.4545454545em;
  font-size:22px;
  line-height:1.4545454545em
}
.card-price__current>strong {
  display:inline-block;
  font-size:28px
}
.card-price__frequency {
  line-height:1.1em
}
@container simple-card (min-width: 282px) {
  .card-price--with-ribbon {
    padding-right:75px
  }
  .card-price__ribbon {
    top:10px;
    right:-30px
  }
  .card-price__previous {
    font-size:16px
  }
  .card-price__current {
    font-size:30px;
    font-weight: 400 !important;
  }
  .card-price__current>strong {
    font-size:40px;
    font-weight: 400 !important;
  }
}

/* .simple-card ribbons */
.simple-card[data-top-ribbon-text]:before,
.simple-card [data-upper-ribbon-text]:before {
  z-index:5
}
.simple-card[data-top-ribbon-text]:before {
  display:block;
  content:attr(data-top-ribbon-text);
  position:absolute;
  left:50%;
  bottom:100%;
  width:228px;
  height:32px;
  transform:translate(-50%, 50%);
  padding-right:28px;
  padding-left:28px;
  border-radius:4px;
  background-color:#0b1334;
  background-image:url("../../images/svg/star.svg"),url("../../images/svg/star.svg");
  background-position:center left 8px,center right 8px;
  background-size:13.56px auto;
  background-repeat:no-repeat;
  color:#fff;
  text-align:center;
  font-size:11.5px;
  font-weight:bold;
  text-transform:uppercase;
  line-height:32px;
  letter-spacing:-0.01em
}
.simple-card[data-top-ribbon-text]:before {
  line-clamp:1;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:1;
  overflow:hidden;
  text-overflow:ellipsis
}
.simple-card [data-upper-ribbon-text]:before {
  content:attr(data-upper-ribbon-text);
  position:absolute;
  top:20px;
  left:-25px;
  height:24px;
  padding:0 20px;
  background-color:#d62222;
  color:#fff;
  font-size:12px;
  font-weight:500;
  line-height:24px;
  border-radius:4px
}

/* .simple-card GB */
/* ==========================
   SIMPLE CARD
========================== */

.simple-card__wrap{
    display:grid;
    grid-template:1fr repeat(5,auto)/1fr;
    align-items:end;

    height:100%;

    padding:30px 15px 15px;

    background:#fff;
    color:#000;

    font-family:"Montserrat", Arial, sans-serif;
    font-size:14px;
    line-height:1.57;

    border:1px solid rgba(11,19,52,.15);
    border-radius:16px;

    /* Ombra */
    box-shadow:
        0 4px 12px rgba(0,0,0,.06),
        0 12px 32px rgba(11,19,52,.10);

    transition:
        transform .35s ease,
        box-shadow .35s ease,
        border-color .35s ease;
}

/* Hover */

.simple-card__wrap:hover{

    transform:translateY(-8px);

    border-color:#0b1334;

    box-shadow:
        0 8px 20px rgba(0,0,0,.08),
        0 20px 45px rgba(11,19,52,.18);
}

/* Container Query */

@container simple-card (min-width:282px){

    .simple-card__wrap{

        padding-right:20px;
        padding-left:20px;

        font-size:16px;

    }

}
.simple-card__image img{

    transition:transform .4s ease;

}

.simple-card__wrap:hover .simple-card__image img{

    transform:scale(1.04);

}

/* .rich-card desktop */
@media(min-width:768px){
  .rich-card{
    display:grid;
    grid-template-columns:1fr 330px;
    min-height:412px;
    overflow:hidden;
    border-radius:0 0 18px 18px;
  }

  .rich-card__image{
    min-height:412px;
    background-position:center center !important;
    background-size:cover !important;
  }

  .rich-card__content{
    display:flex;
    flex-direction:column;
    justify-content:center;
    height:auto;
    padding:32px 28px;
    background:#1d1d1b;
    color:#fff;
  }
}

/* Forza palette GB sopra Yoyomove (style.css) */
body[data-page-type="home"] .gallery-home__highlight {
  background-color: #d20000 !important;
  color: #fff !important;
}
body[data-page-type="home"] .gallery-home__highlight .big,
body[data-page-type="home"] .gallery-home__highlight .normal,
body[data-page-type="home"] .gallery-home__highlight .small {
  color: #fff !important;
}
body[data-page-type="home"] .section--accent {
  background-color: #fff !important;
}
body[data-page-type="home"] .cta,
body[data-page-type="home"] a.cta {
  color: #fff !important;
  background-color: #0b1334 !important;
}
body[data-page-type="home"] .cta--bordered,
body[data-page-type="home"] a.cta--bordered {
  background-color: #0b1334 !important;
  border-color: #0b1334 !important;
  color: #fff !important;
}
body[data-page-type="home"] .cta--bordered.cta--active,
body[data-page-type="home"] a.cta--bordered.cta--active {
  background-color: #d20000 !important;
  border-color: #d20000 !important;
  color: #fff !important;
}
body[data-page-type="home"] .form-filters-home__submit.cta-form,
body[data-page-type="home"] .cta-form {
  background-color: #d20000 !important;
  color: #fff !important;
  font-weight: 400 !important;
}
body[data-page-type="home"] .simple-card__wrap {
  background: #fff !important;
  color: #000 !important;
  border: 1px solid rgba(11, 19, 52, 0.15) !important;
}
body[data-page-type="home"] .simple-card--highlighted .simple-card__wrap {
  border-color: rgba(11, 19, 52, 0.15) !important;
}
body[data-page-type="home"] .card-price {
  color: #d62222 !important;
}
body[data-page-type="home"] .rich-card-slider__bullet {
  background-color: #d20000 !important;
}
body[data-page-type="home"] .simple-card__footer .cta {
  background-color: #0b1334 !important;
  color: #fff !important;
}
body[data-page-type="home"] .rich-card-slider__button:before {
  background-color: #d20000;
}

/* gb-home.css è solo sulla homepage — override diretti (no dipendenza da data-page-type) */
.section--accent,
.section.section--accent {
  background-color: #fff !important;
}

.section--accent-stripes {
  background-color: #fff !important;
}

@media (min-width: 1150px) {
  .section--accent-stripes {
    background-image: url("../../images/loghi/stripe.png") !important;
    background-position: top left !important;
    background-size: 1920px 695px !important;
    background-repeat: no-repeat !important;
  }
}

.gallery-home__highlight {
  background-color: #d20000 !important;
  color: #fff !important;
}

.cta--bordered.cta--active,
a.cta--bordered.cta--active {
  background-color: #d20000 !important;
  border-color: #d20000 !important;
  color: #fff !important;
}

.cta--bordered,
a.cta--bordered {
  background-color: #0b1334 !important;
  border-color: #0b1334 !important;
  color: #fff !important;
}

.form-filters-home__submit.cta-form,
.cta-form {
  background-color: #d20000 !important;
  color: #fff !important;
}

.simple-card__wrap {
  background: #fff !important;
  color: #000 !important;
  border-color: rgba(11, 19, 52, 0.15) !important;
}

.simple-card--highlighted .simple-card__wrap {
  border-color: rgba(11, 19, 52, 0.15) !important;
}

.card-price,
.card-price__current,
.card-price__current > strong {
  color: #d62222 !important;
}

.simple-card__footer .cta {
  background-color: #0b1334 !important;
  color: #fff !important;
}

.rich-card-slider__bullet {
  background-color: #d20000 !important;
}

/* yo-article variant="mission" – logo GB orizzontale (logogb.png) */
.article.article--logo .article__image {
  width: auto !important;
  max-width: 280px !important;
  justify-self: center !important;
  align-self: center !important;
  margin: 0 auto !important;
}

.article.article--logo .article__image > picture {
  display: block;
  width: 100%;
  border-radius: 0 !important;
  overflow: visible !important;
}

.article.article--logo .article__image img {
  width: 100% !important;
  max-width: 280px !important;
  height: auto !important;
  object-fit: contain;
}

@media (max-width: 992px) {
  .article.article--logo .article__image,
  .article.article--logo .article__image img {
    max-width: 220px !important;
  }
}

/* Brands slider – altezza reale (style.css forza 500px e lascia vuoto sotto i box) */
body[data-page-type="home"] .brands-slider,
.brands-slider {
  height: 180px !important;
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
  box-sizing: border-box !important;
}

body[data-page-type="home"] .section.section--slider,
.section.section--slider {
  padding-bottom: 24px !important;
}

body[data-page-type="home"] .section.section--slider .h3.mb-xl,
.section.section--slider .h3.mb-xl {
  margin-bottom: 1.6rem !important;
}

@media (min-width: 768px) {
  body[data-page-type="home"] .brands-slider,
  .brands-slider {
    height: 220px !important;
    padding-bottom: 56px !important;
  }
}

/* Fallback scroll nativo se edSlider non parte */
.brands-slider--scroll {
  overflow: hidden;
}

.brands-slider--scroll .brands-slider__wrapper {
  position: relative !important;
  top: auto !important;
  height: auto !important;
  width: 100% !important;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  scroll-snap-type: x mandatory;
  gap: 16px;
  justify-content: flex-start !important;
  padding: 4px 2px 8px;
  cursor: grab;
}

.brands-slider--scroll .brands-slider__item {
  flex: 0 0 auto;
  scroll-snap-align: start;
}

@media (max-width: 767px) {
  .brands-slider .brands-slider__navigation {
    display: none !important;
  }

  .brands-slider--scroll .brands-slider__navigation {
    display: none !important;
  }
}

/* yo-masonry-offers – carosello prima riga (desktop + mobile) */
.masonry-offers-carousel {
  position: relative;
  width: 100%;
  overflow: hidden;
  height: 264px;
  margin-bottom: 52px;
}

.masonry-offers-carousel__wrapper {
  display: flex;
  align-items: stretch;
  height: 100%;
  user-select: none;
  cursor: grab;
}

.masonry-offers-carousel__wrapper:active {
  cursor: grabbing;
}

.masonry-offers-carousel__slide {
  flex: 0 0 auto;
  height: 100%;
}

.masonry-offers-carousel__slide .masonry-boxes__item {
  display: block;
  height: 264px;
  min-height: 264px;
}

.masonry-offers-carousel__slide .masonry-boxes__item-content {
  height: 100%;
  min-height: 264px;
  grid-template-columns: minmax(0, 315px) auto !important;
}

.masonry-offers-carousel__navigation {
  position: absolute;
  right: 0;
  bottom: -44px;
  display: grid;
  grid-template-columns: auto auto;
  column-gap: 16px;
  z-index: 2;
}

.masonry-offers-carousel__button {
  position: relative;
  width: 36px;
  height: 36px;
  cursor: pointer;
}

.masonry-offers-carousel__button::before,
.masonry-offers-carousel__button::after {
  content: "";
  position: absolute;
  inset: 0;
  display: block;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 36px;
  transition: opacity 0.2s ease-in-out;
}

.masonry-offers-carousel__button::before {
  opacity: 1;
  background-image: url("../../images/svg/arrow_black_circle_dx.svg");
}

.masonry-offers-carousel__button::after {
  opacity: 0;
  background-image: url("../../images/svg/arrow_white_circle_dx.svg");
}

@media (hover: hover) {
  .masonry-offers-carousel__button:hover::before {
    opacity: 0;
  }

  .masonry-offers-carousel__button:hover::after {
    opacity: 1;
  }
}

.masonry-offers-carousel__button--prev {
  transform: scaleX(-1);
}

.masonry-offers-carousel__button.hidden {
  visibility: hidden;
  pointer-events: none;
}

.masonry-offers-carousel__button.disabled {
  opacity: 0.4;
  cursor: auto;
}

@media (min-width: 768px) {
  .masonry-offers-carousel {
    margin-bottom: 67px;
  }
}

@media (max-width: 767px) {
  .masonry-offers-carousel__slide .masonry-boxes__item-content {
    grid-template-columns: minmax(0, 280px) auto !important;
    padding: 25px 20px !important;
  }

  .masonry-offers-carousel__navigation {
    right: 50%;
    transform: translateX(50%);
    bottom: -48px;
  }
}