.yusera-text-logo{font-family:Arial,Helvetica,sans-serif;font-size:40px;font-weight:900;letter-spacing:1.5px;line-height:1;color:#fff;display:inline-block}.yusera-text-logo--color,.yusera-text-logo--nav{color:#111}.dynamic-dropdown{display:none;position:absolute;background:#fff;min-width:220px;padding:14px 0;box-shadow:0 12px 30px rgba(0,0,0,.12);z-index:50}.main-navigation__list-item{position:relative}.main-navigation__list-item:hover>.dynamic-dropdown{display:block}.dynamic-dropdown ul{list-style:none;margin:0;padding:0}.dynamic-dropdown a{display:block;padding:9px 18px;color:#161616;text-decoration:none}.dynamic-dropdown a:hover{background:#f4f6f8}@media(max-width:991px){.dynamic-dropdown{position:static;box-shadow:none;width:100%;background:#f7f7f7}.main-navigation__list-item.open>.dynamic-dropdown{display:block}.yusera-text-logo{font-size:30px}}
/* Reliable local UI fallbacks for icon-font/CORS failures */
.icon-chevron-down:before{content:'⌄'!important;font-family:Arial,sans-serif!important;font-size:15px}.icon-chevron-right:before{content:'›'!important;font-family:Arial,sans-serif!important;font-size:20px}.icon-x:before{content:'×'!important;font-family:Arial,sans-serif!important;font-size:24px}.icon-instagram:before{content:'IG'!important;font-family:Arial,sans-serif!important;font-size:11px;font-weight:800}.icon-youtube:before{content:'YT'!important;font-family:Arial,sans-serif!important;font-size:11px;font-weight:800}.icon-linkedin:before{content:'in'!important;font-family:Arial,sans-serif!important;font-size:12px;font-weight:800}.footer-social__item-link span:first-child{display:inline-grid!important;place-items:center;width:30px;height:30px;border:1px solid #8da0ab;border-radius:50%;color:#1a607d}.header__actions-btn.icon-CLabs_Iconos_Web_Buscador:before{content:'⌕'!important;font-family:Arial,sans-serif!important;font-size:24px}.icon-CLabs_Iconos_Web_Usuario:before{content:'U'!important;font-family:Arial,sans-serif!important;font-size:12px;font-weight:800}.icon-CLabs_Iconos_Web_Punto_de_Venta:before{content:'P'!important;font-family:Arial,sans-serif!important;font-size:12px;font-weight:800}.language-selector .selected-language{cursor:pointer}.language-selector .selected-language .arrow{margin-left:8px}.dynamic-dropdown{border-radius:4px}.dynamic-dropdown a{font-size:13px}.cms-page{padding:55px 0 80px}.cms-page__hero{max-width:1200px;margin:0 auto 42px;padding:0 24px}.cms-page__overline{text-transform:uppercase;color:#176b8e;font-size:13px;font-weight:700;letter-spacing:.08em;margin:0 0 12px}.cms-page__title{font-size:46px;line-height:1.08;margin:0 0 16px;font-weight:500}.cms-page__desc{max-width:760px;font-size:17px;line-height:1.7;color:#53616c}.cms-page__image{width:100%;max-height:480px;object-fit:cover;margin-top:25px}.cms-page__product{max-width:1200px;margin:0 auto;padding:0 24px}.cms-page__product-heading{font-size:26px;margin:0 0 22px}.cms-page__product-grid{display:grid;grid-template-columns:minmax(0,360px) 1fr;gap:42px;align-items:center;border-top:1px solid #dce3e7;padding-top:28px}.cms-page__product-grid img{width:100%;max-height:420px;object-fit:contain;background:#f7f8f9}.cms-page__product-brand{font-size:12px;font-weight:700;letter-spacing:.08em;color:#176b8e;text-transform:uppercase}.cms-page__product-name{font-size:34px;margin:8px 0 12px}.cms-page__product-text{font-size:16px;line-height:1.7;color:#5d6871}.cms-page__product-link{display:inline-block;margin-top:14px;border:1px solid #176b8e;padding:11px 20px;color:#176b8e;text-decoration:none}@media(max-width:768px){.cms-page{padding-top:32px}.cms-page__title{font-size:34px}.cms-page__product-grid{grid-template-columns:1fr}.cms-page__product-name{font-size:28px}}



/* =========================================================
   YUSERA FINAL MOBILE/TABLET/DESKTOP PATCH v3 — 2026-08-19
   Loaded LAST, so the old Cantabria CSS cannot override it.
   ========================================================= */
html,body{width:100%;max-width:100%;overflow-x:hidden!important}
*,*:before,*:after{box-sizing:border-box}
img,video,picture{max-width:100%}

/* ---------- Header / language selector ---------- */
.header.yusera-header{position:relative!important;inset:auto!important;width:100%!important;overflow:visible!important;background:#fff!important;z-index:10000!important}
.yusera-header__top{position:relative!important;overflow:visible!important;z-index:10002!important}
.yusera-header .language-selector-pc{position:relative!important;display:flex!important;align-items:center!important;z-index:10010!important}
.yusera-header .language-selector{position:relative!important;display:inline-block!important;width:auto!important;height:auto!important;min-width:0!important;margin:0!important;padding:0!important}
.yusera-header .selected-language{position:relative!important;display:flex!important;align-items:center!important;justify-content:space-between!important;width:108px!important;min-width:108px!important;height:40px!important;margin:0!important;padding:0 12px!important;border:1px solid #dce5e9!important;background:#fff!important;color:#133c4e!important;font:500 14px/1 Arial,sans-serif!important;white-space:nowrap!important;cursor:pointer!important;z-index:2!important}
.yusera-header .selected-language .arrow{position:static!important;display:inline-block!important;margin-left:8px!important;transform:none!important}
.yusera-header .yusera-language-menu{display:none!important;position:absolute!important;left:0!important;top:calc(100% + 4px)!important;right:auto!important;bottom:auto!important;width:150px!important;min-width:150px!important;height:auto!important;min-height:0!important;max-height:none!important;margin:0!important;padding:5px!important;overflow:visible!important;background:#fff!important;border:1px solid #dce5e9!important;box-shadow:0 12px 30px rgba(18,50,66,.15)!important;transform:none!important;opacity:1!important;visibility:visible!important;z-index:10050!important}
.yusera-header .language-selector.is-open>.yusera-language-menu{display:block!important}
.yusera-header .yusera-language-menu .dropdown-wrapper{display:block!important;width:100%!important;height:auto!important;margin:0!important;padding:0!important;list-style:none!important}
.yusera-header .yusera-language-menu .dropdown-wrapper__item{display:block!important;width:100%!important;height:auto!important;margin:0!important;padding:0!important}
.yusera-header .yusera-language-menu .dropdown-wrapper__item a{display:flex!important;align-items:center!important;width:100%!important;min-height:38px!important;padding:9px 10px!important;margin:0!important;color:#133c4e!important;background:#fff!important;text-decoration:none!important;font:500 14px/1.25 Arial,sans-serif!important;white-space:nowrap!important}
.yusera-header .yusera-language-menu .dropdown-wrapper__item a:hover{background:#f2f7f9!important}
/* Do not repeat the currently-selected language in the dropdown. */
.yusera-header .selected-language[data-code="en"]~.yusera-language-menu [data-code="en"],
.yusera-header .selected-language[data-code="es"]~.yusera-language-menu [data-code="es"]{display:none!important}

/* ---------- All homepage section containers ---------- */
.yusera-homepage>.container-gap,.yusera-homepage .container-xxl{width:100%!important;max-width:1440px!important;margin-left:auto!important;margin-right:auto!important;padding-left:0!important;padding-right:0!important}
.yusera-homepage .container-main-banner{max-width:1920px!important}

/* ---------- Product catalogue cards ---------- */
.yusera-homepage .products-slider{width:100%!important;padding:48px 0 64px!important}
.yusera-homepage .products-slider__container,
.yusera-homepage .products-slider__container.js-products-slider,
.yusera-homepage .products-slider__container.owl-carousel,
.yusera-homepage .products-slider__container:not(.owl-loaded){
  display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:28px!important;
  width:100%!important;max-width:1180px!important;margin:0 auto!important;padding:0 24px!important;
  overflow:visible!important;transform:none!important;white-space:normal!important;
}
.yusera-homepage article.yusera-product-card,
.yusera-homepage .products-slider__container>.yusera-product-card{
  display:block!important;float:none!important;position:relative!important;width:100%!important;max-width:none!important;min-width:0!important;
  height:auto!important;margin:0!important;padding:0!important;transform:none!important;
}
.yusera-homepage .yusera-product-card .product-card__linked{display:flex!important;flex-direction:column!important;width:100%!important;height:100%!important}
.yusera-homepage .yusera-product-card .product-card__media-link{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;height:300px!important;min-height:300px!important;margin:0 0 16px!important;background:#f7f9fa!important;overflow:hidden!important}
.yusera-homepage .yusera-product-card .product-card__img{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;height:100%!important;padding:14px!important;margin:0!important;position:relative!important}
.yusera-homepage .yusera-product-card .product-card__img img{display:block!important;width:auto!important;height:auto!important;max-width:100%!important;max-height:100%!important;margin:auto!important;object-fit:contain!important}
.yusera-homepage .yusera-product-card .product-card__info{display:block!important;width:100%!important;padding:0 2px!important;margin:0!important}
.yusera-homepage .yusera-product-card .commerce-actions{display:flex!important;gap:8px!important;flex-wrap:wrap!important}

/* ---------- OUR BRANDS ---------- */
.yusera-homepage .brands-flip__container{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:4px!important;width:100%!important;max-width:1180px!important;margin:0 auto!important;padding:0 24px!important}
.yusera-homepage .brands-flip__container>a{display:block!important;width:100%!important;min-width:0!important;margin:0!important;padding:0!important}
.yusera-homepage .brand-card{position:relative!important;width:100%!important;height:auto!important;aspect-ratio:1/1!important;margin:0!important;overflow:hidden!important}
.yusera-homepage .brand-card__img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important}
.yusera-homepage .brand-card__img img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important}

/* ---------- Technology / story / commitment banners ---------- */
.yusera-homepage .banner-img{display:block!important;position:relative!important;width:100%!important;max-width:1180px!important;margin:0 auto 12px!important;overflow:hidden!important}
.yusera-homepage .banner-img--slider{display:block!important}
.yusera-homepage .banner-img--slider>.banner-img__item,
.yusera-homepage .banner-img:not(.banner-img--multiple)>.banner-img__item{
  position:relative!important;width:100%!important;height:540px!important;min-height:0!important;margin:0!important;overflow:hidden!important;transform:none!important;
}
.yusera-homepage .banner-img--multiple{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:4px!important}
.yusera-homepage .banner-img--multiple>.banner-img__item{position:relative!important;width:100%!important;height:430px!important;min-height:0!important;margin:0!important;overflow:hidden!important}
.yusera-homepage .banner-img__video,
.yusera-homepage .banner-img__img{position:absolute!important;inset:0!important;display:block!important;width:100%!important;height:100%!important;margin:0!important}
.yusera-homepage .banner-img__video,
.yusera-homepage .banner-img__img img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important}
.yusera-homepage .banner-img__info{position:absolute!important;left:50%!important;right:auto!important;top:auto!important;bottom:34px!important;transform:translateX(-50%)!important;width:min(680px,calc(100% - 40px))!important;max-width:none!important;height:auto!important;margin:0!important;padding:22px 24px!important;background:rgba(255,255,255,.90)!important;color:#123d50!important;text-align:center!important;z-index:4!important}
.yusera-homepage .banner-img__info--animate{position:static!important;inset:auto!important;transform:none!important;width:100%!important;height:auto!important;margin:0!important;padding:0!important;opacity:1!important}
.yusera-homepage .banner-img__info-title{font-size:clamp(30px,4vw,50px)!important;line-height:1.05!important;margin:0 0 10px!important;color:#123d50!important;overflow-wrap:anywhere!important}
.yusera-homepage .banner-img__info-description{font-size:16px!important;line-height:1.45!important;margin:0 auto 16px!important;max-width:590px!important;color:#123d50!important}
.yusera-homepage .banner-img__info-link{display:inline-flex!important;align-items:center!important;justify-content:center!important;margin:0 auto!important}

/* ---------- Headline/text sections ---------- */
.yusera-homepage .banner-text{width:100%!important;padding:48px 20px!important}
.yusera-homepage .banner-text__info{max-width:900px!important;margin:0 auto!important;text-align:center!important}
.yusera-homepage .banner-text__info-title{font-size:clamp(32px,4vw,54px)!important;line-height:1.08!important;margin-left:auto!important;margin-right:auto!important}

@media(max-width:991px){
  .yusera-homepage .products-slider__container,.yusera-homepage .products-slider__container.js-products-slider,.yusera-homepage .products-slider__container.owl-carousel{grid-template-columns:repeat(2,minmax(0,1fr))!important;padding:0 20px!important}
  .yusera-homepage .brands-flip__container{grid-template-columns:repeat(2,minmax(0,1fr))!important;padding:0 20px!important}
  .yusera-homepage .banner-img{width:calc(100% - 32px)!important}
  .yusera-homepage .banner-img--slider>.banner-img__item,.yusera-homepage .banner-img:not(.banner-img--multiple)>.banner-img__item{height:470px!important}
  .yusera-homepage .banner-img--multiple>.banner-img__item{height:380px!important}
}

@media(max-width:700px){
  .yusera-header__top{display:grid!important;grid-template-columns:auto 1fr auto!important;align-items:center!important;min-height:62px!important;padding:0 10px!important;gap:8px!important}
  .yusera-header .selected-language{width:102px!important;min-width:102px!important;height:36px!important;font-size:13px!important;padding:0 10px!important}
  .yusera-header .yusera-language-menu{top:40px!important;width:132px!important;min-width:132px!important}
  .yusera-header .yusera-language-menu .dropdown-wrapper__item a{min-height:36px!important;font-size:13px!important;padding:8px 9px!important}
  .yusera-logo-text,.header.yusera-header .yusera-logo-text{font-size:22px!important;letter-spacing:1px!important}

  .yusera-homepage .products-slider{padding:34px 0 48px!important}
  .yusera-homepage .products-slider__container,.yusera-homepage .products-slider__container.js-products-slider,.yusera-homepage .products-slider__container.owl-carousel,.yusera-homepage .products-slider__container:not(.owl-loaded){grid-template-columns:1fr!important;gap:30px!important;padding:0 16px!important}
  .yusera-homepage article.yusera-product-card{width:100%!important;max-width:100%!important}
  .yusera-homepage .yusera-product-card .product-card__media-link{height:280px!important;min-height:280px!important}

  .yusera-homepage .brands-flip__container{grid-template-columns:1fr!important;gap:10px!important;padding:0 16px!important}
  .yusera-homepage .brand-card{aspect-ratio:4/3!important}

  .yusera-homepage .banner-img{width:calc(100% - 20px)!important;margin-bottom:10px!important}
  .yusera-homepage .banner-img--multiple{grid-template-columns:1fr!important;gap:10px!important}
  .yusera-homepage .banner-img--slider>.banner-img__item,
  .yusera-homepage .banner-img:not(.banner-img--multiple)>.banner-img__item,
  .yusera-homepage .banner-img--multiple>.banner-img__item{height:360px!important;min-height:0!important}
  .yusera-homepage .banner-img__video,.yusera-homepage .banner-img__img img{object-position:center center!important}
  .yusera-homepage .banner-img__info{left:12px!important;right:12px!important;bottom:12px!important;transform:none!important;width:auto!important;max-width:none!important;padding:16px 14px!important}
  .yusera-homepage .banner-img__info-title{font-size:28px!important;line-height:1.05!important;margin-bottom:8px!important}
  .yusera-homepage .banner-img__info-description{font-size:14px!important;line-height:1.4!important;margin-bottom:14px!important}
  .yusera-homepage .banner-img__info-link{min-width:158px!important;padding:12px 18px!important}
  .yusera-homepage .banner-text{padding:38px 14px!important}
  .yusera-homepage .banner-text__info-title{font-size:32px!important}
}

@media(max-width:420px){
  .yusera-header__top{grid-template-columns:104px 1fr auto!important;padding:0 8px!important;gap:5px!important}
  .yusera-header .selected-language{width:100px!important;min-width:100px!important;font-size:12px!important}
  .yusera-logo-text,.header.yusera-header .yusera-logo-text{font-size:19px!important}
  .yusera-homepage .yusera-product-card .product-card__media-link{height:250px!important;min-height:250px!important}
  .yusera-homepage .banner-img--slider>.banner-img__item,.yusera-homepage .banner-img:not(.banner-img--multiple)>.banner-img__item,.yusera-homepage .banner-img--multiple>.banner-img__item{height:330px!important}
  .yusera-homepage .banner-img__info{left:8px!important;right:8px!important;bottom:8px!important;padding:13px 11px!important}
  .yusera-homepage .banner-img__info-title{font-size:25px!important}
}

/* =========================================================
   V6 FINAL PHONE GRID — demo-style 2 cards per row
   This file loads after site.css, so these rules are authoritative.
   ========================================================= */
@media (max-width: 700px){
  /* Homepage product catalogue: exactly 2 cards per row */
  .yusera-homepage .products-slider__container,
  .yusera-homepage .products-slider__container.yusera-product-grid,
  .yusera-homepage .products-slider__container.js-products-slider,
  .yusera-homepage .products-slider__container.owl-carousel,
  .yusera-homepage .products-slider__container:not(.owl-loaded){
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
    width:100%!important;
    max-width:100%!important;
    margin:0 auto!important;
    padding:0 8px!important;
    overflow:visible!important;
    transform:none!important;
  }
  .yusera-homepage .products-slider__container > .yusera-product-card,
  .yusera-homepage article.yusera-product-card{
    display:flex!important;
    flex-direction:column!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    height:100%!important;
    margin:0!important;
    padding:8px!important;
    border:1px solid #d8dee3!important;
    border-radius:7px!important;
    background:#fff!important;
    overflow:hidden!important;
  }
  .yusera-homepage .yusera-product-card .product-card__linked{
    display:flex!important;
    flex-direction:column!important;
    width:100%!important;
    height:100%!important;
  }
  .yusera-homepage .yusera-product-card .product-card__media-link{
    width:100%!important;
    height:155px!important;
    min-height:155px!important;
    margin:0 0 9px!important;
    padding:0!important;
    border:0!important;
    background:#f7f9fa!important;
  }
  .yusera-homepage .yusera-product-card .product-card__img{
    width:100%!important;
    height:100%!important;
    padding:7px!important;
  }
  .yusera-homepage .yusera-product-card .product-card__img img{
    width:100%!important;
    height:100%!important;
    max-width:100%!important;
    max-height:100%!important;
    object-fit:contain!important;
  }
  .yusera-homepage .yusera-product-card .product-card__info{
    display:flex!important;
    flex-direction:column!important;
    flex:1 1 auto!important;
    width:100%!important;
    padding:0!important;
    text-align:center!important;
  }
  .yusera-homepage .yusera-product-card .product-card__info-overline{
    font-size:8px!important;
    line-height:1.15!important;
    min-height:0!important;
    margin:0 0 4px!important;
  }
  .yusera-homepage .yusera-product-card .product-card__info-title{
    font-size:12px!important;
    line-height:1.25!important;
    min-height:30px!important;
    margin:0 0 5px!important;
    overflow-wrap:anywhere!important;
  }
  .yusera-homepage .yusera-product-card .product-card__info-description{
    font-size:10px!important;
    line-height:1.3!important;
    min-height:39px!important;
    margin:0 0 6px!important;
    display:-webkit-box!important;
    -webkit-line-clamp:3!important;
    -webkit-box-orient:vertical!important;
    overflow:hidden!important;
  }
  .yusera-homepage .yusera-product-card .commerce-price{
    font-size:12px!important;
    line-height:1.2!important;
    font-weight:700!important;
    margin:auto 0 7px!important;
    text-align:center!important;
  }
  .yusera-homepage .yusera-product-card .commerce-actions{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:5px!important;
    width:100%!important;
    margin:0!important;
  }
  .yusera-homepage .yusera-product-card .commerce-actions form{
    display:contents!important;
  }
  .yusera-homepage .yusera-product-card .commerce-actions a,
  .yusera-homepage .yusera-product-card .commerce-actions button{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    min-width:0!important;
    min-height:29px!important;
    padding:5px 3px!important;
    font-size:8px!important;
    line-height:1.1!important;
    white-space:normal!important;
  }
  .yusera-homepage .yusera-product-card .commerce-actions .js-wishlist{
    grid-column:1 / -1!important;
    width:32px!important;
    min-width:32px!important;
    justify-self:center!important;
    padding:4px!important;
  }

  /* OUR BRANDS: exactly 2 square tiles per row */
  .yusera-homepage .brands-flip__container{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:6px!important;
    width:100%!important;
    max-width:100%!important;
    margin:0 auto!important;
    padding:0 8px!important;
  }
  .yusera-homepage .brands-flip__container > a{
    display:block!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    margin:0!important;
  }
  .yusera-homepage .brand-card{
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    aspect-ratio:1/1!important;
    margin:0!important;
    border-radius:0!important;
    overflow:hidden!important;
  }
  .yusera-homepage .brand-card__img,
  .yusera-homepage .brand-card__img img{
    width:100%!important;
    height:100%!important;
  }
  .yusera-homepage .brand-card__img img{object-fit:cover!important}
  .yusera-homepage .brand-card__info{padding:8px!important}
  .yusera-homepage .brand-card__info-description{font-size:9px!important;line-height:1.1!important;margin:0 0 2px!important}
  .yusera-homepage .brand-card__info-title{font-size:20px!important;line-height:1!important;margin:0!important}

  /* User does not want the large overlay promo content on phone. */
  .yusera-homepage .main-banner__info{display:none!important}
}

@media (max-width: 380px){
  .yusera-homepage .products-slider__container,
  .yusera-homepage .products-slider__container.yusera-product-grid{gap:7px!important;padding:0 6px!important}
  .yusera-homepage .products-slider__container > .yusera-product-card,
  .yusera-homepage article.yusera-product-card{padding:6px!important}
  .yusera-homepage .yusera-product-card .product-card__media-link{height:135px!important;min-height:135px!important}
  .yusera-homepage .yusera-product-card .product-card__info-title{font-size:11px!important}
  .yusera-homepage .yusera-product-card .product-card__info-description{font-size:9px!important}
  .yusera-homepage .brands-flip__container{gap:4px!important;padding:0 6px!important}
}

/* =========================================================
   V7 FINAL RESPONSIVE PATCH — 2026-08-19
   1) Hide ASPA/FERNBLOCK technology carousel on desktop.
   2) Keep the 4 lower feature banners in a 2-column phone grid.
   3) Make the top hero slider scale as a real responsive image.
   ========================================================= */

/* ---------- Top hero slider: responsive on every screen ---------- */
.yusera-homepage .container-main-banner,
.yusera-homepage .main-banner__slider,
.yusera-homepage .main-banner__slider > .item,
.yusera-homepage .main-banner{
  width:100%!important;
  max-width:100%!important;
  height:auto!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
}
.yusera-homepage .main-banner__img,
.yusera-homepage .main-banner__img picture{
  display:block!important;
  width:100%!important;
  height:auto!important;
  margin:0!important;
}
.yusera-homepage .main-banner__img img{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  height:auto!important;
  min-height:0!important;
  object-fit:contain!important;
  object-position:center center!important;
  margin:0 auto!important;
}

/* The crossed ASPA/FERNBLOCK technology block is not shown on desktop/tablet. */
@media (min-width:701px){
  .yusera-homepage .js-banner-img-slider{display:none!important}
}

@media (max-width:700px){
  /* Hero: show the complete slide instead of a huge cropped mobile image. */
  .yusera-homepage .container-main-banner{padding:0!important}
  .yusera-homepage .main-banner__slider{background:#fff!important}
  .yusera-homepage .main-banner__slider > .item{height:auto!important;min-height:0!important}
  .yusera-homepage .main-banner{height:auto!important;min-height:0!important;aspect-ratio:auto!important}
  .yusera-homepage .main-banner__img{position:relative!important;inset:auto!important;height:auto!important;min-height:0!important}
  .yusera-homepage .main-banner__img img{
    width:100%!important;
    height:auto!important;
    max-height:none!important;
    object-fit:contain!important;
    object-position:center!important;
  }
  /* Keep mobile hero clean: image only. */
  .yusera-homepage .main-banner__info{display:none!important}

  /* If the technology carousel is kept for phones, make it compact. */
  .yusera-homepage .js-banner-img-slider{
    display:block!important;
    width:calc(100% - 16px)!important;
    margin:8px auto!important;
  }
  .yusera-homepage .js-banner-img-slider > .banner-img__item{
    height:300px!important;
    min-height:0!important;
  }
  .yusera-homepage .js-banner-img-slider .banner-img__info{
    left:10px!important;right:10px!important;bottom:10px!important;
    width:auto!important;padding:12px!important;
  }
  .yusera-homepage .js-banner-img-slider .banner-img__info-title{font-size:22px!important}
  .yusera-homepage .js-banner-img-slider .banner-img__info-description{font-size:11px!important;line-height:1.35!important}

  /* Mission / Environmental / Sponsorship / Social: TWO tiles per row on phone. */
  .yusera-homepage .banner-img.banner-img--multiple,
  .yusera-homepage .banner-img.banner-img--multiple.banner-img--small{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:6px!important;
    width:calc(100% - 16px)!important;
    max-width:100%!important;
    margin:8px auto!important;
    padding:0!important;
  }
  .yusera-homepage .banner-img--multiple > .banner-img__item,
  .yusera-homepage .banner-img--multiple.banner-img--small > .banner-img__item{
    display:block!important;
    position:relative!important;
    width:100%!important;
    min-width:0!important;
    height:auto!important;
    min-height:0!important;
    aspect-ratio:1/1!important;
    margin:0!important;
    overflow:hidden!important;
  }
  .yusera-homepage .banner-img--multiple .banner-img__img,
  .yusera-homepage .banner-img--multiple .banner-img__img img{
    display:block!important;
    width:100%!important;
    height:100%!important;
    min-height:0!important;
  }
  .yusera-homepage .banner-img--multiple .banner-img__img img{
    object-fit:cover!important;
    object-position:center!important;
  }
  .yusera-homepage .banner-img--multiple .banner-img__info{
    position:absolute!important;
    left:6px!important;right:6px!important;bottom:7px!important;top:auto!important;
    width:auto!important;max-width:none!important;
    padding:8px 5px!important;
    background:rgba(255,255,255,.88)!important;
    transform:none!important;
    text-align:center!important;
  }
  .yusera-homepage .banner-img--multiple .banner-img__info-title{
    font-size:15px!important;
    line-height:1.02!important;
    margin:0 0 6px!important;
    overflow-wrap:anywhere!important;
  }
  .yusera-homepage .banner-img--multiple .banner-img__info-description{display:none!important}
  .yusera-homepage .banner-img--multiple .banner-img__info-link{
    display:inline-flex!important;
    min-width:0!important;
    width:auto!important;
    min-height:28px!important;
    padding:6px 10px!important;
    font-size:8px!important;
    line-height:1!important;
  }
}

@media (max-width:380px){
  .yusera-homepage .banner-img--multiple .banner-img__info-title{font-size:13px!important}
  .yusera-homepage .banner-img--multiple .banner-img__info-link{font-size:7px!important;padding:5px 7px!important}
  .yusera-homepage .js-banner-img-slider > .banner-img__item{height:270px!important}
}

/* =========================================================
   V8 FINAL FIX — 2026-08-19
   - ASPA/FERNBLOCK visible on desktop again
   - Hero slider has no large top/bottom blank area on phones
   - Footer accordion is interactive on phones/tablets
   ========================================================= */

/* ASPA / FERNBLOCK technology slider should be visible on desktop too. */
.yusera-homepage .js-banner-img-slider{
  display:block!important;
  width:100%!important;
  max-width:1440px!important;
  margin:0 auto!important;
  padding:0!important;
  overflow:hidden!important;
}
.yusera-homepage .js-banner-img-slider > .banner-img__item{
  position:relative!important;
  width:100%!important;
  min-width:0!important;
  margin:0!important;
  overflow:hidden!important;
}
@media (min-width:701px){
  .yusera-homepage .js-banner-img-slider{display:block!important}
  .yusera-homepage .js-banner-img-slider > .banner-img__item{
    height:clamp(430px,42vw,620px)!important;
    min-height:430px!important;
  }
  .yusera-homepage .js-banner-img-slider .banner-img__video{
    width:100%!important;height:100%!important;object-fit:cover!important;display:block!important;
  }
  .yusera-homepage .js-banner-img-slider .banner-img__info{
    position:absolute!important;left:50%!important;top:50%!important;right:auto!important;bottom:auto!important;
    transform:translate(-50%,-50%)!important;width:min(760px,72%)!important;max-width:760px!important;
    padding:28px 34px!important;text-align:center!important;background:rgba(255,255,255,.88)!important;
  }
}

/* Main home slider: remove inherited theme heights that created huge white gaps. */
.yusera-homepage .container-gap,
.yusera-homepage .container-main-banner,
.yusera-homepage .main-banner__slider,
.yusera-homepage .main-banner__slider > .item,
.yusera-homepage .main-banner,
.yusera-homepage picture.main-banner__img{
  min-height:0!important;
  max-height:none!important;
}
@media (max-width:700px){
  .yusera-homepage .container-gap{padding:0!important;margin:0!important}
  .yusera-homepage .container-main-banner{padding:0!important;margin:0 auto!important}
  .yusera-homepage .main-banner__slider{
    height:auto!important;min-height:0!important;max-height:none!important;
    padding:0!important;margin:0!important;line-height:0!important;
  }
  .yusera-homepage .main-banner__slider > .item{
    height:auto!important;min-height:0!important;max-height:none!important;
    padding:0!important;margin:0!important;line-height:0!important;
  }
  .yusera-homepage .main-banner{
    height:auto!important;min-height:0!important;max-height:none!important;
    padding:0!important;margin:0!important;line-height:0!important;
  }
  .yusera-homepage picture.main-banner__img{
    position:static!important;display:block!important;width:100%!important;height:auto!important;
    min-height:0!important;max-height:none!important;padding:0!important;margin:0!important;line-height:0!important;
  }
  .yusera-homepage picture.main-banner__img img{
    position:static!important;display:block!important;width:100%!important;height:auto!important;
    min-height:0!important;max-height:none!important;aspect-ratio:auto!important;
    object-fit:contain!important;object-position:center!important;padding:0!important;margin:0!important;
  }
}

/* Footer accordion. Lists stay collapsed on compact screens and open on click. */
@media (max-width:900px){
  .footer .footer__nav-section-btn{
    position:relative!important;width:100%!important;text-align:left!important;cursor:pointer!important;
    padding-right:34px!important;
  }
  .footer .footer__nav-section-btn::after{
    content:'⌄'!important;position:absolute!important;right:8px!important;top:50%!important;
    transform:translateY(-50%) rotate(0deg)!important;transition:transform .2s ease!important;
    font-size:18px!important;line-height:1!important;
  }
  .footer .footer__nav-section.is-open > .footer__nav-section-btn::after{
    transform:translateY(-50%) rotate(180deg)!important;
  }
  .footer .footer__nav-section-list{
    display:none!important;height:auto!important;max-height:none!important;overflow:visible!important;
    padding:8px 0 14px 12px!important;margin:0!important;
  }
  .footer .footer__nav-section.is-open > .footer__nav-section-list{display:block!important}
}
@media (min-width:901px){
  .footer .footer__nav-section-list{display:block!important}
}

/* ============================================================
   V9 FINAL HOME FIXES
   1) Remove mobile hero top/bottom blank gap completely.
   2) Keep ASPA/FERNBLOCK technology slider visible on desktop.
   ============================================================ */

/* Hero: let the currently visible picture define the section height. */
.yusera-homepage .container-gap,
.yusera-homepage .container-main-banner,
.yusera-homepage .main-banner__slider,
.yusera-homepage .main-banner__slider > .item,
.yusera-homepage .main-banner,
.yusera-homepage picture.main-banner__img,
.yusera-homepage picture.main-banner__img img{
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  margin-top:0!important;
  margin-bottom:0!important;
  padding-top:0!important;
  padding-bottom:0!important;
}
.yusera-homepage .main-banner__slider{
  overflow:hidden!important;
  line-height:0!important;
}
.yusera-homepage .main-banner__slider > .item{
  position:relative!important;
  inset:auto!important;
  width:100%!important;
  line-height:0!important;
}
.yusera-homepage .main-banner{
  position:relative!important;
  width:100%!important;
  aspect-ratio:auto!important;
  line-height:0!important;
}
.yusera-homepage picture.main-banner__img{
  position:relative!important;
  inset:auto!important;
  width:100%!important;
  line-height:0!important;
}
.yusera-homepage picture.main-banner__img img{
  position:relative!important;
  inset:auto!important;
  display:block!important;
  width:100%!important;
  aspect-ratio:auto!important;
  object-fit:contain!important;
  object-position:center!important;
}

/* On phones the artwork itself is the hero. No inherited theme spacer. */
@media (max-width:700px){
  .yusera-homepage .container-main-banner,
  .yusera-homepage .main-banner__slider,
  .yusera-homepage .main-banner__slider > .item,
  .yusera-homepage .main-banner{
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
  }
  .yusera-homepage .main-banner__info{display:none!important}
  .yusera-homepage .main-banner__slider + .products-slider,
  .yusera-homepage .container-main-banner + .container-xxl{
    margin-top:0!important;
    padding-top:0!important;
  }
}

/* ASPA / FERNBLOCK technology section: visible and properly sized on desktop/tablet. */
.yusera-homepage .js-banner-img-slider{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  height:auto!important;
  min-height:0!important;
  overflow:hidden!important;
  margin:0!important;
  padding:0!important;
  position:relative!important;
}
.yusera-homepage .js-banner-img-slider > .banner-img__item{
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  position:relative!important;
  overflow:hidden!important;
  margin:0!important;
  padding:0!important;
}
.yusera-homepage .js-banner-img-slider .banner-img__video{
  display:block!important;
  width:100%!important;
  height:auto!important;
  aspect-ratio:1280/580!important;
  min-height:0!important;
  max-height:none!important;
  object-fit:cover!important;
  object-position:center!important;
  margin:0!important;
}
.yusera-homepage .js-banner-img-slider .banner-img__info{
  display:block!important;
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  right:auto!important;
  bottom:auto!important;
  transform:translate(-50%,-50%)!important;
  width:min(760px,72%)!important;
  max-width:760px!important;
  margin:0!important;
  padding:28px 34px!important;
  text-align:center!important;
  background:rgba(255,255,255,.86)!important;
  z-index:3!important;
}

@media (max-width:700px){
  .yusera-homepage .js-banner-img-slider .banner-img__video{
    aspect-ratio:16/9!important;
    object-fit:cover!important;
  }
  .yusera-homepage .js-banner-img-slider .banner-img__info{
    width:calc(100% - 24px)!important;
    max-width:none!important;
    padding:18px 14px!important;
  }
  .yusera-homepage .js-banner-img-slider .banner-img__info-title{
    font-size:24px!important;
    line-height:1.08!important;
  }
  .yusera-homepage .js-banner-img-slider .banner-img__info-description{
    font-size:11px!important;
    line-height:1.4!important;
  }
}

/* ============================================================
   V10 FINAL SPACING + TECHNOLOGY WIDTH FIX
   Requested: hero/slider must end immediately before PRODUCT
   CATALOGUE, with no artificial white spacer. ASPA-FERNBLOCK
   should use the same clean centered content width on desktop.
   ============================================================ */

/* The original Cantabria stylesheet forces .container-main-banner to
   aspect-ratio: 3/4 on phones and 20/9 on desktop. When our campaign
   artwork is shorter, that reserved ratio becomes a huge white block.
   Remove the reserved ratio completely and let the visible image define
   the actual height. */
.yusera-homepage .container-gap,
.yusera-homepage .container-xxl.container-main-banner,
.yusera-homepage .container-main-banner,
.yusera-homepage .main-banner__slider,
.yusera-homepage .main-banner__slider > .item,
.yusera-homepage .main-banner{
  aspect-ratio:auto!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
}
.yusera-homepage .container-gap{
  display:block!important;
  gap:0!important;
  margin:0!important;
  padding:0!important;
}
.yusera-homepage .container-main-banner{
  margin:0 auto!important;
  padding:0!important;
  line-height:0!important;
  overflow:hidden!important;
}
.yusera-homepage .main-banner__slider{
  display:block!important;
  margin:0!important;
  padding:0!important;
  line-height:0!important;
}
.yusera-homepage .main-banner__slider > .item{
  margin:0!important;
  padding:0!important;
  line-height:0!important;
}
.yusera-homepage .main-banner__img,
.yusera-homepage .main-banner__img img{
  display:block!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  aspect-ratio:auto!important;
  margin:0!important;
  padding:0!important;
  object-fit:contain!important;
}

/* PRODUCT CATALOGUE begins directly after the slider. */
.yusera-homepage .container-main-banner + .container-xxl{
  margin-top:0!important;
  padding-top:0!important;
}
.yusera-homepage .products-slider{
  margin-top:0!important;
  padding-top:0!important;
}
.yusera-homepage .products-slider > .banner-text{
  margin-top:0!important;
  padding-top:28px!important;
}

/* ASPA-FERNBLOCK / FERNBLOCK: centered and visually aligned with the
   other editorial banners on desktop instead of stretching too wide. */
@media (min-width:992px){
  .yusera-homepage .js-banner-img-slider{
    width:min(1100px,calc(100% - 40px))!important;
    max-width:1100px!important;
    margin:0 auto 8px!important;
  }
  .yusera-homepage .js-banner-img-slider > .banner-img__item{
    width:100%!important;
  }
  .yusera-homepage .js-banner-img-slider .banner-img__video{
    width:100%!important;
    aspect-ratio:1100/500!important;
    object-fit:cover!important;
  }
}

@media (max-width:991px){
  .yusera-homepage .js-banner-img-slider{
    width:calc(100% - 20px)!important;
    max-width:none!important;
    margin:0 auto 8px!important;
  }
}

@media (max-width:700px){
  .yusera-homepage .products-slider > .banner-text{
    padding-top:18px!important;
    padding-bottom:24px!important;
  }
  .yusera-homepage .container-main-banner + .container-xxl,
  .yusera-homepage .products-slider{
    margin-top:0!important;
    padding-top:0!important;
  }
  .yusera-homepage .js-banner-img-slider{
    width:calc(100% - 12px)!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
}




/* =========================================================
   YUSERA FINAL FIX — STORY VIDEO + GLOBAL STICKY HEADER
   ========================================================= */

/* Keep the complete header (top bar + menu bar) visible while scrolling.
   Sticky preserves normal document flow, so pages do not jump underneath it. */
.header.yusera-header{
  position:sticky!important;
  top:0!important;
  left:0!important;
  width:100%!important;
  z-index:200000!important;
  background:#fff!important;
}

/* The navigation is part of the sticky header on desktop/tablet. */
.header.yusera-header .yusera-navigation{
  position:relative!important;
  z-index:200001!important;
  background:#fff!important;
}

/* On phones the hamburger opens the navigation as a full-screen panel. */
@media (max-width:700px){
  .header.yusera-header{
    position:sticky!important;
    top:0!important;
  }

  .header.yusera-header .yusera-navigation{
    position:relative!important;
  }

  .header.yusera-header .yusera-navigation.mobile-open{
    position:fixed!important;
    inset:0!important;
    z-index:300000!important;
  }
}

/* ---------------------------------------------------------
   STORY / VIDEO BANNERS — MOBILE: NEVER CROP THE VIDEO
   loop-3.mp4 is 1280 x 580. Keep that exact aspect ratio.
   --------------------------------------------------------- */
@media (max-width:700px){

  .yusera-homepage .banner-img:has(> .banner-img__item > .banner-img__video){
    width:calc(100% - 20px)!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    aspect-ratio:1280 / 580!important;
    overflow:hidden!important;
  }

  .yusera-homepage .banner-img:has(> .banner-img__item > .banner-img__video)
  > .banner-img__item{
    position:relative!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    aspect-ratio:1280 / 580!important;
    overflow:hidden!important;
  }

  .yusera-homepage .banner-img:has(> .banner-img__item > .banner-img__video)
  .banner-img__video{
    position:static!important;
    inset:auto!important;
    display:block!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    aspect-ratio:auto!important;
    object-fit:contain!important;
    object-position:center center!important;
    margin:0!important;
    padding:0!important;
  }

  .yusera-homepage .banner-img:has(> .banner-img__item > .banner-img__video)
  .banner-img__info{
    position:absolute!important;
    left:12px!important;
    right:12px!important;
    bottom:12px!important;
    top:auto!important;
    transform:none!important;
    width:auto!important;
    max-width:none!important;
    height:auto!important;
    min-height:0!important;
    margin:0!important;
    padding:14px 12px!important;
    box-sizing:border-box!important;
    z-index:5!important;
  }

  .yusera-homepage .banner-img:has(> .banner-img__item > .banner-img__video)
  .banner-img__info-title{
    font-size:clamp(21px,6vw,28px)!important;
    line-height:1.08!important;
    margin:0 0 8px!important;
  }

  .yusera-homepage .banner-img:has(> .banner-img__item > .banner-img__video)
  .banner-img__info-link{
    min-width:150px!important;
    padding:10px 16px!important;
  }
}

@media (max-width:420px){
  .yusera-homepage .banner-img:has(> .banner-img__item > .banner-img__video){
    width:calc(100% - 12px)!important;
  }

  .yusera-homepage .banner-img:has(> .banner-img__item > .banner-img__video)
  .banner-img__info{
    left:8px!important;
    right:8px!important;
    bottom:8px!important;
    padding:11px 9px!important;
  }

  .yusera-homepage .banner-img:has(> .banner-img__item > .banner-img__video)
  .banner-img__info-title{
    font-size:21px!important;
  }
}


/* =========================================================
   YUSERA FINAL FINAL FIX (2026-09-03)
   1) Header/menu stays fixed on every page.
   2) Story overlay is hidden on mobile.
   3) Story video keeps its complete original frame.
   ========================================================= */

/* Fixed header on every page */
html, body {
  overflow-x: hidden !important;
}

.header.yusera-header {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  z-index: 2147483000 !important;
  background: #fff !important;
  transform: none !important;
}

.header.yusera-header .yusera-navigation {
  position: relative !important;
  z-index: 2147483001 !important;
  background: #fff !important;
}

@media (max-width:700px) {
  .header.yusera-header {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
  }

  .header.yusera-header .yusera-navigation {
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    top: 100% !important;
    bottom: auto !important;
    width: 100% !important;
    max-height: calc(100vh - var(--yusera-header-height, 64px)) !important;
    overflow-y: auto !important;
  }

  .header.yusera-header .yusera-navigation.mobile-open {
    position: fixed !important;
    inset: 0 !important;
    width: 100% !important;
    max-height: none !important;
    overflow-y: auto !important;
    z-index: 2147483640 !important;
  }

  /* User requested: hide the Story title/button white box completely on mobile. */
  .yusera-homepage .banner-img:has(> .banner-img__item > .banner-img__video) .banner-img__info {
    display: none !important;
  }

  /* Never crop the Story video: use the exact source ratio. */
  .yusera-homepage .banner-img:has(> .banner-img__item > .banner-img__video),
  .yusera-homepage .banner-img:has(> .banner-img__item > .banner-img__video) > .banner-img__item {
    width: calc(100% - 12px) !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    aspect-ratio: 1280 / 580 !important;
    overflow: hidden !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .yusera-homepage .banner-img:has(> .banner-img__item > .banner-img__video) .banner-img__video {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    max-height: none !important;
    object-fit: fill !important;
    object-position: center center !important;
    margin: 0 !important;
    padding: 0 !important;
  }
}

/* =========================================================
   LANGUAGE DROPDOWN - ALWAYS ABOVE MAIN NAVIGATION
   ========================================================= */
.header.yusera-header {
  overflow: visible !important;
  isolation: auto !important;
}

.header.yusera-header .yusera-header__top {
  position: relative !important;
  z-index: 2147483646 !important;
  overflow: visible !important;
}

.header.yusera-header .language-selector-pc,
.header.yusera-header .language-selector,
.header.yusera-header .yusera-language-menu {
  overflow: visible !important;
}

.header.yusera-header .language-selector-pc {
  position: relative !important;
  z-index: 2147483647 !important;
}

.header.yusera-header .language-selector {
  position: relative !important;
  z-index: 2147483647 !important;
}

.header.yusera-header .yusera-language-menu {
  position: absolute !important;
  z-index: 2147483647 !important;
  top: calc(100% + 4px) !important;
  left: 0 !important;
  right: auto !important;
  display: none !important;
  visibility: visible !important;
  opacity: 1 !important;
}

.header.yusera-header .language-selector.is-open > .yusera-language-menu {
  display: block !important;
}

/* Keep the navigation below the language dropdown. */
.header.yusera-header .yusera-navigation {
  position: relative !important;
  z-index: 2147483000 !important;
}

@media (max-width:700px) {
  .header.yusera-header .yusera-header__top {
    z-index: 2147483646 !important;
  }

  .header.yusera-header .yusera-navigation {
    z-index: 2147483000 !important;
  }

  .header.yusera-header .yusera-language-menu {
    z-index: 2147483647 !important;
  }
}