.shop-head{max-width:var(--section-container-max, 1200px);margin:0 auto;padding:var(--space-6) var(--space-4) var(--space-2)}.shop-head--row{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-6)}.shop-head__viewall{flex-shrink:0;white-space:nowrap;font-family:var(--font-body);font-size:var(--font-size-14);font-weight:500;letter-spacing:.04em;color:var(--ink);transition:color .2s ease-out}.shop-head__viewall:hover{color:var(--rose-text)}.shop-head__viewall .cta-arrow{display:inline-block;margin-left:6px;transition:transform .24s var(--ease-out-expo, cubic-bezier(.2, .8, .2, 1))}.shop-head__viewall:hover .cta-arrow{transform:translate(4px)}.shop-head__eyebrow{font-family:var(--font-body);font-size:var(--font-size-11);font-weight:500;text-transform:uppercase;letter-spacing:.18em;color:var(--ink-soft);margin:0 0 var(--space-2)}.shop-head__title{font-family:var(--font-display);font-weight:400;font-size:clamp(var(--font-size-32),4vw,var(--font-size-40));letter-spacing:-.01em;color:var(--ink);margin:0}.shop-head__title em{font-style:normal;color:var(--rose-text)}.plp--bleed .shop-head__title{font-size:var(--font-size-20)}.plp{max-width:var(--section-container-max, 1200px);margin:0 auto;padding:var(--space-5) 0 var(--space-16)}.plp__grid{padding:0 var(--space-4);display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-6);align-items:start}.plp.plp--bleed,.plp--bleed .shop-head{max-width:none}.card{display:flex;flex-direction:column;position:relative}.card[hidden]{display:none}.card__body{display:flex;flex-direction:column;gap:2px}.card__line1{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-2);min-height:20px}.card__image{margin-bottom:var(--space-3);aspect-ratio:4/5;position:relative;overflow:hidden;background:var(--blush);border-radius:var(--radius-sm)}.card__image .card__link{display:block;position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.card__photo{position:absolute;top:0;right:0;bottom:0;left:0;display:block;pointer-events:none}.card__photo img{width:100%;height:100%;object-fit:cover;object-position:center top;display:block}.card__photo--back{opacity:0;transition:opacity .42s cubic-bezier(.16,1,.3,1)}.card:hover .card__photo--back,.card:focus-within .card__photo--back{opacity:1}.card__photo--front img{transition:transform .6s cubic-bezier(.16,1,.3,1)}.card:hover .card__photo--front img,.card:focus-within .card__photo--front img{transform:scale(1.02)}.card__swipe{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;display:flex;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;touch-action:pan-x;cursor:grab}.card__swipe:active{cursor:grabbing}.card__swipe::-webkit-scrollbar{display:none}.card__slide{flex:0 0 100%;width:100%;height:100%;scroll-snap-align:start;position:relative}.card__slide img{width:100%;height:100%;object-fit:cover;object-position:center top;display:block}.card.is-soldout .card__slide img{opacity:.55;filter:saturate(.6)}.card__dots{position:absolute;left:0;right:0;bottom:var(--space-2, 8px);z-index:4;display:flex;gap:6px;justify-content:center;align-items:center;pointer-events:none}.card__dot-btn{pointer-events:auto;position:relative;width:6px;height:6px;padding:0;border:0;border-radius:50%;cursor:pointer;background:color-mix(in srgb,#fff 60%,transparent);box-shadow:0 1px 3px color-mix(in srgb,var(--ink) 35%,transparent);transition:width .22s cubic-bezier(.2,.8,.2,1),background .2s ease-out}.card__dot-btn.is-active{width:16px;border-radius:3px;background:#fff}.card__dot-btn:after{content:"";position:absolute;top:50%;left:50%;width:22px;height:28px;transform:translate(-50%,-50%)}@media(prefers-reduced-motion:reduce){.card__swipe{scroll-behavior:auto}.card__dot-btn{transition:none}}.card__badge{position:absolute;top:10px;left:10px;background:var(--cream);color:var(--ink);border:none;padding:4px 10px;font-family:var(--font-body);font-size:var(--font-size-11);font-weight:500;letter-spacing:.12em;text-transform:uppercase;z-index:2;pointer-events:none}.card__heart{position:absolute;top:10px;right:10px;width:32px;height:32px;border:none;border-radius:50%;background:var(--cream);color:var(--ink);display:flex;align-items:center;justify-content:center;z-index:2;cursor:pointer;transition:background .2s ease-out,color .2s ease-out}.card__heart:hover{background:var(--rose);color:var(--cream)}.card__heart svg{width:14px;height:14px}.card__heart:after{content:"";position:absolute;top:50%;left:50%;width:44px;height:44px;transform:translate(-50%,-50%)}.card__heart.is-saved{background:var(--rose);color:var(--cream)}@media(prefers-reduced-motion:no-preference){@keyframes fl-heart-pop{0%{transform:scale(1)}40%{transform:scale(1.28)}to{transform:scale(1)}}.card__heart.is-saved{animation:fl-heart-pop .32s cubic-bezier(.34,1.56,.64,1)}}.card__name{font-family:var(--font-body);font-size:var(--font-size-14);font-weight:500;color:var(--ink);text-decoration:none;transition:color .2s ease-out;min-width:0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.card__name:hover{color:var(--rose-text)}.card__features{display:inline-flex;align-items:center;gap:5px;flex-shrink:0}.card__feature{display:inline-flex;line-height:0}.card__feature svg{width:15px;height:15px;display:block}.card__feature--uv{color:#e0a32f}.card__feature--cool{color:#6faedb}.card__meta{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;column-gap:var(--space-2);row-gap:2px;font-family:var(--font-body);font-size:var(--font-size-14);color:var(--ink)}.card__colour,.card__price{white-space:nowrap}.card__price{flex-shrink:0}.card__meta em{font-family:var(--font-display);font-style:italic;color:var(--ink-soft)}.card__meta s,.card__dot{color:var(--ink-mute)}@media(hover:none){.card__photo--back{display:none}.card__photo--front img{transition:none}}@media(max-width:768px){.plp{padding:var(--space-6) 0 var(--space-12)}.plp__grid{grid-template-columns:repeat(2,1fr);gap:var(--space-4)}}@media(prefers-reduced-motion:reduce){.card__photo--back,.card__photo--front img{transition:none}.card:hover .card__photo--front img,.card:focus-within .card__photo--front img{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/fl-product-card.css.map */