@font-face{font-family:Balloon Pops;src:url(//plouise.co.uk/cdn/shop/t/184/assets/BalloonPops.ttf?v=182912511457250687371781275641) format("truetype");font-weight:400;font-style:normal;font-display:swap}.rec{--rec-brand: var(--brand, #FF2E93);--rec-brand-strong: var(--brand-strong, #E00077);--rec-accent-lilac: var(--accent-lilac, #B56CFF);--rec-deep-plum: var(--deep-plum, #3B0A45);--rec-plum-700: var(--plum-700, #5A1A6B);--rec-hype: var(--hype, #B8FF4A);--rec-soft-blush: var(--soft-blush, #FFD6E7);--rec-pink-50: var(--pink-50, #FFF0F7);--rec-pink-100: var(--pink-100, #FFD6E7);--rec-hot-white: var(--hot-white, #FFF6FB);--rec-surface-card: var(--surface-card, #FFFFFF);--rec-bg-page: var(--bg-page, var(--paper, #FFF6FB));--rec-text-body: var(--text-body, #3B0A45);--rec-text-strong: var(--text-strong, #25062C);--rec-text-muted: var(--text-muted, #8A5C93);--rec-text-link: var(--text-link, #E00077);--rec-grad-blush: var(--grad-blush, linear-gradient(135deg, #FFE3F1 0%, #FFD0E6 55%, #F6C9FF 100%));--rec-grad-brand: var(--grad-brand, linear-gradient(100deg, #FF2E93 0%, #FF5A7A 55%, #FF9B71 100%));--rec-font-body: var(--font-body, "Poppins", system-ui, sans-serif);--rec-font-display: var(--font-display, var(--font-heading, "Poppins", system-ui, sans-serif));--rec-font-pops: var(--font-pops, "Balloon Pops", "Poppins", cursive);--rec-text-2xs: var(--text-2xs, 11px);--rec-text-xs: var(--text-xs, 12px);--rec-text-sm: var(--text-sm, 13.5px);--rec-text-md: var(--text-md, 16px);--rec-display-lg: var(--display-lg, 56px);--rec-tracking-caps: var(--tracking-caps, .14em);--rec-tracking-wide: var(--tracking-wide, .06em);--rec-tracking-display: var(--tracking-display, -.01em);--rec-leading-tight: var(--leading-tight, 1.05);--rec-card-gap: var(--card-gap, 12px);--rec-radius-card: var(--radius-card, 22px);--rec-radius-pill: var(--radius-pill, 999px);--rec-max-content: var(--max-content, 1200px);--rec-shadow-sm: var(--shadow-sm, 0 1px 4px rgba(59,10,69,.12));--rec-shadow-card: var(--shadow-card, 0 10px 30px rgba(255,46,147,.16));--rec-shadow-lg: var(--shadow-lg, 0 18px 48px rgba(59,10,69,.22));--rec-glow-lime: var(--glow-lime, 0 0 0 2px rgba(184,255,74,.45), 0 4px 14px rgba(184,255,74,.4));--rec-dur-fast: var(--dur-fast, .18s);--rec-dur-base: var(--dur-base, .32s);--rec-ease-out: var(--ease-out, cubic-bezier(.22,1,.36,1));--rec-ease-bounce: var(--ease-bounce, cubic-bezier(.34,1.56,.64,1));--rec-hover-lift: var(--hover-lift, -2px);--rec-press-scale: var(--press-scale, .94);--rec-z-toast: var(--z-toast, 1000);width:auto;max-width:none;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);padding:clamp(28px,5vw,56px) 0 72px clamp(24px,6vw,48px);font-family:var(--rec-font-body);color:var(--rec-text-body);-webkit-font-smoothing:antialiased}.rec__head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:clamp(18px,3vw,28px)}.rec__eyebrow{display:inline-flex;align-items:center;gap:7px;font-family:var(--rec-font-display);font-weight:600;text-transform:uppercase;letter-spacing:var(--rec-tracking-caps);font-size:var(--rec-text-xs);color:var(--rec-brand);margin:0 0 10px}.rec__eyebrow .rec__spark{color:var(--rec-accent-lilac);display:inline-flex}.rec__eyebrow .rec__spark svg{width:14px;height:14px}.rec__title{font-family:var(--rec-font-display);font-weight:800;text-transform:uppercase;letter-spacing:var(--rec-tracking-display);line-height:var(--rec-leading-tight);font-size:clamp(17px,2.5vw,34px);color:var(--rec-text-strong);margin:0}.rec__title .rec__pops{font-family:var(--rec-font-pops);font-weight:400;text-transform:none;color:var(--rec-brand);letter-spacing:0;-webkit-text-stroke:0}.rec__headright{display:flex;align-items:center;gap:14px;flex:none}.rec__viewall{font-family:var(--rec-font-display);font-weight:600;text-transform:uppercase;letter-spacing:var(--rec-tracking-wide);font-size:var(--rec-text-sm);color:var(--rec-text-link);text-decoration:none;white-space:nowrap;border-bottom:2px solid transparent;padding-bottom:2px;transition:border-color var(--rec-dur-base) var(--rec-ease-out)}.rec__viewall:hover{border-color:var(--rec-text-link)}.rec__nav{display:flex;gap:8px}.rec__arrow{width:44px;height:44px;flex:none;border:0;cursor:pointer;border-radius:var(--rec-radius-pill);background:var(--rec-surface-card);color:var(--rec-brand-strong);box-shadow:var(--rec-shadow-card);display:inline-flex;align-items:center;justify-content:center;transition:transform var(--rec-dur-fast) var(--rec-ease-bounce),background var(--rec-dur-base) var(--rec-ease-out),box-shadow var(--rec-dur-base) var(--rec-ease-out),opacity var(--rec-dur-base)}.rec__arrow:hover:not(:disabled){transform:translateY(var(--rec-hover-lift));background:var(--rec-pink-50)}.rec__arrow:active:not(:disabled){transform:scale(var(--rec-press-scale))}.rec__arrow:disabled{opacity:.35;cursor:default;box-shadow:var(--rec-shadow-sm)}.rec__arrow svg{width:20px;height:20px}.rec__track{display:flex;gap:var(--rec-card-gap);overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:6px 2px 10px;margin:-6px -2px -10px;scrollbar-width:none;list-style:none}.rec__track::-webkit-scrollbar{display:none}.rec-card{flex:0 0 clamp(250px,25.5%,300px);scroll-snap-align:start;background:none;border-radius:var(--rec-radius-card);overflow:hidden;display:flex;flex-direction:column;text-align:left;transition:transform var(--rec-dur-base) var(--rec-ease-out)}.rec-card:hover{transform:translateY(-6px)}.rec-media{position:relative;aspect-ratio:3 / 4;background:var(--rec-grad-blush);overflow:hidden;display:block}.rec-media>a{position:absolute;top:0;right:0;bottom:0;left:0;display:block}.rec-media img,.rec-media svg{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s var(--rec-ease-out)}.rec-card:hover .rec-media img,.rec-card:hover .rec-media svg{transform:scale(1.07)}.rec-badges{position:absolute;right:10px;top:10px;z-index:3;display:flex;flex-direction:column;gap:6px;align-items:flex-end}.rec-badge{position:relative;overflow:hidden;display:inline-flex;align-items:center;gap:5px;font-family:var(--rec-font-display);font-weight:700;text-transform:uppercase;letter-spacing:var(--rec-tracking-wide);font-size:11px;line-height:1;padding:6px 11px;border-radius:var(--rec-radius-pill);white-space:nowrap}.rec-badge--value{background:#fffffff2;color:var(--rec-plum-700);box-shadow:var(--rec-shadow-sm)}.rec-badge--hype{background:var(--rec-hype);color:var(--rec-deep-plum);box-shadow:var(--rec-glow-lime)}.rec-badge--plum{background:var(--rec-deep-plum);color:var(--rec-soft-blush)}.rec-badge--soft{background:var(--rec-soft-blush);color:var(--rec-brand-strong)}.rec-card:hover .rec-badge:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.7) 50%,transparent 70%);transform:translate(-130%);animation:recShimmer .9s var(--rec-ease-out)}@keyframes recShimmer{to{transform:translate(130%)}}.rec-overlay{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:12px;display:flex;flex-direction:column;gap:8px;background:none}.rec-name{font-family:var(--rec-font-body);font-weight:600;font-size:var(--rec-text-sm);color:#fff;line-height:1.3;margin:0;text-wrap:pretty;text-shadow:0 1px 2px rgba(15,3,18,.95),0 2px 10px rgba(15,3,18,.7);display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.rec-name a{color:inherit;text-decoration:none}.rec-meta{display:flex;align-items:center;justify-content:flex-start;gap:8px}.rec-price{display:inline-flex;align-items:baseline;gap:4px}.rec-price__from{font-family:var(--rec-font-body);font-weight:500;font-size:var(--rec-text-2xs);color:#ffffffe6;text-shadow:0 1px 2px rgba(15,3,18,.95),0 1px 6px rgba(15,3,18,.7)}.rec-price__now{font-family:var(--rec-font-display);font-weight:700;font-size:var(--rec-text-md);color:#fff;line-height:1;text-shadow:0 1px 2px rgba(15,3,18,.95),0 1px 6px rgba(15,3,18,.7)}.rec-cta{margin-top:2px}.rec-cta form{margin:0}.rec-btn{display:inline-flex;align-items:center;justify-content:center;width:100%;min-height:38px;padding:0 16px;font-family:var(--rec-font-display);font-weight:700;font-size:12.5px;text-transform:uppercase;letter-spacing:var(--rec-tracking-wide);text-decoration:none;border:0;cursor:pointer;border-radius:var(--rec-radius-pill);white-space:nowrap;transition:transform var(--rec-dur-fast) var(--rec-ease-bounce),box-shadow var(--rec-dur-base) var(--rec-ease-out),filter var(--rec-dur-base) var(--rec-ease-out)}.rec-btn:active:not(:disabled){transform:scale(var(--rec-press-scale))}.rec-btn--primary{background:var(--rec-grad-brand);color:#fff;box-shadow:0 6px 18px #ff2e9366}.rec-btn--primary:hover{filter:brightness(1.04);box-shadow:0 8px 22px #ff2e9380}.rec-btn--inverse{background:#fffffff5;color:var(--rec-brand-strong);box-shadow:0 4px 14px #0f031252}.rec-btn--inverse:hover{background:#fff;box-shadow:0 6px 18px #0f031266}.rec-btn:disabled{opacity:.55;cursor:default}.rec-empty{flex:1;padding:28px;border-radius:var(--rec-radius-card);background:var(--rec-pink-50);color:var(--rec-text-muted);font-size:var(--rec-text-sm);text-align:center}.rec-card{opacity:1}@media(prefers-reduced-motion:no-preference){.rec__track.animate .rec-card{opacity:0;animation:recCardIn .56s var(--rec-ease-out) both;animation-delay:calc(var(--i, 0) * 75ms)}}@keyframes recCardIn{0%{opacity:0;transform:translateY(22px) scale(.97)}to{opacity:1;transform:none}}.rec-toast{position:fixed;left:50%;bottom:28px;z-index:var(--rec-z-toast);transform:translate(-50%,150%);display:inline-flex;align-items:center;gap:10px;background:var(--rec-deep-plum);color:var(--rec-hot-white);font-family:var(--rec-font-body);font-weight:600;font-size:var(--rec-text-md);padding:13px 20px;border-radius:var(--rec-radius-pill);box-shadow:var(--rec-shadow-lg);opacity:0;pointer-events:none}.rec-toast.show{animation:recToastUp 2.6s var(--rec-ease-bounce) forwards}.rec-toast .rec-toast__dot{width:22px;height:22px;border-radius:999px;flex:none;background:var(--rec-hype);color:var(--rec-deep-plum);display:inline-flex;align-items:center;justify-content:center}.rec-toast .rec-toast__dot svg{width:13px;height:13px}@keyframes recToastUp{0%{opacity:0;transform:translate(-50%,150%)}12%{opacity:1;transform:translate(-50%)}88%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,60%)}}@media(max-width:720px){.rec-card{flex:0 0 72%}.rec__headright{display:none}.rec__head{align-items:flex-start}}
/*# sourceMappingURL=/cdn/shop/t/184/assets/recommendations-carousel.css.map */
