/* Interaction layer loaded after legacy component styles. */
:is(.groovy-brand,.groovy-nfc-page,.groovy-service){--brand-ease:cubic-bezier(.22,1,.36,1)}
.brand-scroll-progress{position:absolute;bottom:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,#f7bc34,#ec6a22,#28767a);transform-origin:left;pointer-events:none}
.groovy-brand nav.brand-scrolled{box-shadow:0 6px 24px #321b1026;background:#fff3d9f2}
.groovy-brand .groovy-nav-links a{position:relative;padding:8px 0}.groovy-brand .groovy-nav-links a:after{content:'';position:absolute;bottom:3px;left:0;width:100%;height:3px;border-radius:4px;background:#ed7525;transform:scaleX(0);transform-origin:left;transition:transform .25s var(--brand-ease)}.groovy-brand .groovy-nav-links a:hover:after,.groovy-brand .groovy-nav-links a:focus-visible:after{transform:scaleX(1)}
.brand-enhanced .pin-card:hover,.brand-enhanced .pack-card:hover{transform:perspective(1000px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) translateY(-6px)}
.groovy-home .pin-card{transition:transform .3s var(--brand-ease),box-shadow .3s;background-image:radial-gradient(ellipse at var(--light-x,50%) 20%,#fffdf2,#f6e7c6)}.groovy-home .pin-card:hover{box-shadow:inset 0 0 0 1px #fff9eb,0 4px 0 #bba17b,0 20px 30px #10070365}.groovy-home .pin-card-img>img{transition:scale .4s var(--brand-ease)}.groovy-home .pin-card:hover .pin-card-img>img{scale:1.04}
.groovy-home .groovy-phone{animation:phone-sway 6s ease-in-out infinite}.groovy-home .groovy-connected-card{animation:card-sway 6s ease-in-out infinite}.groovy-home .groovy-nfc-waves{animation:signal-glow 2.8s ease-in-out infinite}
@keyframes phone-sway{0%,100%{translate:0 0;rotate:0deg}50%{translate:0 -7px;rotate:-1deg}}@keyframes card-sway{0%,100%{translate:0 0}50%{translate:0 5px}}@keyframes signal-glow{0%,100%{opacity:.65}50%{opacity:1}}
.brand-paused *{animation-play-state:paused!important}
:is(.groovy-brand,.groovy-nfc-page) :is(.cookie-modal,.ugc-modal,.social-popover,.hdc-popup-inner,.encours-inner){background:radial-gradient(ellipse at top left,#fffaf0,#fff0d3);color:#321b10;border:1px solid #321b1030;border-radius:28px;box-shadow:0 25px 80px #1e100b50;padding:32px}
:is(.groovy-brand,.groovy-nfc-page) :is(.cookie-modal h2,.ugc-modal h3,.social-popover h3,.hdc-popup-t1,.encours-title){font:900 clamp(30px,4vw,46px)/1.12 'Fraunces',Georgia,serif;letter-spacing:-.045em;color:#321b10}
:is(.groovy-brand,.groovy-nfc-page) :is(.cm-sub,.cm-row p,.ugcm-sub,.ugcm-note,.ugcm-tag-hint,.sp-hint,.hdc-popup-t2,.hdc-popup-note1,.encours-sub){font:500 18px/1.5 'Barlow Condensed',Arial,sans-serif;color:#68503e;letter-spacing:0}
.groovy-brand :is(.cm-row h3,.ugcm-row label,.contact-row label,.sp-handle,.ugcm-tag-handle){font:700 18px/1.4 'Barlow Condensed',Arial,sans-serif;color:#321b10;letter-spacing:0;text-transform:none}
:is(.groovy-brand,.groovy-nfc-page) :is(.cm-btn,.ugcm-submit,.sp-cta,.sp-copy,.hdc-popup-submit,.contact-submit,.share-toggle,.ugc-submit){font:700 21px/1.3 'Barlow Condensed',Arial,sans-serif;color:#321b10;background:linear-gradient(120deg,#ffdc74,#ffbf32);border:2px solid #321b10;border-radius:35px;padding:12px 24px;letter-spacing:0;text-transform:none;min-height:48px;box-shadow:0 3px 0 #321b10;transition:translate .2s,box-shadow .2s}
.groovy-brand :is(.cm-btn,.ugcm-submit,.sp-cta,.contact-submit):hover{translate:0 -2px;box-shadow:0 5px 0 #321b10}
:is(.groovy-brand,.groovy-nfc-page) :is(.ugcm-row input,.ugcm-row select,.contact-row input,.contact-row textarea,.hdc-popup-inp,.ugc-form input,.ugc-form select){font:500 18px/1.5 'Barlow Condensed',Arial,sans-serif;color:#321b10;background:#fffaf0;border:1px solid #321b1055;border-radius:14px;padding:12px 15px;min-height:48px;transition:border-color .2s,box-shadow .2s}
.groovy-brand :is(.contact-row textarea,.ugcm-row input):focus{outline:0;border-color:#28767a;box-shadow:0 0 0 3px #28767a25}
.groovy-brand .contact-form{padding:30px;background:#fffaf0b3;border:1px solid #321b1025;border-radius:28px;box-shadow:0 14px 35px #80542915}.groovy-brand :is(.contact-sub,.contact-note,.faq-sub,.faq-a,.humeur-sub){font:500 21px/1.5 'Barlow Condensed',Arial,sans-serif;color:#68503e}
.groovy-brand .faq-item{background:#fffaf0;border:1px solid #321b1020;border-radius:18px;margin-bottom:12px;overflow:hidden}.groovy-brand .faq-q{padding:20px 24px;color:#321b10;font-weight:700}.groovy-brand .faq-a{padding:0 24px 24px}.groovy-brand .faq-item[open]{box-shadow:0 8px 20px #80542912;border-color:#e1a347}
.groovy-brand .humeur-section{padding:25px;background:#fff9e980;border:1px solid #321b1015;border-radius:24px;margin-bottom:20px}.groovy-brand .humeur-section h2{font-size:32px}.groovy-brand .humeur-section p{font-size:21px;line-height:1.6}
.groovy-brand :is(.ugcm-close,.sp-close,.encours-close,.close-btn,.hdc-popup-close){width:40px;height:40px;border-radius:50%;background:#321b100d;color:#321b10;opacity:1;font:500 20px Arial,sans-serif;display:grid;place-items:center}.groovy-brand :is(.ugc-modal-overlay,.cookie-modal-overlay,.social-popover-overlay){background:#26180fc2;backdrop-filter:blur(7px)}
.groovy-brand .search-overlay{background:radial-gradient(ellipse at top right,#613b25,#321b10)}.groovy-brand .search-input{font:600 clamp(24px,4vw,40px) 'Barlow Condensed',Arial,sans-serif;color:#fff3d9;letter-spacing:0}.groovy-brand .search-result-item{font:700 24px 'Barlow Condensed',Arial,sans-serif;padding:14px 18px;border-radius:15px;margin-bottom:8px;background:#fff3d90c;border:1px solid #fff3d925;transition:background .2s,translate .2s}.groovy-brand .search-result-item:hover{background:#ffc33f;color:#321b10!important;translate:5px 0}.groovy-brand .search-empty{font:500 21px 'Barlow Condensed',Arial,sans-serif;color:#fff3d9}.groovy-brand .search-close{font:600 18px 'Barlow Condensed',Arial,sans-serif;min-height:44px;color:#fff3d9}
.groovy-brand .menu-overlay{gap:16px;padding-top:125px;overflow-y:auto}.groovy-brand .menu-item{transition:translate .2s,color .2s}.groovy-brand .menu-item:hover{translate:8px 0;color:#ffc33f}.groovy-brand .menu-sub a{font:600 21px 'Barlow Condensed',Arial,sans-serif;letter-spacing:0}.groovy-brand .menu-item#menuCollections{cursor:pointer}
.groovy-brand #cartToast{background:#321b10!important;color:#fff3d9!important;border-radius:24px!important;padding:15px 22px!important;box-shadow:0 12px 30px #321b1045!important;max-width:calc(100vw - 32px);width:max-content;z-index:9800!important}.groovy-brand #cartToastMsg{font:600 18px 'Barlow Condensed',Arial,sans-serif;letter-spacing:0}
.groovy-brand .back-to-top{background:#ffc33f;color:#321b10;border:2px solid #321b10;border-radius:50%;width:44px;height:44px}.groovy-brand .back-to-top svg{stroke:#321b10}
.groovy-gallery .page{padding-top:20px;color:#321b10}.groovy-gallery .hero{padding:55px 20px 35px}.groovy-gallery .hero h1{font-size:clamp(45px,7vw,82px)}.groovy-gallery :is(.hero p,.gallery-empty-quote,.gallery-empty-sub,.cta-note,.ugc-note){font:500 22px/1.5 'Barlow Condensed',Arial,sans-serif;color:#68503e;letter-spacing:0}.groovy-gallery .gallery-empty{background:radial-gradient(ellipse,#ffdd87a0,#f7e7c6);padding:45px 25px;border:1px solid #321b1025;border-radius:28px;margin:20px auto;max-width:850px}.groovy-gallery .cta-block{padding-bottom:65px}.groovy-gallery .ugc-form{background:#fffaf0;border-color:#321b1025}.groovy-gallery .ugc-form label{color:#321b10;font:600 18px 'Barlow Condensed',Arial,sans-serif;letter-spacing:0}.groovy-gallery .ugc-form select option{background:#fff3d9;color:#321b10}
.groovy-service{--ink:#321b10;--cream:#fff3d9;--ink-soft:#68503e;--ink-ghost:#80664f;--terra:#e87525;background:radial-gradient(ellipse at top,#ffde83aa,#fff3d9 70%);font:500 19px/1.5 'Barlow Condensed',Arial,sans-serif}.groovy-service .brand img{width:150px;height:auto}.groovy-service h1{font:900 clamp(38px,6vw,58px)/1.1 'Fraunces',Georgia,serif;letter-spacing:-.04em;color:#321b10}.groovy-service :is(.sub,.form-card .hint){font-size:18px}.groovy-service .form-card{background:#fffaf0;border-radius:26px;padding:28px;border-color:#321b1025}.groovy-service .form-card label{font-size:17px;text-transform:none;letter-spacing:0;color:#321b10}.groovy-service .form-card button{border:2px solid #321b10;border-radius:30px;background:linear-gradient(120deg,#ffd66b,#ffbe32);color:#321b10;font-size:21px;box-shadow:0 3px 0 #321b10}.groovy-service .form-card input{font-size:18px;background:#fffdf5;min-height:48px}.groovy-service::before{opacity:.06}
@media(max-width:650px){.groovy-brand .menu-overlay{padding:100px 24px 30px;gap:14px}.groovy-brand .menu-item{font-size:28px}.groovy-brand :is(.contact-form,.cookie-modal,.ugc-modal,.social-popover){padding:24px 20px}.groovy-brand .contact-wrap{padding-left:18px;padding-right:18px}.groovy-brand .faq-q{padding:18px}.groovy-brand .faq-a{padding:0 18px 20px}.groovy-brand .humeur-section{padding:20px}.groovy-gallery .hero{padding-top:30px}.groovy-gallery .gallery-empty{margin-left:18px;margin-right:18px}.groovy-service{padding:24px 18px 45px}.groovy-service .form-card{padding:22px}.groovy-brand .search-result-item{font-size:21px}.groovy-home .groovy-phone,.groovy-home .groovy-connected-card{animation:none}}
@media(prefers-reduced-motion:reduce){.brand-enhanced *, .brand-enhanced *::before,.brand-enhanced *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important;translate:none!important}.brand-enhanced .pin-card:hover,.brand-enhanced .pack-card:hover{transform:none!important}}

.groovy-service :is(#fadeOverlay,#flashOverlay){display:none}.groovy-legal .wrap{max-width:800px}.groovy-legal h1{font-size:clamp(34px,5vw,54px);margin:30px 0 18px}.groovy-legal h2{font:900 28px/1.2 'Fraunces',Georgia,serif;color:#321b10;margin-top:35px;letter-spacing:-.035em}.groovy-legal h3{font:700 22px 'Barlow Condensed',Arial,sans-serif}.groovy-legal :is(p,li,td,th){font-size:19px;line-height:1.6}.groovy-legal .last-update{font-size:16px}.groovy-legal .note{background:#ffcc6740;border:1px solid #e6b856;border-radius:18px;padding:20px}.groovy-legal footer{font-size:16px}.groovy-legal a{color:#985020;text-underline-offset:3px}
.groovy-brand .hdc-popup-card{background:radial-gradient(ellipse at top left,#fffaf0,#fff0d3);border:1px solid #321b1030;border-radius:28px;box-shadow:0 25px 80px #1e100b50}.groovy-brand .hdc-popup-pct{font:900 52px 'Fraunces',Georgia,serif;color:#e46a22}.groovy-brand .hdc-popup-cta{font:700 22px 'Barlow Condensed',Arial,sans-serif;color:#321b10;background:linear-gradient(120deg,#ffdc74,#ffbf32);border:2px solid #321b10;border-radius:35px;padding:13px 24px;letter-spacing:0;text-transform:none;min-height:48px;box-shadow:0 3px 0 #321b10}.groovy-brand .hdc-popup-send-btn{background:#ffc33f;border-radius:50%;width:40px;height:40px}.groovy-brand #cartToast{letter-spacing:0!important;text-transform:none!important;font:600 18px 'Barlow Condensed',Arial,sans-serif!important}

.groovy-gallery :is(.hero h1,.cta-block h2){color:#321b10}.groovy-gallery .cta-block h2{font:900 46px/1.1 'Fraunces',Georgia,serif;letter-spacing:-.04em}.groovy-gallery .cta-block{padding-top:55px;margin-top:0}.groovy-gallery footer{text-align:center}.groovy-gallery .footer-logo img{display:block;margin:auto}.groovy-gallery .footer-links{display:flex;justify-content:center;flex-wrap:wrap;gap:16px 24px;margin-top:20px}.groovy-gallery .footer-links a{text-decoration:none;min-height:36px}.groovy-gallery .footer-logo p{margin-top:18px}
.groovy-service .wrap{overflow-wrap:anywhere}.groovy-legal table{display:block;overflow-x:auto}.groovy-service .cookie-banner{background:#321b10;border-radius:20px}.groovy-service .cookie-banner :is(.cb-title,.cb-text,.cb-btn){font-family:'Barlow Condensed',Arial,sans-serif;font-style:normal;letter-spacing:0}.groovy-service .cookie-banner .cb-text{font-size:18px}.groovy-service .cookie-banner .cb-btn{font-size:17px;border-radius:25px;min-height:44px;text-transform:none}.groovy-service .cookie-banner .cb-btn.primary{background:#ffc33f;color:#321b10}
:is(.groovy-brand,.groovy-nfc-page,.groovy-service) input::placeholder,:is(.groovy-brand,.groovy-nfc-page) textarea::placeholder{color:#80664f;opacity:1}

.groovy-brand .contact-status{font:600 18px/1.5 'Barlow Condensed',Arial,sans-serif;margin:18px 0 0}.groovy-brand .contact-status.err{color:#aa3e1d}.groovy-brand .contact-status.ok{color:#286c51}.groovy-soon{height:auto;overflow-y:auto;color:#321b10;background:radial-gradient(ellipse at 20% 20%,#ffcc45,#fff3d9 70%)}.groovy-soon #rainCanvas{display:none}.groovy-soon .headline{font:900 clamp(42px,7vw,86px)/1.05 'Fraunces',Georgia,serif;color:#321b10;letter-spacing:-.05em}.groovy-soon .headline .line2{font:500 24px/1.5 'Barlow Condensed',Arial,sans-serif;color:#68503e;margin-top:20px}.groovy-soon :is(.eyebrow,.disclaimer){font:500 19px/1.5 'Barlow Condensed',Arial,sans-serif;color:#68503e;letter-spacing:0}.groovy-soon .btn-back{color:#321b10;border:2px solid #321b10;border-radius:30px;background:#ffc33f;font:700 22px 'Barlow Condensed',Arial,sans-serif;padding:14px 25px;box-shadow:0 3px 0 #321b10;letter-spacing:0;text-transform:none}.groovy-soon .dot{color:#e87525}.groovy-soon .brand{margin-bottom:35px}.groovy-soon .container{padding:25px 0}.groovy-soon .separator path{stroke:#321b1050}