:root{--cream:#FFF4E6;--cream2:#FFE9CF;--pink:#F05FA0;--pink-dk:#B5135A;--pink-lt:#FFE1EE;--aqua:#24B8C9;--aqua-dk:#0B6E7A;--aqua-lt:#DDF6F8;--choc:#4A2A1F;--choc2:#6B4234;--text:#3A2620;--soft:#7A5D52;--white:#FFFFFF;
--fun:'Baloo 2','Trebuchet MS',system-ui,sans-serif;--body:'Nunito',system-ui,-apple-system,Segoe UI,Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:86px}
body{margin:0;background:var(--cream);color:var(--text);font:400 17.5px/1.7 var(--body);padding-bottom:110px;-webkit-text-size-adjust:100%}
img{max-width:100%;height:auto;color:transparent}
a{color:var(--pink-dk);text-decoration-thickness:2px;text-decoration-color:rgba(240,95,160,.45);text-underline-offset:3px}a:hover,a:focus-visible{color:var(--choc);text-decoration-color:var(--choc)}
.skip{position:absolute;left:-999px;top:8px;background:var(--choc);color:#fff;padding:8px 14px;border-radius:999px;z-index:99}.skip:focus{left:8px}
.tray{max-width:1140px;margin:0 auto;padding:0 20px}.slim{max-width:820px}
h1,h2,h3{font-family:var(--fun);line-height:1.1;color:var(--choc)}
/* header */
.shop{background:var(--white);position:sticky;top:0;z-index:40;box-shadow:0 4px 0 var(--pink-lt)}
.shop .tray{display:flex;align-items:center;gap:20px;min-height:70px}
.candy{display:flex;align-items:center;gap:10px;color:var(--choc);text-decoration:none;white-space:nowrap;opacity:1;margin-right:auto}
.candy:hover,.candy:focus-visible,.candy:active{color:var(--choc);opacity:1;text-decoration:none}
.candy .logo-mark{width:40px;height:40px;flex:none}
.candy .logo-word{font:800 22px/1 var(--fun);color:var(--choc);letter-spacing:-.01em}.candy .logo-tld{color:var(--pink)}
.aisles{display:flex;gap:2px}.aisles a{color:var(--choc2);text-decoration:none;font-weight:700;font-size:15.5px;padding:8px 12px;border-radius:999px}
.aisles a:hover,.aisles a:focus-visible{background:var(--pink-lt);color:var(--pink-dk)}
.lolly{display:inline-flex;align-items:center;justify-content:center;background:#D93F86;color:#fff;font:800 16px/1 var(--body);text-decoration:none;padding:14px 22px;border-radius:999px;box-shadow:0 5px 0 var(--pink-dk);transition:transform .12s,box-shadow .12s;white-space:nowrap;border:0}
.lolly:hover,.lolly:focus-visible{color:#fff;background:#C2306F;transform:translateY(-2px);box-shadow:0 7px 0 var(--pink-dk)}
.lolly.big{font-size:19px;padding:18px 28px}
/* hero */
.counter{position:relative;overflow:hidden;background:linear-gradient(180deg,#FFE4F0 0%,var(--cream) 100%);padding:48px 0 58px;text-align:center}
.sprinkles{position:absolute;inset:0;opacity:.6;background-image:radial-gradient(circle,#F05FA0 2.5px,transparent 3px),radial-gradient(circle,#24B8C9 2.5px,transparent 3px),radial-gradient(circle,#FFB838 2.5px,transparent 3px);background-size:90px 90px,120px 120px,150px 150px;background-position:10px 20px,60px 70px,30px 110px}
.counter-in{position:relative}
.badge-date{display:inline-block;background:var(--white);color:var(--aqua-dk);font-weight:800;font-size:14px;padding:7px 16px;border-radius:999px;border:2px solid var(--aqua);margin:0 0 16px}
.counter h1{font-size:clamp(40px,6.6vw,76px);font-weight:800;margin:0 0 8px;letter-spacing:-.02em}
.counter-sub{font:600 clamp(18px,2.2vw,23px)/1.35 var(--fun);color:var(--choc2);margin:0 auto 30px;max-width:760px}
.treat{max-width:900px;margin:0 auto;position:relative}
.treat-ends{position:absolute;inset:0 -26px;background:var(--pink);clip-path:polygon(0 0,26px 0,26px 100%,0 100%,14px 87.5%,0 75%,14px 62.5%,0 50%,14px 37.5%,0 25%,14px 12.5%,0 0,100% 0,100% 0,calc(100% - 26px) 0,calc(100% - 26px) 100%,100% 100%,calc(100% - 14px) 87.5%,100% 75%,calc(100% - 14px) 62.5%,100% 50%,calc(100% - 14px) 37.5%,100% 25%,calc(100% - 14px) 12.5%,100% 0);border-radius:6px}
.treat-body{position:relative;background:var(--white);border-radius:28px;border:4px solid var(--pink);padding:24px 28px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:24px;align-items:center;text-align:left;box-shadow:0 18px 40px rgba(181,19,90,.18)}
.treat-body img{border-radius:24px}
.treat-k{margin:0;font-weight:800;color:var(--aqua-dk);text-transform:uppercase;letter-spacing:.06em;font-size:13.5px}
.treat-big{font:800 clamp(34px,4.4vw,48px)/1.05 var(--fun);color:var(--choc);margin:4px 0 6px}.treat-big span{color:var(--pink)}
.treat-note{margin:0;color:var(--soft);font-size:15.5px}
.treat-fine{font-size:13px;color:var(--soft);margin:14px 0 0;position:relative}
.flavours{list-style:none;padding:0;margin:34px auto 0;max-width:900px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.flavours li{background:var(--white);border-radius:20px;padding:14px 10px;box-shadow:0 4px 0 var(--cream2)}
.flavours b{display:block;font:800 26px/1.1 var(--fun);color:var(--pink-dk)}.flavours span{font-size:14px;color:var(--soft);font-weight:600}
.flavours li:nth-child(2n) b{color:var(--aqua-dk)}
/* article */
.read{padding:50px 20px 20px}
.story{max-width:780px;margin:0 auto}
.intro{font-size:19px;background:var(--white);border-radius:24px;padding:22px 26px;border-left:8px solid var(--aqua)}
.story h2{font-size:clamp(28px,3.6vw,38px);font-weight:800;margin:46px 0 14px;position:relative;padding-left:30px}
.story h2:before{content:"";position:absolute;left:0;top:.32em;width:18px;height:18px;border-radius:50%;background:var(--pink);box-shadow:0 0 0 5px var(--pink-lt)}
.story p{margin:0 0 16px}
.drops{list-style:none;counter-reset:d;padding:0;margin:0 0 18px;display:grid;gap:10px}
.drops li{counter-increment:d;background:var(--white);border-radius:18px;padding:14px 18px 14px 64px;position:relative}
.drops li:before{content:counter(d);position:absolute;left:14px;top:12px;width:36px;height:36px;border-radius:50% 50% 50% 8px;background:var(--aqua);color:#fff;font:800 19px/36px var(--fun);text-align:center}
.two-jars{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:0 0 18px}
.jar-card{border-radius:24px;padding:20px 22px}.jar-card p{margin:0}
.jar-card.mint{background:var(--aqua-lt)}.jar-card.pink{background:var(--pink-lt)}
.jc-big{font:800 48px/1 var(--fun)!important;margin-bottom:6px!important}.mint .jc-big{color:var(--aqua-dk)}.pink .jc-big{color:var(--pink-dk)}
.pic{margin:24px 0;background:var(--white);border-radius:26px;padding:10px;box-shadow:0 6px 0 var(--cream2)}
.pic img{display:block;width:100%;border-radius:18px}
.sprinkle-list{list-style:none;padding:0;margin:0 0 18px}
.sprinkle-list li{position:relative;padding:6px 0 6px 30px}
.sprinkle-list li:before{content:"";position:absolute;left:4px;top:14px;width:16px;height:7px;border-radius:4px;background:var(--pink);transform:rotate(-30deg)}
.sprinkle-list li:nth-child(2n):before{background:var(--aqua);transform:rotate(25deg)}
.sprinkle-list li:nth-child(3n):before{background:#FFB838}
.tastes{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.taste{border-radius:24px;padding:20px 22px;background:var(--white)}
.taste h3{margin:0 0 6px;font-size:26px}.taste ul{margin:0;padding-left:20px}.taste li{margin:5px 0}
.yum{border:3px solid var(--aqua)}.yum h3{color:var(--aqua-dk)}.sour{border:3px solid #FFB838}.sour h3{color:#9A5A00}
/* jar */
.jar{background:var(--choc);color:#F6E7DC;padding:56px 0;margin-top:40px;border-radius:48px 48px 0 0}
.jar h2{color:#fff;font-size:clamp(28px,3.8vw,42px);font-weight:800;margin:0 0 12px;text-align:center}
.jar-intro{max-width:800px;margin:0 auto 28px;text-align:center}.jar-intro a{color:#FFC2DD;text-decoration-color:rgba(255,194,221,.5)}.jar-intro a:hover,.jar-intro a:focus-visible{color:#fff}
.jar-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.sweet-card{background:var(--tint,#FFE1EE);color:var(--text);border-radius:26px;padding:20px 14px 16px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:4px;position:relative}
.sweet-card img{border-radius:20px;margin-bottom:6px;width:70px;height:70px}
.sc-ribbon{position:absolute;top:10px;right:-4px;background:var(--choc);color:#fff;font-size:11px;font-weight:800;padding:3px 8px;border-radius:6px 0 0 6px}
.sc-name{margin:0;font-weight:800;color:var(--choc)}.sc-stars{font-size:13px;color:var(--pink-dk)}.sc-stars:before{content:"\2605 "}
.sc-treat{margin:0;font:800 18px/1.2 var(--fun);color:var(--choc);min-height:44px;display:flex;align-items:center}
.sc-taste{margin:0 0 8px;font-size:13.5px;color:var(--soft);flex:1}
.sweet-card .lolly{width:100%;padding:12px 10px;font-size:14.5px;white-space:normal}
.sc-review{font-size:13.5px;margin-top:6px;color:var(--choc);font-weight:700}.sc-review:hover,.sc-review:focus-visible{color:var(--pink-dk)}
/* faq */
.faq-shelf{background:var(--choc);padding:10px 0 60px}
.faq-shelf h2{color:#fff;font-size:clamp(28px,3.6vw,38px);font-weight:800;margin:0 0 18px;text-align:center}
.gum{background:var(--white);border-radius:22px;margin:0 0 10px;overflow:hidden}
.gum summary{cursor:pointer;list-style:none;padding:16px 56px 16px 22px;font:700 19px/1.3 var(--fun);color:var(--choc);position:relative}
.gum summary::-webkit-details-marker{display:none}
.gum summary:after{content:"+";position:absolute;right:16px;top:12px;width:30px;height:30px;border-radius:50%;background:var(--pink-lt);color:var(--pink-dk);font:800 22px/30px var(--fun);text-align:center}
.gum[open] summary:after{content:"\2212";background:var(--pink);color:#fff}
.gum-a{padding:0 22px 16px}.gum-a p{margin:0;color:var(--soft)}
/* footer */
.wrapper-foot{background:#2E1A13;color:#D9C4B8;padding:46px 0 26px;font-size:15px}
.foot-cols{display:grid;grid-template-columns:minmax(0,1.5fr) repeat(3,minmax(0,1fr));gap:28px}
.foot-brand{font:800 22px/1.2 var(--fun);color:#fff;margin:0 0 8px}.foot-h{font-weight:800;color:#FFC2DD;margin:0 0 8px}
.wrapper-foot p{margin:0 0 10px}.wrapper-foot a{display:block;color:#F6E7DC;text-decoration:none;padding:3px 0}
.wrapper-foot a:hover,.wrapper-foot a:focus-visible{color:#FFC2DD;opacity:1}
.foot-small{border-top:1px solid #4A2E24;margin-top:26px;padding-top:18px;font-size:13.5px;color:#BCA397}.foot-small a{display:inline}
/* wrapper bar */
.wrapbar{position:fixed;left:50%;bottom:14px;z-index:60;width:min(980px,calc(100% - 24px));transform:translate(-50%,160%);transition:transform .35s cubic-bezier(.2,1.3,.5,1);background:var(--white);border-radius:999px;border:3px solid var(--pink);box-shadow:0 14px 34px rgba(74,42,31,.25)}
.wrapbar.pop{transform:translate(-50%,0)}
.wrapbar.unwrapped{border-radius:30px}
.wb-row{display:flex;align-items:center;gap:12px;padding:8px 10px 8px 10px}
.wb-row img{border-radius:50%;flex:none}
.wb-txt{display:flex;flex-direction:column;line-height:1.2;margin-right:auto;min-width:0}
.wb-txt span{font-size:12.5px;font-weight:800;color:var(--aqua-dk);text-transform:uppercase;letter-spacing:.05em}.wb-txt b{font:800 19px/1.2 var(--fun);color:var(--choc)}
.wb-more{background:var(--aqua-lt);border:0;color:var(--aqua-dk);font:800 14px/1 var(--body);border-radius:999px;padding:11px 14px;cursor:pointer}
.wb-more:hover,.wb-more:focus-visible{background:var(--aqua-dk);color:#fff}
.wb-x{background:var(--cream);border:0;color:var(--choc);width:34px;height:34px;border-radius:50%;font-size:22px;line-height:1;cursor:pointer;flex:none}
.wb-x:hover,.wb-x:focus-visible{background:var(--choc);color:#fff}
.wb-lines{display:none;list-style:none;margin:0;padding:0 24px 16px 70px;font-size:14.5px;color:var(--soft)}
.wb-lines li{padding:2px 0}.wb-lines li:before{content:"\2665  ";color:var(--pink)}
.wrapbar.unwrapped .wb-lines{display:block}
/* legal */
.page-top{background:linear-gradient(180deg,#FFE4F0,var(--cream));padding:40px 0 30px;text-align:center}
.page-top h1{font-size:clamp(34px,5.4vw,58px);font-weight:800;margin:8px 0 8px}.page-top p{margin:0 auto;max-width:680px;color:var(--choc2);font-weight:600}
.trail{font-size:14px;color:var(--soft);font-weight:700}.trail a{color:var(--pink-dk)}.trail a:hover,.trail a:focus-visible{color:var(--choc)}
.page-text{max-width:780px;margin:0 auto;padding:30px 20px 30px}
.page-text h2{font-size:28px;font-weight:800;margin:30px 0 10px}.page-text h2:first-child{margin-top:0}.page-text p{margin:0 0 14px}.page-text li{margin:6px 0}
.page-cta{margin-top:30px;background:var(--white);border:3px solid var(--pink);border-radius:28px;padding:20px 24px;display:flex;gap:16px;flex-wrap:wrap;align-items:center}
.page-cta p{margin:0;flex:1;min-width:220px;font:700 19px/1.3 var(--fun);color:var(--choc)}
@media (max-width:1060px){.jar-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.aisles{display:none}}
@media (max-width:760px){.treat-ends{display:none}.treat-body{grid-template-columns:auto minmax(0,1fr);padding:20px}.treat-body img{width:84px;height:84px}.treat-body .lolly{grid-column:1/-1;width:100%}
.flavours{grid-template-columns:repeat(2,minmax(0,1fr))}.two-jars,.tastes{grid-template-columns:minmax(0,1fr)}.jar-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.foot-cols{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.foot-blurb{grid-column:1/-1}.wb-more,.wb-txt span{display:none}.wb-lines{padding-left:24px}.shop .lolly{display:none}}
@media (max-width:520px){.treat-body{grid-template-columns:minmax(0,1fr);text-align:center;justify-items:center}.treat-body .lolly{grid-column:auto}body{font-size:16.5px}.counter{padding:34px 0 42px}.intro{font-size:17px;padding:18px}.treat-big{font-size:32px}
.wrapbar{bottom:8px;width:calc(100% - 14px)}.wb-row{gap:8px;padding:6px}.wb-row img{width:40px;height:40px}.wb-txt b{font-size:16px}.wrapbar .lolly{padding:12px 14px;font-size:14px}
.sweet-card{padding:16px 10px 14px}.sc-treat{font-size:16px}}
@media (max-width:400px){.candy .logo-word{font-size:18px}.candy .logo-mark{width:32px;height:32px}.candy{gap:8px}}
@media (max-width:340px){.candy .logo-word{font-size:16px}.jar-grid{grid-template-columns:minmax(0,1fr)}}