/* A bold party storefront, with live products and the existing order flow. */
:root{
  --paper:#f5f0e7;--paper-deep:#eae2d5;--ink:#241d2c;--pink:#bd205a;
  --pink-deep:#86143e;--sun:#ffcf51;--violet:#652b88;--txt:var(--ink);
  --sub:#756b71;--brd:#ded7cc;--bg:var(--paper);--display:'Barlow Condensed',Impact,sans-serif;
}
body{background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif}
.wrap{max-width:1440px;padding-inline:clamp(20px,3.5vw,56px)}
.hdr,.hdr.scrolled{background:var(--pink-deep);border-bottom:1px solid #ffffff20;box-shadow:none;backdrop-filter:blur(16px)}
.hdr-inner{height:84px;grid-template-columns:auto 1fr minmax(180px,250px) auto;gap:28px}
.hdr-logo{background:#fff;border-radius:6px;padding:4px 12px}.hdr-logo img{height:49px;max-width:170px}
.store-nav{display:flex;justify-content:center;gap:24px}.store-nav a{font:700 15px var(--display);letter-spacing:1.5px;text-transform:uppercase;color:white;text-decoration:none}.store-nav a:hover{color:var(--sun)}
.hdr-search input,.hdr.scrolled .hdr-search input{border:1px solid #ffffff50;background:#ffffff0d;border-radius:4px;color:white;font-size:12px;padding-block:12px}.hdr-search input::placeholder,.hdr.scrolled .hdr-search input::placeholder{color:#fff9}.hdr-search .si,.hdr.scrolled .hdr-search .si{color:white}.hdr-search input:focus,.hdr.scrolled .hdr-search input:focus{background:white;color:var(--ink)}
.btn-cart{background:var(--sun);color:var(--ink);border-radius:4px;padding:13px 17px;font:700 15px var(--display);letter-spacing:1px}.btn-search-mob{color:white;background:transparent;border:1px solid #fff5}.cart-badge{border-color:var(--pink);color:var(--pink)}
.hero{margin:84px 0 0;aspect-ratio:auto;min-height:680px;height:auto;background:var(--pink);color:white;position:relative;overflow:hidden;border-radius:0}
.hero::before{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 75% 40%,#ef68983d,transparent 55%),repeating-linear-gradient(-35deg,transparent 0 100px,#ffffff03 100px 102px)}
.hero-layout{min-height:620px;display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center;padding-top:50px;padding-bottom:55px}
.hero-copy{position:relative;z-index:2;padding:0}
.eyebrow{display:block;font:700 13px var(--display);letter-spacing:2px;line-height:1.5;margin-bottom:16px;color:var(--sub)}
.hero .eyebrow{display:flex;align-items:center;gap:14px;color:#fff}.hero .eyebrow>span{height:2px;width:32px;background:var(--sun)}
.hero h1{font:800 clamp(60px,6.8vw,104px)/.96 var(--display);letter-spacing:-1px;margin:24px 0;text-transform:uppercase}.hero h1 em{font-style:normal;color:var(--sun)}
.hero-copy>p{font-size:clamp(15px,1.35vw,19px);line-height:1.65;color:#fffdf4db;margin-top:25px}
.hero-actions{display:flex;gap:12px;align-items:stretch;margin-top:30px}.hero-actions button,.hero-actions a{padding:17px 20px;font:700 15px var(--display);letter-spacing:1px;text-decoration:none;border-radius:3px;display:flex;align-items:center;justify-content:center;gap:22px;cursor:pointer}.hero-actions button{background:var(--sun);color:var(--ink);border:1px solid var(--sun)}.hero-actions a{border:1px solid #ffffff80;color:white}.hero-actions a:hover{background:#fff1}.hero-actions button:hover{background:#ffde83}
.hero-note{display:flex;flex-wrap:wrap;gap:18px;font:600 10px var(--display);letter-spacing:1px;color:#ffffffb0;margin-top:30px}
.party-stage{position:relative;height:490px;isolation:isolate;min-width:0}
.stage-disc{position:absolute;width:76%;aspect-ratio:1;left:12%;top:8%;border-radius:50%;background:var(--sun);box-shadow:inset -20px -30px 80px #f8933655,0 35px 70px #70163630}
.stage-ring{position:absolute;width:96%;aspect-ratio:1;left:2%;top:-3%;border:1px dashed #ffffff55;border-radius:50%;transform:rotate(-20deg)}.stage-ring::before{content:'✳';position:absolute;right:15%;top:0;color:var(--sun);font-size:54px}
.stage-word{position:absolute;top:42%;left:-2%;width:104%;text-align:center;font:800 clamp(65px,8vw,135px)/1 var(--display);color:transparent;-webkit-text-stroke:1px #ffffff70;z-index:2;pointer-events:none}
.stage-sticker{position:absolute;top:0;left:0;background:var(--violet);padding:16px 20px;transform:rotate(-6deg);z-index:5;box-shadow:3px 4px 0 #0001}.stage-sticker small{display:block;font:600 12px var(--display);letter-spacing:2px;margin-bottom:3px}.stage-sticker strong{font:700 21px var(--display)}
.stage-products{position:absolute;inset:0}.stage-item{position:absolute;background:white;border:0;border-radius:12px;padding:16px;cursor:pointer;box-shadow:0 25px 50px #64173935;overflow:hidden;transition:transform .25s}.stage-item img{width:100%;height:100%;object-fit:contain}.stage-item:hover{outline:3px solid white;outline-offset:5px}.stage-item-0{width:50%;height:61%;left:25%;top:16%;z-index:3;transform:rotate(-7deg)}.stage-item-0:hover{transform:rotate(-3deg) translateY(-5px)}.stage-item-1{width:25%;height:29%;right:0;top:10%;transform:rotate(12deg);z-index:1}.stage-item-2{width:24%;height:28%;left:0;top:47%;transform:rotate(-15deg);z-index:1}
.stage-fallback{position:absolute;inset:40px;text-align:center;font-size:290px;color:var(--violet)}
.stage-caption{position:absolute;z-index:4;bottom:0;left:9%;max-width:70%;min-width:220px;background:var(--paper);color:var(--ink);padding:17px 20px;box-shadow:0 14px 40px #64173925;border-radius:4px}.stage-caption .eyebrow{font-size:10px;letter-spacing:1.5px;color:var(--pink);margin:0 0 5px}.stage-caption strong{font:700 20px/1.1 var(--display);display:block}.stage-caption button{font:700 15px 'DM Sans',sans-serif;color:var(--pink);border:0;background:none;padding:10px 0 0;cursor:pointer;text-align:left}.stage-caption small{font-size:10px;color:var(--sub);font-weight:400}
.stage-controls{position:absolute;bottom:5px;right:0;display:flex;gap:8px;z-index:5}.stage-controls button{width:38px;height:38px;border:1px solid #fff7;background:none;color:white;border-radius:50%;cursor:pointer;font-size:20px}.stage-controls button:hover{background:var(--sun);color:var(--ink)}
.party-ribbon{position:relative;display:flex;align-items:center;justify-content:space-around;gap:24px;padding:18px 24px;background:var(--sun);color:var(--ink);font:700 19px var(--display);letter-spacing:1.5px}.party-ribbon b{font-size:29px;line-height:1;color:var(--pink)}
.cats-sec,.prods-sec,.offer-sec,.cat-strip-sec{padding:68px 0;background:var(--paper)}
.sec-head{align-items:flex-end;margin-bottom:30px;gap:20px}.sec-title{font:800 clamp(34px,4.5vw,62px)/1 var(--display);letter-spacing:-.5px;text-transform:uppercase}.sec-title em{font-style:normal;color:var(--pink)}.sec-head .eyebrow{margin-bottom:10px}.sec-link{font:700 14px var(--display);letter-spacing:1px;white-space:nowrap;background:none;border:0;padding:6px 0;color:var(--pink);text-decoration:none;cursor:pointer}
.cat-grid{grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:14px}.cat-card{position:relative;align-items:flex-start;justify-content:space-between;min-height:180px;padding:24px 20px;text-align:left;border:1px solid var(--brd);border-radius:5px;background:#eee7dc;box-shadow:none}.cat-card:nth-child(3n+2){background:#e8dde9}.cat-card:nth-child(3n){background:#eee3bd}.cat-card::after{content:'↗';position:absolute;right:16px;bottom:17px;font-size:22px}.cat-card:hover{box-shadow:0 10px 24px #241d2c0b;transform:translateY(-4px)}.cat-card.active{border-color:var(--pink);box-shadow:inset 0 -3px var(--pink)}.cat-icon{border-radius:0;background:transparent!important;width:50px;height:50px;font-size:36px}.cat-name{font:700 23px/1 var(--display);text-transform:uppercase;padding-right:18px}.cat-card.has-img .cat-name{font:700 23px/1 var(--display)}
.offer-sec{background:var(--paper-deep);border-block:1px solid var(--brd)}
.pcard,.card-sm{border:1px solid var(--brd);border-radius:5px;box-shadow:none;background:#fffcf7;transition:transform .2s,box-shadow .2s}.pcard:hover,.card-sm:hover{transform:translateY(-4px);box-shadow:0 14px 28px #241d2c0c}.pcard-img-wrap{background:white;border-bottom:1px solid #eee8dd}.pcard-body,.card-sm-body{padding:18px}.pcard-name,.card-sm-name{font:600 14px/1.5 'DM Sans',sans-serif}.pcard-prices{margin-top:14px}.price-val.primary{color:var(--pink);font-size:20px}.price-label{font-size:10px}.pcard-actions{margin-top:16px}.pcard-actions button{border-radius:3px}.ptag{border-radius:3px;font:700 12px var(--display);letter-spacing:.6px}
.prod-tools{padding:18px 0;border-top:1px solid var(--brd);margin-top:20px}.filter-bar{gap:8px}.chip{border:1px solid var(--brd);background:transparent;border-radius:3px;font:600 14px var(--display);text-transform:uppercase;letter-spacing:.5px;padding:10px 16px}.chip.on{background:var(--ink);border-color:var(--ink);color:white}.sort-select{border-radius:3px;background:transparent}.btn-lm{border-radius:3px;border-color:var(--ink);color:var(--ink);font-family:var(--display);text-transform:uppercase;font-size:17px}
.campaign-sec{padding:32px 0 0;background:var(--paper)}.campaign-sec[hidden]{display:none}.campaign-sec .hero-bg{position:relative;inset:auto;height:auto;aspect-ratio:16/5;opacity:1;border-radius:5px;overflow:hidden}.campaign-sec .hero-bg img{object-fit:contain;background:transparent}.campaign-controls{display:flex;justify-content:space-between;align-items:center;padding:10px 0;font:600 12px var(--display);letter-spacing:2px;color:var(--sub)}.campaign-controls button{border:1px solid var(--brd);background:transparent;width:36px;height:30px;cursor:pointer}
.wa-sec{padding:70px 0;background:var(--violet);color:white}.wa-inner{padding:0;max-width:900px;margin:auto}.wa-icon{display:none}.wa-inner .eyebrow{color:#e4cfee}.wa-inner h2{font:800 clamp(42px,6vw,82px)/1 var(--display);letter-spacing:-1px;color:white;margin:0 0 22px}.wa-inner h2 em{font-style:normal;color:var(--sun)}.wa-inner p{color:#ffffffb8;max-width:520px;margin:0 auto 25px;line-height:1.7}.btn-wa-big{background:var(--sun);color:var(--ink);border-radius:3px;font:700 17px var(--display);text-transform:uppercase;letter-spacing:1px}
footer{background:#241b2c;color:#ddd0de;padding-top:38px}.footer-manifesto{font:800 clamp(48px,10vw,150px)/1 var(--display);letter-spacing:-2px;color:var(--paper);padding-bottom:45px}.footer-manifesto span{color:var(--sun)}.ft-brand-name{font-family:var(--display);font-size:26px}.fab-cart{background:var(--pink-deep)}.mob-search{top:84px}.site-section{scroll-margin-top:104px}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--sun);outline-offset:4px}
.btn-add{background:var(--pink)}.card-qty-ctrl button{color:var(--pink)}.card-qty-ctrl{border-radius:3px}.hdr.scrolled .btn-search-mob{background:transparent;color:white;border-color:#ffffff50}
@media(min-width:1500px){.hero-layout{min-height:700px}.party-stage{height:540px}}
@media(max-width:1100px){.hdr-inner{gap:18px;grid-template-columns:auto 1fr auto}.store-nav{gap:18px}.hdr-search{display:none}.btn-search-mob{display:flex}.hero h1{font-size:74px}.party-stage{height:430px}.stage-caption{left:2%;max-width:72%}.stage-sticker strong{font-size:18px}.hero-actions{flex-wrap:wrap}.hero-note{gap:10px}}
@media(max-width:760px){.hdr-inner{height:72px;grid-template-columns:auto 1fr}.hdr-logo img{height:40px;max-width:125px}.hdr-logo{padding:3px 7px}.store-nav{display:none}.hdr-right{justify-self:end}.btn-cart{padding:11px 13px;font-size:14px}.hero{margin-top:72px;min-height:0}.hero-layout{grid-template-columns:1fr;gap:38px;padding-top:38px;padding-bottom:30px;min-height:0}.hero h1{font-size:clamp(58px,13vw,91px);margin:20px 0}.hero .eyebrow{font-size:11px;letter-spacing:1.6px}.hero-copy>p{font-size:15px}.hero-actions{flex-wrap:nowrap;gap:9px}.hero-actions button,.hero-actions a{font-size:13px;padding:15px 13px;gap:12px}.hero-note{font-size:9px;gap:12px;margin-top:22px}.party-stage{height:420px;max-width:510px;width:100%;margin:auto}.stage-disc{width:76%;max-height:360px}.stage-ring{max-height:410px}.stage-sticker{padding:11px 14px}.stage-caption{bottom:0;left:5%;padding:14px;max-width:70%;min-width:0}.stage-caption strong{font-size:18px}.stage-word{font-size:85px}.stage-item-0{height:60%}.stage-controls{right:0}.stage-controls button{width:34px;height:34px}.party-ribbon{justify-content:center;padding:15px 20px;font-size:16px;gap:18px;flex-wrap:wrap}.party-ribbon span:last-of-type,.party-ribbon b:last-child{display:none}.cats-sec,.prods-sec,.offer-sec,.cat-strip-sec{padding:42px 0}.sec-head{align-items:flex-start;gap:12px}.sec-title{font-size:39px}.sec-link{font-size:11px;white-space:normal;text-align:right;max-width:85px}.eyebrow{font-size:11px}.cat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.cat-card{min-height:148px;padding:18px}.cat-name{font-size:22px}.pcard-body,.card-sm-body{padding:12px}.price-val.primary{font-size:17px}.pcard-name,.card-sm-name{font-size:12px}.campaign-sec .hero-bg{aspect-ratio:800/350}.wa-sec{padding:48px 0}.footer-manifesto{font-size:14vw;padding-bottom:30px}.mob-search{top:72px}.site-section{scroll-margin-top:88px}}
@media(max-width:380px){.party-stage{height:370px}.hero-actions{flex-wrap:wrap}.hero-actions button,.hero-actions a{flex:1 1 auto}.party-ribbon{font-size:13px;gap:10px}.stage-caption small{display:block}.stage-item-0{height:56%}}
@media(max-width:760px){.party-stage:has(#showcasePause:not([hidden])) .stage-caption{max-width:calc(100% - 150px)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}
