/* Richer material, light and colour without altering the original artwork. */
body.groovy-brand,body.groovy-nfc-page{background-color:#fff3d9;background-image:radial-gradient(ellipse at 15% 15%,#ffdc7855,transparent 45%),url('/assets/groovy/paper-grain.svg')}
.groovy-brand::before,.groovy-nfc-page::before{background:url('/assets/groovy/paper-grain.svg');opacity:.1;mix-blend-mode:multiply;pointer-events:none}
.groovy-brand nav{background:linear-gradient(115deg,#fff7e6f5,#fcebd0f5);box-shadow:0 2px 8px #8e5b2820}
.groovy-brand .nav-logo img{height:90px;max-width:175px;mix-blend-mode:normal;filter:drop-shadow(0 2px 0 #fff6e6)}
.groovy-home .groovy-hero{min-height:600px;background:radial-gradient(ellipse at 75% 30%,#fff9ec 0,#fff1d3 57%,#ffda8740 100%);padding-bottom:85px}
.groovy-home .groovy-hero:after{background: url('/assets/groovy/waves-warm.svg') center/100% 100% no-repeat;height:105px;width:100%;left:0;bottom:-1px;transform:none;border-radius:0}
.groovy-home .groovy-hero:before{content:'';position:absolute;inset:0;z-index:2;pointer-events:none;background:url('/assets/groovy/paper-grain.svg');opacity:.09;mix-blend-mode:multiply}
.groovy-home .groovy-rainbow{background:linear-gradient(135deg,#ffd650,#ffbc25);border-color:#ffbc35;box-shadow:inset 0 0 0 55px #f97722,inset 5px 5px 25px #cf64183d,0 0 0 50px #ff8728,0 0 35px #f49b4b35}
.groovy-home .groovy-hero-art>img{filter:drop-shadow(1px 3px 0 #fff0b175) drop-shadow(0 5px 0 #23170cc9) drop-shadow(3px 18px 9px #4c2c1660);transform:rotate(-3deg);max-height:440px}
.groovy-home .groovy-hero-copy{padding-top:16px}.groovy-home h1{text-shadow:1px 1px #ffc347,2px 3px #ffb72d,3px 5px #d47723;font-size:clamp(58px,7.5vw,112px)}
.groovy-home .groovy-burst{background:linear-gradient(145deg,#ff8d28,#dc5219);filter:drop-shadow(0 5px 0 #fff3d9);margin-top:10px}
.groovy-home .groovy-chip{background:linear-gradient(135deg,#ffcc4e,#ffae29);box-shadow:0 3px 0 #321b10;transform:rotate(5deg)}
.groovy-home .groovy-aside{background:#fff4d9df;padding:20px 25px;border-radius:50%;font-weight:600;line-height:1.05;left:-15px;bottom:65px;box-shadow:0 4px 12px #8c582320;z-index:2}
.groovy-home .groovy-button,.groovy-brand :is(.btn-assume,.btn-pack-buy,.btn-checkout){background:linear-gradient(120deg,#ffd762,#ffc233 60%,#ffb322);box-shadow:0 4px 0 #321b10,inset 0 2px 0 #fff4bd;transition:transform .18s,box-shadow .18s}
.groovy-home .groovy-button:hover,.groovy-brand :is(.btn-assume,.btn-pack-buy,.btn-checkout):hover{transform:translateY(-2px);box-shadow:0 6px 0 #321b10,inset 0 2px 0 #fff4bd}
.groovy-home .groovy-nfc{background:radial-gradient(ellipse at 70% 45%,#ffdb7b6b,transparent 52%),linear-gradient(135deg,#fff4da,#fae7c5);padding-top:40px;padding-bottom:95px}
.groovy-home .groovy-nfc:after{background:url('/assets/groovy/waves-chocolate.svg') center/100% 100% no-repeat;height:95px;width:100%;left:0;bottom:-1px;transform:none;border-radius:0}
.groovy-home .groovy-connected-card{filter:drop-shadow(4px 15px 7px #321b1060);transform:rotate(-9deg)}
.groovy-home .groovy-connected-card>img:first-child{border:1px solid #fff6e19c;box-shadow:inset 0 0 0 1px #fff}
.groovy-home .groovy-card-pin{filter:drop-shadow(0 2px 0 #321b10) drop-shadow(1px 7px 4px #321b1080)}
.groovy-home .groovy-phone{background:radial-gradient(ellipse at top left,#fffaf0,#fff0d0);border-color:#201b14;box-shadow:inset 0 0 0 2px #716957,1px 2px 0 #b7a184,3px 4px 0 #40362b,5px 6px 0 #282015,13px 21px 15px #321b1050;transform:rotate(8deg);padding-top:36px;padding-bottom:24px}
.groovy-home .groovy-phone-logo{mix-blend-mode:normal}.groovy-home .groovy-phone-pin{filter:drop-shadow(0 5px 3px #321b1045)}
.groovy-home .groovy-nfc-waves{font-size:0;width:55px;height:80px;left:41%;top:28%;background:radial-gradient(ellipse at 0 50%,transparent 25%,#f2a025 27% 32%,transparent 34% 46%,#f2a025 48% 53%,transparent 55% 68%,#f2a025 70% 75%,transparent 77%);transform:rotate(-15deg)}
.groovy-home #collection{background:radial-gradient(ellipse at 10% 20%,#70432366,transparent 50%),linear-gradient(135deg,#3c2317,#29160e);border-radius:0;padding-top:0}
.groovy-home .section-header h2{text-shadow:0 3px 0 #0c050655;position:relative}.groovy-home .section-header h2:before,.groovy-home .section-header h2:after{content:'✦';color:#ffc43a;display:inline-block;font:45px 'Fraunces',serif;vertical-align:middle;margin:0 28px}
.groovy-home .pin-card{background:radial-gradient(ellipse at 50% 25%,#fff9eb,#f6e7c6);box-shadow:inset 0 0 0 1px #fffae9,0 3px 0 #bba17b,0 12px 18px #10070340;border:1px solid #321b1030;position:relative}
.groovy-home .pin-card-img,.groovy-home .pin-card-img.alt{border:0;background:url('/assets/groovy/rays.svg') center 10px/100% calc(100% - 65px) no-repeat}
.groovy-home .pin-card-img>img{filter:drop-shadow(0 2px 0 #fff1c260) drop-shadow(0 3px 0 #23170cc0) drop-shadow(2px 9px 5px #321b1040);padding:8px 24px}
.groovy-home .pin-card-assume-btn{background:linear-gradient(120deg,#ffd666,#ffc13b,#ffb52b);box-shadow:inset 0 2px 0 #fff2a8,0 2px 0 #321b10}
.groovy-home .pin-card:nth-child(3n) .pin-card-img{background-image:url('/assets/groovy/rays.svg');filter:hue-rotate(0deg)}
.groovy-home .pack-section{background:radial-gradient(ellipse at 70% 0,#ffa93a,#ed6b20 75%);box-shadow:inset 0 1px 0 #ffd58c;position:relative;border-radius:40% 40% 0 0/22px 22px 0 0}
.groovy-home .pack-grid:has(.pack-card:only-child){display:block;max-width:1100px}.groovy-home .pack-card:only-child{display:grid;grid-template-columns:65% 35%;background:linear-gradient(135deg,#fca147,#f47a29);box-shadow:0 4px 0 #b4481550,0 17px 20px #8e370e40;border:1px solid #ffd39490}
.groovy-home .pack-card:only-child .pack-card-body{display:flex;flex-direction:column;justify-content:center;gap:20px;padding:30px}.groovy-home .pack-card:only-child .pack-card-title{font-size:42px}.groovy-home .pack-card:only-child .pack-card-price{display:inline-block;background:#fff1d4;border-radius:50%;padding:25px;text-align:center;font-size:40px;box-shadow:0 5px 0 #d95e2455}
.groovy-home .pack-card-img{background:radial-gradient(ellipse,#ffc47366,#ef6d1e66);height:390px}.groovy-home .groovy-bundle-art{grid-template-columns:repeat(4,minmax(0,1fr));inset:25px 22px 90px;gap:14px}.groovy-home .groovy-bundle-art img{height:83px;filter:drop-shadow(0 3px 0 #29180fd0) drop-shadow(2px 7px 4px #321b1045)}
.groovy-home .assument,.groovy-home .slogan-final{background:radial-gradient(ellipse at 80% 20%,#ffdc7850,transparent 60%),#fff3d9}.groovy-home .slogan-final{padding:65px 24px}.groovy-home .assument:has(.no-photos){padding-bottom:15px}.groovy-home .assument:has(.no-photos) .assument-more{display:none}
.groovy-brand .main-image{box-shadow:inset 0 0 35px #ffce6260,0 10px 25px #80542920}.groovy-brand .main-image img{filter:drop-shadow(0 3px 0 #261b11c0) drop-shadow(3px 15px 7px #321b1045)}
.groovy-brand footer,.groovy-nfc-page footer{background:radial-gradient(ellipse at 50% 0,#573723,#28160f 75%);box-shadow:inset 0 1px 0 #7d553650}
.groovy-brand .footer-logo img,.groovy-nfc-page .footer-logo img{background:#fff3d9;border-radius:16px}
.groovy-nfc-page :is(.list-block,.fin-block){opacity:1;transform:none}.groovy-nfc-page .list-title{text-transform:none;letter-spacing:-.03em}.groovy-nfc-page .acte3{padding-top:15px;padding-bottom:25px}.groovy-nfc-page .fin-block{padding-top:25px;padding-bottom:45px}.groovy-nfc-page .time-phrase{font-family:'Barlow Condensed',Arial,sans-serif}
.groovy-nfc-page .cookie-banner{border-radius:20px;background:#321b10}.groovy-nfc-page .cookie-banner :is(.cb-text,.cb-title,.cb-btn){font-family:'Barlow Condensed',Arial,sans-serif;font-style:normal;font-size:17px;letter-spacing:0;text-transform:none}.groovy-nfc-page .cookie-banner .cb-btn{border-radius:25px;min-height:44px}.groovy-nfc-page .cookie-banner .cb-btn.primary{background:#ffc33f;color:#321b10}
@media(max-width:900px){.groovy-home .section-header h2:before,.groovy-home .section-header h2:after{margin:0 12px;font-size:30px}.groovy-home .pin-card-img>img{padding:8px 12px}.groovy-home .pack-card:only-child .pack-card-price{font-size:30px;padding:20px}}
@media(max-width:650px){.groovy-brand .nav-logo img{height:74px;max-width:125px}.groovy-home .groovy-hero{min-height:0;padding-bottom:70px}.groovy-home h1{font-size:clamp(45px,12vw,72px)}.groovy-home .groovy-hero-copy{padding-top:12px}.groovy-home .groovy-hero-art>img{max-height:280px;width:78%;margin-top:25px}.groovy-home .groovy-hero:after{height:65px}.groovy-home .groovy-aside{font-size:20px;left:-10px;padding:15px;bottom:40px}.groovy-home .groovy-burst{margin-top:0}.groovy-home .groovy-rainbow{box-shadow:inset 0 0 0 30px #f97722,0 0 0 28px #ff8728}.groovy-home .groovy-nfc{padding-top:25px;padding-bottom:70px}.groovy-home .groovy-nfc:after{height:65px}.groovy-home .groovy-nfc-demo{gap:20px}.groovy-home .groovy-phone{padding:27px 10px 17px;border-width:7px;box-shadow:inset 0 0 0 1px #716957,2px 3px 0 #40362b,8px 15px 10px #321b1050}.groovy-home .groovy-nfc-waves{width:35px;height:65px;left:38%}.groovy-home .pin-card-img>img{padding:8px 5px}.groovy-home .section-header h2{font-size:53px}.groovy-home .section-header h2:before,.groovy-home .section-header h2:after{font-size:24px;margin:0 14px}.groovy-home .pack-card:only-child{display:block}.groovy-home .pack-card:only-child .pack-card-body{padding:22px;gap:12px}.groovy-home .pack-card:only-child .pack-card-title{font-size:35px}.groovy-home .pack-card:only-child .pack-card-price{font-size:30px;border-radius:30px;padding:12px 22px;align-self:flex-start}.groovy-home .pack-card-img{height:335px}.groovy-home .groovy-bundle-art{grid-template-columns:repeat(3,minmax(0,1fr));inset:18px 18px 65px;gap:8px}.groovy-home .groovy-bundle-art img{height:54px}.groovy-home .pin-card-img{background-position:center 0;background-size:100% calc(100% - 50px)}.groovy-home .slogan-final p{font-size:29px}}

.groovy-brand .menu-item{font-family:'Fraunces',Georgia,serif;font-style:normal;font-weight:900;font-size:clamp(25px,4vw,40px);color:#fff3d9}.groovy-brand .menu-overlay{background:radial-gradient(ellipse at top right,#6e4028,#321b10)}.groovy-brand .search-input{font-family:'Barlow Condensed',Arial,sans-serif;font-size:22px}.groovy-brand .nav-hamburger:hover span{background:#bb5d26}.groovy-nfc-page .nfc-empty{font:500 20px/1.5 'Barlow Condensed',Arial,sans-serif;color:#73583f;padding:20px 0}

.groovy-home .pin-card-hover-overlay{position:static;inset:auto;height:auto;padding:0;margin-top:15px}.groovy-home .pin-card-img,.groovy-home .pin-card-img.alt{height:220px;padding:0 0 5px;background-position:center;background-size:100% 100%}.groovy-home .pin-card-title{margin-top:10px}.groovy-home .assument:has(.no-photos){padding:45px 6vw 25px}.groovy-home .assument:has(.no-photos)>div[style]{display:none}.groovy-home .assument:has(.no-photos) .assument-outer{display:none}.groovy-home .slogan-final{padding-top:35px;padding-bottom:45px}.groovy-nfc-page :is(.auth-modal-title,.auth-modal-sub,.auth-disclaimer,.auth-email-status){font-family:'Barlow Condensed',Arial,sans-serif;font-style:normal}.groovy-nfc-page .auth-disclaimer{font-size:16px;color:#68503e}.groovy-nfc-page .auth-email-submit{background:#ffc33f;color:#321b10;border:2px solid #321b10;border-radius:30px;font:700 20px 'Barlow Condensed',Arial,sans-serif;letter-spacing:0}.groovy-nfc-page .auth-modal-card{border-radius:24px}
@media(max-width:650px){.groovy-home .pin-card-img,.groovy-home .pin-card-img.alt{height:135px;padding:0}.groovy-home .pin-card-title{font-size:20px}.groovy-home .pin-card-hover-overlay{margin-top:12px}.groovy-home .pin-card-assume-btn{font-size:18px;min-height:42px}.groovy-home .pin-card{padding:14px 10px 18px}.groovy-brand .how-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.groovy-nfc-page .list-block{margin-bottom:28px}}

.groovy-nfc-page [hidden]{display:none!important}

/* Final material balance: fine paper grain, clear contrast and stronger NFC mockup. */
body.groovy-brand,body.groovy-nfc-page{background-image:radial-gradient(ellipse at 15% 15%,#ffdc782b,transparent 45%)}
.groovy-brand::after,.groovy-nfc-page::after{opacity:0}
.groovy-brand::before,.groovy-nfc-page::before{opacity:.065;background-size:220px 220px}
.groovy-home .collection,.groovy-home .pack-section{position:relative;isolation:isolate}
.groovy-home .collection:before,.groovy-home .pack-section:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:url('/assets/groovy/paper-grain.svg');opacity:.12;mix-blend-mode:soft-light}
.groovy-home .pin-card:nth-child(3n) .pin-card-img{background-image:url('/assets/groovy/rays-teal.svg')}
.groovy-home .coll-tab-discret{opacity:1;color:#fff3d9;border-color:#fff3d966}
.groovy-home .pin-card{display:flex;flex-direction:column}.groovy-home .pin-card-hover-overlay{margin-top:auto;padding-top:15px}.groovy-home .pin-card-price{margin-bottom:0}.groovy-home .pin-card-title{margin-bottom:0}
.groovy-brand .cart-count{display:flex;align-items:center;justify-content:center;min-width:19px;height:19px;border-radius:50%;font:700 13px/1 'Barlow Condensed',Arial,sans-serif;box-shadow:0 0 0 2px #fff3d9}
.groovy-nfc-page .chien-phrase,.groovy-nfc-page .fin-phrase{font-family:'Barlow Condensed',Arial,sans-serif;font-style:normal;color:#68503e;font-size:19px}
.groovy-nfc-page .fin-scan,.groovy-nfc-page .bof-counter{color:#68503e}
@media(min-width:651px){.groovy-home .groovy-connected-card{width:34%;max-width:255px}.groovy-home .groovy-phone{width:50%;max-width:340px;min-height:500px}.groovy-home .groovy-phone-pin{width:49%;max-width:145px}.groovy-home .groovy-phone-logo{width:55%;max-width:140px}.groovy-home .groovy-phone-post{padding:12px 10px}.groovy-home .groovy-nfc-waves{left:38%;top:28%}.groovy-home .groovy-phone b{font-size:20px}}
@media(max-width:650px){.groovy-home .groovy-nfc-demo{padding-bottom:45px}.groovy-home .groovy-phone{width:54%;max-width:260px}.groovy-home .groovy-connected-card{width:34%}.groovy-home .groovy-nfc-copy .groovy-description{font-size:18px;line-height:1.5}.groovy-home .pin-card-title{min-height:2.2em}.groovy-home .pin-card-assume-btn{min-height:44px}.groovy-home .groovy-chip{transform:rotate(3deg);box-shadow:0 2px 0 #321b10}.groovy-home .groovy-hero-copy{padding-top:20px}}

.groovy-brand .cart-product{display:flex;align-items:center;gap:16px;text-decoration:none;color:#321b10}.groovy-brand .cart-product>img{width:82px;height:82px;object-fit:contain;padding:6px;background:radial-gradient(ellipse,#ffd574,#f7e7c6);border-radius:18px;filter:drop-shadow(0 3px 2px #321b1020);flex:0 0 82px}.groovy-brand .cart-product>span{min-width:0}.groovy-brand .cart-product:hover>span{text-decoration:underline;text-underline-offset:4px}.groovy-brand .cart-count:empty{display:none}
@media(max-width:480px){.groovy-brand .cart-product{gap:12px}.groovy-brand .cart-product>img{width:62px;height:62px;flex-basis:62px;border-radius:14px}.groovy-brand .cart-product .meta{font-size:14px;line-height:1.3}.groovy-brand .cart-row .name{font-size:22px}}
.groovy-brand .cart-row .name .meta{font:500 15px/1.4 'Barlow Condensed',Arial,sans-serif;text-transform:none;letter-spacing:0;color:#68503e}
