/* LENKOSTUDIOS / B2C New Mirox visual skin */
:root{--jorno-cream:#f3f5f7;--jorno-ink:#1f3448;--jorno-amber:#2d6c8f;--jorno-line:#ccd6df}
body{background:var(--jorno-cream);color:var(--jorno-ink)}
.f-header,.f-footer{border-color:var(--jorno-line)}
.f-menu__link--main{letter-spacing:.04em;text-transform:uppercase;font-size:.82rem}
.f-button{border-radius:999px;min-height:2.75rem;padding-inline:1.35rem}
.f-product-card,.f-collection-card{background:#fff;border:1px solid var(--jorno-line);box-shadow:0 8px 24px rgba(36,35,33,.06)}
.f-product-card:hover,.f-collection-card:hover{box-shadow:0 14px 34px rgba(36,35,33,.12)}
.f-product-card img,.f-collection-card img{aspect-ratio:1/1;object-fit:cover}
@media(max-width:767px){.f-product-card,.f-collection-card{box-shadow:0 4px 14px rgba(36,35,33,.08)}.f-button{max-width:100%;white-space:normal}.f-menu__link--main{font-size:.9rem}}

/* Keep slider content inside the viewport at every required width. */
.f-collection-list__content{max-width:100%;box-sizing:border-box}
@media (min-width:1280px){.f-collection-list__content{margin-right:0!important;margin-left:0!important}}
@media (max-width:767px){
  [data-enable-slider="true"] .f-collection-list__content{width:100%!important;max-width:100%!important;margin-left:0!important;margin-right:0!important}
  .f-mixed-layout,.f-mixed-layout__wrapper{max-width:100%!important}
}

/* Lenko Studios responsive guard */
html,body{max-width:100%;overflow-x:hidden}
/* Keep the announcement marquee clipped inside narrow viewports. */
.f-promotion{max-width:100%;overflow:hidden!important}
.f-promotion__animated{max-width:100%}
@media (max-width:767px){
  :root body f-scrolling-promotion .f-promotion--animated{animation:none!important;transform:none!important;width:100%!important;max-width:100%!important;overflow:hidden!important}
  :root body f-scrolling-promotion .f-promotion--animated~.f-promotion--animated{display:none!important}
  :root body f-scrolling-promotion .f-promotion__item:nth-child(n+2){display:none!important}
}
@media (max-width:767px){
  :root body .f-custom-content__wrapper{width:100%!important;max-width:100%!important;margin-left:0!important;margin-right:0!important}
  :root body .f-custom-content__block{max-width:100%!important;width:100%!important;margin-left:0!important;margin-right:0!important}
}
@media (max-width:767px){
  :root body .f-mixed-layout__wrapper{width:100%!important;max-width:100%!important;overflow:hidden!important}
  :root body .f-mixed-layout__inner{max-width:100%!important}
}
@media (max-width:767px){:root body .page_container{max-width:100%!important;width:100%!important;overflow-x:hidden!important}}
/* Keep collection, gallery and promotion content inside required viewports. */
@media (max-width:1023px){
  :root body .f-mixed-layout__wrapper,
  :root body .f-mixed-layout__inner,
  :root body .f-gallery__wrapper{width:100%!important;max-width:100%!important;box-sizing:border-box!important;}
  :root body .f-mixed-layout__inner.swiper-wrapper{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;transform:none!important;}
  :root body .f-mixed-layout__wrapper.swiper-container{overflow:hidden!important;}
  :root body .f-custom-content__wrapper,
  :root body .f-custom-content__block,
  :root body .f-gallery__wrapper{width:calc(100vw - 16px)!important;max-width:calc(100vw - 16px)!important;box-sizing:border-box!important;margin-left:0!important;margin-right:0!important;}
  :root body f-scrolling-promotion .f-promotion--animated{animation:none!important;transform:none!important;width:100%!important;max-width:100%!important;overflow:hidden!important;}
  :root body f-scrolling-promotion .f-promotion--animated~.f-promotion--animated{display:none!important;}
  :root body .f-promotion-banner__wrapper{overflow:hidden!important;}
  :root body .f-promotion-banner__promotion{min-width:0!important;width:60%!important;flex:0 1 60%!important;}
  :root body .f-promotion-banner__main{min-width:0!important;width:40%!important;flex:0 1 40%!important;}
}
@media (min-width:768px) and (max-width:1023px){:root body .f-mixed-layout__inner.swiper-wrapper{grid-template-columns:repeat(3,minmax(0,1fr))!important;}}
@media (max-width:767px){:root body .page_container{max-width:100%!important;width:100%!important;overflow-x:hidden!important;}}
/* Clip slider controls and announcement tracks that can be wider than their section. */
f-scrolling-promotion{display:block;max-width:100%;overflow:hidden!important;}
@media (max-width:1023px){
  :root body .f-product-list,
  :root body .f-mixed-layout,
  :root body .f-slider-controls--absolute{max-width:100%!important;overflow:hidden!important;}
}
f-scrolling-promotion{display:block!important;width:100%!important;min-width:0!important;max-width:100%!important;overflow:hidden!important;}

/* Lenko desktop product rail guard: keep Swiper rails inside their section. */
:root body .f-featured-collection,
:root body .f-featured-collection-section,
:root body .f-product-list{max-width:100%!important;overflow-x:hidden!important;}
:root body .f-product-list .swiper-container,
:root body .f-product-list .swiper-wrapper{max-width:100%!important;}
