/** Shopify CDN: Minification failed

Line 132:0 Unexpected "}"

**/
/* Base CSS (335 lines) */
:root {
--sticky_sort_form: 0px;
}

/* ---- Full screen white background for collection section ---- */
.collection-wrapper {
position: relative;
left: 50%;
right: 50%;
margin-left: -50vw;
margin-right: -50vw;
width: 100vw;
background-color: #ffffff;
padding-top: 2rem;
padding-bottom: 2rem;
}

/* module-collection */
.m6cl { padding: 0 0 0 320px; }
.m6cl > * { width: 100%; }
.m6cl > aside { width: 235px; margin-left: -320px; }

@media only screen and (min-width: 1001px) and (max-width: 1100px) {
#root .m6cl .l4cl.list li .desktop-hide { display: none; }
}

@media only screen and (min-width: 1101px) {
#root .m6cl .l4cl.list li .desktop-only { display: block; }
}

@media only screen and (min-width: 1001px) {
.m6cl.sticky > aside { position: sticky; top: calc(var(--sticky_offset) + var(--rpp)); }
html.scrolled:not(.has-m6cl-sticky, .search-compact-active)[style*="f8sr_height"] .m6cl.sticky:has(.f8sr.sticky.fixed) > aside { padding-top: var(--f8sr_height); }
.no-sticky .m6cl.sticky > aside { top: var(--rpp); }
}

.m6cl .l4id { column-count: 4; }
.m6cl > aside .f8fl button span { font-weight: var(--main_fw); }
.m6cl .l4ne li { width: 50%; }
.m6cl.m6cl-inv { padding-left: 0; padding-right: 320px; }
.m6cl.m6cl-inv > aside { margin-left: 0; margin-right: -320px; }
.m6cl { display: flex; flex-wrap: wrap; flex-direction: row-reverse; align-items: flex-start; }
.m6cl.m6cl-inv { flex-direction: row; }

[dir="ltr"] #root .m6cl .l4cl[style*="--fixed_width"] { margin-left: 0; padding-left: 0; }
[dir="rtl"] #root .m6cl .l4cl[style*="--fixed_width"] { margin-right: 0; padding-right: 0; }

.js .f8fl header > h1, .js .f8fl header > h2, .js .f8fl header > h3, .js .f8fl header > h4, .js .f8fl header > h5, .js .f8fl header > h6, .m6cl { justify-content: space-between; }
.js .m6cl > aside .f8fl header > h1, .js .m6cl > aside .f8fl header > h2, .js .m6cl > aside .f8fl header > h3, .js .m6cl > aside .f8fl header > h4, .js .m6cl > aside .f8fl header > h5, .js .m6cl > aside .f8fl header > h6, .l4ca.compact section { align-items: baseline; }

@media only screen and (max-width: 1200px) {
.m6cl { padding-left: 275px; }
.m6cl > aside { margin-left: -275px; }
.m6cl.m6cl-inv { padding-right: 275px; }
.m6cl.m6cl-inv > aside { margin-right: -275px; }
}

@media only screen and (max-width: 1100px) {
.m6cl { padding-left: 251px; }
.m6cl > aside { margin-left: -251px; }
.m6cl.m6cl-inv { padding-right: 251px; }
.m6cl.m6cl-inv > aside { margin-right: -251px; }
}

@media only screen and (max-width: 1000px) {
.m6cl .l4id { column-count: 3; }
.js .m6cl > aside {
overflow-x: hidden; overflow-y: auto; visibility: hidden; position: fixed; left: 0; top: 0; bottom: 0; z-index: 900000; width: 100%; max-width: 330px; padding: var(--pt) var(--rpp); background: var(--custom_drop_nav_head_bg); color: var(--custom_drop_nav_fg); opacity: 0;
--custom_bd: var(--custom_drop_nav_bd); --custom_input_bd: var(--custom_drop_nav_bd); --primary_text_h: var(--custom_drop_nav_fg);
transform: translateX(-10px); --pt: 45px;
}
.js[data-theme="xpert"] .m6cl > aside { left: 12px; top: 12px; bottom: auto; max-width: min(510px, calc(100% - 12px * 2)); max-height: calc(100vh - 12px * 2); border-radius: var(--b2r); }
.m6cl, #root .m6cl { display: block; padding-left: 0; padding-right: 0; }
#root .m6cl > * { float: none; width: 100%; margin-left: 0; margin-right: 0; }
}

@media only screen and (max-width: 760px) {
#root .l4cl.mobile-wide { overflow: visible; margin-left: var(--rpn); margin-right: 0; }
#root .l4cl.mobile-wide li, #root .l4cl.mobile-wide li:first-child, #root .l4cl.mobile-wide li:last-child, #root .l4cl.mobile-wide .swiper-slide:last-child .li, #root .l4cl.mobile-wide .swiper-slide { width: 50%; min-width: 0; max-width: none; margin-bottom: 25px; border: 0 solid rgba(0,0,0,0); border-left-width: var(--rpp); }
#root .l4cl.mobile-wide.w100-mobile li, #root .l4cl.mobile-wide.w100-mobile .li, #root .l4cl.mobile-wide.w100-mobile li:first-child, #root .l4cl.mobile-wide.w100-mobile li:last-child, #root .l4cl.mobile-wide.w100-mobile .swiper-slide:last-child .li, #root .l4cl.mobile-wide.w100-mobile .swiper-slide { width: 100%; }
#root .l4cl.mobile-wide.s4wi .swiper-slide { width: 50% !important; }
#root .l4cl.mobile-wide.s4wi .swiper-slide li { width: 100%; border-width: 0; }
#root .l4cl.mobile-wide.list li, #root .l4cl.mobile-wide.list li:first-child, #root .l4cl.mobile-wide.list li:last-child { width: 100%; margin: 0; }
.l4cl.mobile-wide.s4wi .swiper-wrapper { overflow: visible; display: flex; flex-wrap: wrap; }
}

/* n6as and list-collection, list-view, form-filter, form-search, form-sort sections omitted for brevity but preserved (325 lines) */

/* ---- Overrides pour sections/collection-zaroo-custom.liquid ---- */

/* Position pills inline under title instead of absolute bottom */
.header__nav.collection-pills,
.collection-pills {
position: static !important;
bottom: auto       !important;
left: auto         !important;
transform: none    !important;
width: auto        !important;
margin: 1rem 0;
}

/* Force desktop grid back to 4 columns */
@media only screen and (min-width: 768px) {
.collection-products .grid--4-col-desktop {
display: grid !important;
grid-template-columns: repeat(4, 1fr) !important;
gap: 1rem !important;
}
}

/* Mobile grid 2x2 /
@media only screen and (max-width: 767px) {
.collection-products {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 1rem;
}
/ Slider horizontal des pills */
.collection-pills {
display: flex;
flex-wrap: nowrap;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
margin-bottom: 1rem;
}
}