.fm-collection-banner{position:relative;padding:clamp(16px,2vw,28px) 0 clamp(8px,1vw,14px);overflow:hidden;background:var(--color-white)}.fm-collection-banner--with-image{color:var(--color-white);min-height:clamp(180px,22vw,320px);display:flex;align-items:flex-end;padding:clamp(24px,4vw,60px) 0 clamp(20px,3vw,40px)}.fm-collection-banner__bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.fm-collection-banner__bg img{width:100%;height:100%;object-fit:cover}.fm-collection-banner__bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0000,#0000008c)}.fm-collection-banner__inner{position:relative;z-index:1;max-width:1480px;margin:0 auto;padding:0 clamp(16px,3vw,48px);width:100%}.fm-collection-banner__eyebrow{display:none}.fm-collection-banner--with-image .fm-collection-banner__eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#ffffffd9;margin-bottom:10px}.fm-collection-banner--with-image .fm-collection-banner__eyebrow{color:#ffffffd9}.fm-collection-banner__eyebrow:before{content:"";width:24px;height:1px;background:currentColor}.fm-collection-banner__title{font-family:var(--font-inter),system-ui,-apple-system,"Segoe UI",Roboto,sans-serif!important;font-size:clamp(24px,3vw,38px);font-weight:700;line-height:1.05;letter-spacing:-.02em;color:var(--color-dark-grey);margin:0}.fm-collection-banner--with-image .fm-collection-banner__title{font-size:clamp(32px,4.5vw,56px)}.fm-collection-banner--with-image .fm-collection-banner__title{color:var(--color-white)}.fm-collection-banner__title-gradient{background:linear-gradient(90deg,var(--color-blue) 0,var(--color-purple) 50%,var(--color-orange) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.fm-collection-banner__description{margin-top:6px;font-size:clamp(13px,1.1vw,15px);font-weight:400;line-height:1.45;color:var(--color-grey);max-width:720px}.fm-collection-banner--with-image .fm-collection-banner__description{color:#ffffffe6}.fm-collection__toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 0;border-top:1px solid var(--color-gray-200);border-bottom:1px solid var(--color-gray-200);margin-bottom:32px;flex-wrap:wrap}.fm-collection__count{display:none}.fm-collection__app-slot{margin:0 0 24px}.fm-collection__app-block+.fm-collection__app-block{margin-top:16px}.fm-collection__search{position:relative;flex:1;max-width:420px;display:flex;align-items:center}.fm-collection__search-icon{position:absolute;left:14px;color:var(--color-grey);pointer-events:none}.fm-collection__search input{width:100%;height:40px;padding:0 36px 0 38px;font-size:13px;font-family:inherit;background:var(--color-white);color:var(--color-dark-grey);border:1px solid var(--color-gray-300);border-radius:var(--radius-full);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.fm-collection__search input:focus{border-color:var(--color-blue);outline:0;box-shadow:0 0 0 3px #0071e31f}.fm-collection__search input::placeholder{color:var(--color-grey);font-weight:400}.fm-collection__search-clear{position:absolute;right:10px;width:22px;height:22px;border:0;background:var(--color-gray-200);color:var(--color-dark-grey);border-radius:50%;cursor:pointer;font-size:14px;line-height:1;display:inline-flex;align-items:center;justify-content:center}.fm-collection__search-clear:hover{background:var(--color-gray-300)}@media screen and (max-width:749px){.fm-collection__search{max-width:100%;width:100%;order:-1}}.fm-collection__count strong{color:var(--color-dark-grey);font-weight:600}.fm-collection__toolbar-actions{display:flex;align-items:center;gap:12px}.fm-collection__filter-toggle{display:none;align-items:center;gap:8px;height:40px;padding:0 16px;font-size:13px;font-weight:500;background:var(--color-white);color:var(--color-dark-grey);border:1px solid var(--color-gray-300);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast)}@media screen and (max-width:990px){.fm-collection__filter-toggle{display:inline-flex}}.fm-collection__filter-toggle:hover{border-color:var(--color-dark-grey)}.fm-collection__sort{display:inline-flex;align-items:center;gap:8px}.fm-collection__sort-label{font-size:13px;color:var(--color-grey)}.fm-collection__sort select{height:40px;padding:0 36px 0 16px;font-size:13px;font-weight:500;background:var(--color-white);color:var(--color-dark-grey);border:1px solid var(--color-gray-300);border-radius:var(--radius-full);cursor:pointer;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'><path fill='none' stroke='%231d1d1f' stroke-width='1.5' d='M1 1.5l5 5 5-5'/></svg>");background-repeat:no-repeat;background-position:right 14px center;background-size:10px;transition:border-color var(--transition-fast)}.fm-collection__sort select:hover{border-color:var(--color-dark-grey)}.fm-collection{background:var(--color-white);padding:clamp(20px,3vw,40px) 0 clamp(40px,6vw,100px)}.fm-collection__inner{max-width:1480px;margin:0 auto;padding:0 clamp(16px,3vw,48px)}.fm-collection__layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:clamp(24px,3vw,56px)}.fm-collection__layout--full{grid-template-columns:1fr;gap:0}@media screen and (max-width:990px){.fm-collection__layout{grid-template-columns:1fr}}.fm-filterbar{margin:-16px 0 24px;padding:12px 0 16px;border-bottom:1px solid var(--color-gray-200)}@media screen and (max-width:990px){.fm-filterbar{display:none}}.fm-filterbar__form{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.fm-filter-dd{position:relative}.fm-filter-dd__btn{display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 14px;font-size:13px;font-weight:500;background:var(--color-white);color:var(--color-dark-grey);border:1px solid var(--color-gray-300);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast);font-family:inherit}.fm-filter-dd__btn:hover{border-color:var(--color-dark-grey)}.fm-filter-dd__btn.is-active{background:var(--color-dark-grey);color:var(--color-white);border-color:var(--color-dark-grey)}.fm-filter-dd.is-open .fm-filter-dd__btn{border-color:var(--color-blue);box-shadow:0 0 0 3px #0071e31f}.fm-filter-dd__count{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;background:var(--color-blue);color:var(--color-white);font-size:11px;font-weight:600;border-radius:999px;letter-spacing:0}.fm-filter-dd__btn.is-active .fm-filter-dd__count{background:var(--color-white);color:var(--color-dark-grey)}.fm-filter-dd__caret{transition:transform var(--transition-fast);margin-left:2px;opacity:.7}.fm-filter-dd.is-open .fm-filter-dd__caret{transform:rotate(180deg)}.fm-filter-dd__menu{position:absolute;top:calc(100% + 8px);left:0;z-index:100;min-width:240px;max-width:340px;background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);box-shadow:0 8px 24px #00000014,0 2px 6px #0000000a;padding:0;overflow:hidden}.fm-filter-dd__values{max-height:320px;overflow-y:auto;padding:10px 14px;scrollbar-width:thin;scrollbar-color:var(--color-gray-300) transparent;overscroll-behavior:contain}.fm-filter-dd__values::-webkit-scrollbar{width:6px}.fm-filter-dd__values::-webkit-scrollbar-thumb{background:var(--color-gray-300);border-radius:3px}.fm-filter-dd__footer{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;border-top:1px solid var(--color-gray-200);background:var(--color-bg-page)}.fm-filter-dd__clear{font-size:12px;color:var(--color-grey);text-decoration:underline;text-underline-offset:2px}.fm-filter-dd__clear:hover{color:var(--color-blue)}.fm-filter-dd__apply{display:inline-flex;align-items:center;height:32px;padding:0 14px;background:var(--color-dark-grey);color:var(--color-white);font-size:12px;font-weight:500;border:0;border-radius:var(--radius-full);cursor:pointer;margin-left:auto;font-family:inherit}.fm-filter-dd__apply:hover{background:var(--color-black)}.fm-filterbar__clear{font-size:13px;color:var(--color-grey);text-decoration:underline;text-underline-offset:2px;margin-left:8px}.fm-filterbar__clear:hover{color:var(--color-red)}.fm-filter-range{display:flex;gap:8px;padding:14px;align-items:end}.fm-filter-range label{display:flex;flex-direction:column;gap:4px;flex:1}.fm-filter-range__label{font-size:11px;font-weight:500;color:var(--color-grey);letter-spacing:.04em;text-transform:uppercase}.fm-filter-range__sep{color:var(--color-grey);padding-bottom:9px}.fm-collection__filter-toggle-badge{display:inline-flex;align-items:center;justify-content:center;background:var(--color-blue);color:var(--color-white);border-radius:50%;width:18px;height:18px;font-size:10px;font-weight:600;margin-left:4px}.fm-collection__filters-actions{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:24px;padding-top:16px;border-top:1px solid var(--color-gray-200);position:sticky;bottom:0;background:var(--color-white);padding-bottom:8px}.fm-collection__filters-actions .fm-product__btn{flex:1}.fm-collection__filters-reset{font-size:13px;color:var(--color-grey);text-decoration:underline;text-underline-offset:2px}.fm-collection__filters{display:none}@media screen and (max-width:990px){.fm-collection__filters{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-index-modal);background:var(--color-white);transform:translate(-100%);transition:transform .35s cubic-bezier(.4,0,.2,1);padding:24px;max-height:100vh;max-height:100dvh;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.fm-collection__filters.is-open{transform:translate(0)}.fm-collection__filters-mobile-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--color-gray-200);position:sticky;top:-24px;background:var(--color-white);margin:-24px -24px 20px;padding:24px 24px 16px;z-index:2}}.fm-collection__filters-mobile-header{display:none}.fm-collection__filters-title{font-size:16px;font-weight:600;color:var(--color-dark-grey)}.fm-collection__filters-close{width:36px;height:36px;border:0;background:transparent;font-size:24px;cursor:pointer;color:var(--color-dark-grey)}.fm-filter-group{border-top:1px solid var(--color-gray-200);padding:16px 0}.fm-filter-group:first-of-type{border-top:0}.fm-filter-group__toggle{display:flex;justify-content:space-between;align-items:center;width:100%;background:none;border:0;padding:0;cursor:pointer;font-size:13px;font-weight:600;color:var(--color-dark-grey);letter-spacing:.02em;text-transform:uppercase}.fm-filter-group__toggle:after{content:"\2212";font-size:18px;font-weight:300;color:var(--color-grey)}.fm-filter-group__toggle[aria-expanded=false]:after{content:"+"}.fm-filter-group__values{margin-top:12px;display:flex;flex-direction:column;gap:8px}.fm-filter-value{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--color-gray-700);cursor:pointer}.fm-filter-value input{width:16px;height:16px;margin:0;accent-color:var(--color-blue)}.fm-filter-value__count{display:none}.fm-filter-active{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.fm-filter-chip{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 10px 0 12px;font-size:12px;font-weight:500;background:#0071e314;color:var(--color-blue);border-radius:var(--radius-full);text-decoration:none}.fm-filter-chip:hover{background:#0071e324}.fm-filter-chip:after{content:"\d7";font-size:16px;line-height:1}.fm-filter-clear{display:inline-block;font-size:12px;color:var(--color-grey);text-decoration:underline;margin-bottom:12px}.fm-filter-clear:hover{color:var(--color-blue)}.fm-filter-range{display:flex;gap:8px;margin-top:8px}.fm-filter-range input{width:100%;height:36px;padding:0 10px;font-size:13px;font-family:inherit;border:1px solid var(--color-gray-300);border-radius:var(--radius-sm);background:var(--color-white)}.fm-filter-range input:focus{border-color:var(--color-blue);outline:0}.fm-collection__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:clamp(16px,2vw,28px)}@media screen and (max-width:600px){.fm-collection__grid{grid-template-columns:repeat(2,1fr);gap:12px}}@media screen and (max-width:380px){.fm-collection__grid{grid-template-columns:1fr}}.fm-collection__empty{text-align:center;padding:80px 20px;color:var(--color-grey)}.fm-collection__empty-title{font-size:clamp(24px,3vw,32px);font-weight:600;color:var(--color-dark-grey);margin-bottom:8px}.fm-collection__empty-text{font-size:15px;margin-bottom:24px}.fm-pagination{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:48px;padding-top:32px;border-top:1px solid var(--color-gray-200)}.fm-pagination__item{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 12px;font-size:13px;font-weight:500;color:var(--color-dark-grey);background:transparent;border:1px solid transparent;border-radius:var(--radius-md);text-decoration:none;transition:all var(--transition-fast)}.fm-pagination__item:hover{border-color:var(--color-gray-300)}.fm-pagination__item.is-current{background:var(--color-dark-grey);color:var(--color-white)}.fm-pagination__item--disabled{opacity:.3;pointer-events:none}
/*# sourceMappingURL=/cdn/shop/t/22/assets/frenchmac-collection.css.map */