.ff-cl{padding-top:var(--ff-cl-pad-t, 40px);padding-bottom:var(--ff-cl-pad-b, 40px)}.ff-cl__container{max-width:var(--page-width, 1200px);margin-inline:auto;padding-inline:var(--ff-cl-gutter, 1.5rem)}.ff-cl--full-width .ff-cl__container{max-width:none;padding-inline:0}.ff-cl__header{margin-bottom:var(--ff-cl-heading-gap, 28px);text-align:var(--ff-cl-heading-align, left)}.ff-cl--full-width .ff-cl__header{max-width:var(--page-width, 1200px);margin-inline:auto;padding-inline:var(--ff-cl-gutter, 1.5rem)}.ff-cl__heading{font-size:var(--ff-cl-heading-size, 32px);font-weight:var(--ff-cl-heading-weight, 700);color:var(--ff-cl-heading-color, #121212);text-transform:var(--ff-cl-heading-transform, none);letter-spacing:var(--ff-cl-heading-ls, 0em);line-height:1.2;margin:0}.ff-cl__subheading{font-size:var(--ff-cl-sub-size, 16px);font-weight:var(--ff-cl-sub-weight, 400);color:var(--ff-cl-sub-color, #666666);line-height:1.5;margin:8px 0 0}.ff-cl__sort-row{display:flex;align-items:center;justify-content:var(--ff-cl-sort-align, flex-end);margin-bottom:var(--ff-cl-sort-mb, 20px);gap:8px}.ff-cl--full-width .ff-cl__sort-row{max-width:var(--page-width, 1200px);margin-inline:auto;padding-inline:var(--ff-cl-gutter, 1.5rem);margin-bottom:var(--ff-cl-sort-mb, 20px)}.ff-cl__sort-label{font-size:var(--ff-cl-sort-size, 13px);font-weight:var(--ff-cl-sort-weight, 600);color:var(--ff-cl-sort-color, #121212);text-transform:var(--ff-cl-sort-transform, uppercase);letter-spacing:.06em;white-space:nowrap}.ff-cl__sort-select{font-size:var(--ff-cl-sort-size, 13px);font-weight:400;color:var(--ff-cl-sort-color, #121212);background:transparent;border:1px solid rgba(18,18,18,.2);border-radius:4px;padding:6px 28px 6px 10px;cursor:pointer;-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23121212' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;background-size:12px}.ff-cl__sort-select:focus-visible{outline:2px solid rgba(18,18,18,.5);outline-offset:2px}.ff-cl__grid{display:grid;gap:var(--ff-cl-gap, 12px);list-style:none;margin:0;padding:0}.ff-cl--2-col .ff-cl__grid{grid-template-columns:repeat(2,1fr)}.ff-cl--3-col .ff-cl__grid{grid-template-columns:repeat(3,1fr)}.ff-cl--4-col .ff-cl__grid{grid-template-columns:repeat(4,1fr)}.ff-cl--h-fixed .ff-cl__grid{grid-auto-rows:var(--ff-cl-h, 380px)}.ff-cl--h-ratio .ff-cl__card{aspect-ratio:var(--ff-cl-ar)}.ff-cl__card{position:relative;overflow:hidden;border-radius:var(--ff-cl-radius, 0px);display:flex;flex-direction:column;justify-content:flex-end;min-width:0;min-height:0}.ff-cl__media{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.ff-cl__media img{width:100%;height:100%;object-fit:cover;object-position:center center;display:block;transform:translateZ(0) scale(1.005);transition:transform var(--ff-cl-trans, .4s) ease;will-change:transform;backface-visibility:hidden}.ff-cl__card:hover .ff-cl__media img{transform:translateZ(0) scale(var(--ff-cl-zoom, 1.05))}.ff-cl__placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1a1a1a,#2d2d2d)}.ff-cl__placeholder svg{width:60px;height:60px;opacity:.3}.ff-cl__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--ff-cl-ov-color, #000000);opacity:var(--ff-cl-ov-opacity, .3);mix-blend-mode:var(--ff-cl-ov-blend, normal);transition:opacity var(--ff-cl-trans, .4s) ease;pointer-events:none;z-index:1}.ff-cl__card:hover .ff-cl__overlay{opacity:var(--ff-cl-ov-hover, .15)}.ff-cl__card:after{content:"";position:absolute;bottom:0;left:0;right:0;height:var(--ff-cl-grad-h, 65%);pointer-events:none;z-index:1;opacity:var(--ff-cl-grad-on, 0);background:linear-gradient(to top,color-mix(in oklab,var(--ff-cl-ov-color, #000) var(--ff-cl-grad-bottom, 70%),transparent),color-mix(in oklab,var(--ff-cl-ov-color, #000) var(--ff-cl-grad-top, 0%),transparent))}.ff-cl__card-link{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;display:block;text-decoration:none;color:transparent;cursor:pointer}.ff-cl__content{position:relative;z-index:2;display:flex;flex-direction:column;pointer-events:none;padding:var(--ff-cl-text-pad, 20px);padding-bottom:var(--ff-cl-text-pad-b, var(--ff-cl-text-pad, 20px));gap:var(--ff-cl-count-gap, 4px)}.ff-cl__content--h-left{align-items:flex-start;text-align:left}.ff-cl__content--h-center{align-items:center;text-align:center}.ff-cl__content--h-right{align-items:flex-end;text-align:right}.ff-cl__title{margin:0;font-family:var(--ff-cl-title-ff, inherit);font-size:var(--ff-cl-title-size, 20px);font-weight:var(--ff-cl-title-weight, 700);color:var(--ff-cl-title-color, #ffffff);text-transform:var(--ff-cl-title-transform, uppercase);letter-spacing:var(--ff-cl-title-ls, .02em);line-height:1.25;display:-webkit-box;-webkit-line-clamp:var(--ff-cl-title-lines, 2);-webkit-box-orient:vertical;overflow:hidden}.ff-cl--title-shadow .ff-cl__title{text-shadow:var(--ff-cl-title-shadow, 0px 2px 4px #000000)}.ff-cl__count{font-size:var(--ff-cl-count-size, 12px);font-weight:var(--ff-cl-count-weight, 500);color:var(--ff-cl-count-color, #ffffff);opacity:var(--ff-cl-count-opacity, .75);text-transform:var(--ff-cl-count-transform, none);letter-spacing:.02em;line-height:1.3;margin:0}.ff-cl__icon{position:absolute;top:var(--ff-cl-icon-offset, 16px);right:var(--ff-cl-icon-offset, 16px);width:var(--ff-cl-icon-size, 28px);height:var(--ff-cl-icon-size, 28px);z-index:2;color:var(--ff-cl-icon-color, #ffffff);opacity:var(--ff-cl-icon-opacity, .6);transition:opacity var(--ff-cl-trans, .4s) ease;pointer-events:none}.ff-cl__icon svg{width:100%;height:100%}.ff-cl__card:hover .ff-cl__icon{opacity:1}.ff-cl__pagination{margin-top:var(--ff-cl-pag-mt, 40px)}.ff-cl--full-width .ff-cl__pagination{max-width:var(--page-width, 1200px);margin-inline:auto;padding-inline:var(--ff-cl-gutter, 1.5rem)}.ff-cl__empty{text-align:center;padding:60px 20px;color:var(--ff-cl-heading-color, #121212);opacity:.5;font-size:16px}@media screen and (max-width:749px){.ff-cl__grid{gap:var(--ff-cl-gap-m, var(--ff-cl-gap, 8px))}.ff-cl__heading{font-size:var(--ff-cl-heading-size-m, 24px)}.ff-cl__subheading{font-size:var(--ff-cl-sub-size-m, 14px)}.ff-cl__container,.ff-cl--full-width .ff-cl__header,.ff-cl--full-width .ff-cl__sort-row,.ff-cl--full-width .ff-cl__pagination{padding-inline:var(--ff-cl-gutter-m, var(--ff-cl-gutter, 1.5rem))}.ff-cl--m-1col .ff-cl__grid{grid-template-columns:1fr}.ff-cl--m-2col .ff-cl__grid{grid-template-columns:repeat(2,1fr)}.ff-cl--h-fixed .ff-cl__grid{grid-auto-rows:var(--ff-cl-h-m, var(--ff-cl-h, 280px))}.ff-cl--h-ratio .ff-cl__card{aspect-ratio:var(--ff-cl-ar-m, var(--ff-cl-ar))}.ff-cl__title{font-size:var(--ff-cl-title-size-m, var(--ff-cl-title-size, 16px))}.ff-cl__count{font-size:var(--ff-cl-count-size-m, var(--ff-cl-count-size, 11px))}.ff-cl__icon{width:calc(var(--ff-cl-icon-size, 28px) * .8);height:calc(var(--ff-cl-icon-size, 28px) * .8)}}
/*# sourceMappingURL=/cdn/shop/t/49/assets/ff-collection-list.css.map */