/* Inner pages (body.clusters-pages, see inc/ecommerce-fixes.php): card hero, roomier sections with
   curved edges, sticker cards and pill buttons (same look as the homepage / Build-A-Tin). */

/* Hero: navy + popcorn pattern, title left, banner photo as a tilted card (inc/template-tags.php). */
.page-hero{background-color:#143154;background-size:140px 140px;min-height:clamp(380px,30vw,520px)}
.page-hero .bat-hero__inner{padding:4rem 1.5rem 4.5rem}
.page-hero .bat-hero__title{font-size:clamp(2.6rem,5vw,4.5rem)}
.page-hero .bat-hero__sub:last-child{margin-bottom:0}
.bat-hero__btn--ghost{background:transparent;color:#fff;border-color:#fff;box-shadow:4px 4px 0 rgba(0,0,0,.35)}
.bat-hero__btn--ghost:hover{background:#fff;color:#143154;box-shadow:6px 6px 0 rgba(0,0,0,.35)}
.page-hero__card{width:min(440px,36vw)!important;padding:.6rem}
.page-hero__card img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:1rem}
/* Flavors page: four flavor photos instead of one banner. */
.page-hero__collage{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}
.page-hero__collage figure{margin:0;position:relative}
.page-hero__collage img{aspect-ratio:1/1;border-radius:.8rem}
.page-hero__collage figcaption{position:absolute;left:.45rem;bottom:.45rem;background:#f8d349;color:#143154;border:2px solid #143154;border-radius:9999px;padding:.1rem .65rem;font-size:.85rem;font-weight:600;line-height:1.3}
@media (max-width:767px){
	.page-hero{min-height:0}
	.page-hero .bat-hero__inner{padding:2.5rem 1.25rem 3.5rem}
	.page-hero__card{width:min(290px,76vw)!important}
}

/* Sections: solid backgrounds, more vertical room, old cloud strips replaced by curves. */
.clusters-pages #content > section{position:relative}
.clusters-pages #content > section[class*="to-sky-100"]{background-image:none!important;background-color:#e8f5fc!important}
.clusters-pages #content > section[class*="to-yellow-100"]{background-image:none!important;background-color:#fff8d6!important}
.clusters-pages #content > section > div[class~="py-10"],
.clusters-pages #content > section > div[class~="py-12"]{padding-top:5rem!important;padding-bottom:4.5rem!important}
.clusters-pages #content > section > div[class~="pb-10"]{padding-bottom:4.5rem!important}
.clusters-pages #content div:has(> img[src*="bg-cloud"]){display:none}
.clusters-pages #content div:has(> img[src*="bg-cloud"]) + div{padding-top:5.5rem!important}

/* Curved top edges: each section after the first (the popcorn row sits there) slides 80px up under
   the one above and is masked to a curve, so its own background (colour, photo, rays) forms the edge. */
.clusters-pages #content > section{--edge-h:80px;--edge:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 80' preserveAspectRatio='none'%3E%3Cpath d='M0,80 V36 C240,4 480,4 720,36 C960,68 1200,68 1440,36 V80 Z'/%3E%3C/svg%3E")}
.clusters-pages #content > section:not(.bat-hero) ~ section{margin-top:calc(var(--edge-h) * -1);padding-top:var(--edge-h);-webkit-mask:var(--edge) center top/100% calc(var(--edge-h) + 1px) no-repeat,linear-gradient(#000 0 0) 0 var(--edge-h)/100% calc(100% - var(--edge-h)) no-repeat;mask:var(--edge) center top/100% calc(var(--edge-h) + 1px) no-repeat,linear-gradient(#000 0 0) 0 var(--edge-h)/100% calc(100% - var(--edge-h)) no-repeat}
.clusters-pages #content > section[class*="to-sky-100"],
.clusters-pages #content > section[class*="to-yellow-100"],
.clusters-pages #content > section.relative:not([class*="bg-"]){--edge:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 80' preserveAspectRatio='none'%3E%3Cpath d='M0,80 V40 Q720,-30 1440,40 V80 Z'/%3E%3C/svg%3E")}
.clusters-pages #content > section.bg-white,
.clusters-pages #content > section.clusters-faq{--edge:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 80' preserveAspectRatio='none'%3E%3Cpath d='M0,80 V58 C420,6 1020,-6 1440,30 V80 Z'/%3E%3C/svg%3E")}
.clusters-pages #content > section.bg-cluster-darkblue{--edge:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 80' preserveAspectRatio='none'%3E%3Cpath d='M0,80 V24 C460,-4 1060,14 1440,60 V80 Z'/%3E%3C/svg%3E")}
/* No curve right under a full-width sign image, the Locations map (it would cover the artwork / map
   credits) or a store page's sticky menu bar. */
.clusters-pages #content > section.w-full + section,
.clusters-pages #content > section:not([class]) + section,
.clusters-pages #content > nav + section,
.clusters-pages #content > section.clusters-order-note{margin-top:0!important;padding-top:0!important;-webkit-mask:none!important;mask:none!important}

/* Every section with another one after it keeps room at the bottom for that section's curve, so the
   curve never covers content (the store page's small franchise card, ...). */
.clusters-pages #content > section:not(:first-of-type):not(.w-full):has(~ section){padding-bottom:var(--edge-h)}

/* No colour on colour: the store finder is white (like the homepage), testimonials light blue, the
   store contact section white; photo CTAs and a navy CTA right before the newsletter become floating
   cards on white instead of full-width bands. */
.clusters-pages #content > section:has(form.clusters-store-search){background-color:#fff!important}
.clusters-pages #content > section:has(form.clusters-store-search) > div{color:#143154!important}
.clusters-pages #content > section:has(form.clusters-store-search) h2{color:#143154!important}
.clusters-pages #content > section:has(form.clusters-store-search) p.text-center{color:#3d6684!important}
.clusters-pages #content > section:has(form.clusters-store-search) .clusters-store-search{box-shadow:8px 8px 0 #143154!important}
.clusters-pages #content > section:has(form.clusters-store-search) button[class*="from-"]{border-color:#143154!important;box-shadow:4px 4px 0 #143154!important}
.clusters-pages #content > section:has(.testimonial-slider){background-color:#e8f5fc!important}
.clusters-pages #content > section:has(.testimonial-slider) h2,
.clusters-pages #content > section:has(.testimonial-slider) > div > .text-white,
.clusters-pages #content > section:has(.testimonial-slider) > div > div > .text-white{color:#143154!important}
.clusters-pages #content > section[class*="to-yellow-100"]{background-color:#fff!important}
.clusters-pages #content > section.relative:not([class*="bg-"]):has(> div.absolute > img):not(:has(+ section .clusters-connect-open)),
.clusters-pages #content > section.bg-cluster-darkblue:not(:has(.testimonial-slider)):has(+ section .clusters-connect-open){width:calc(100% - 3rem);max-width:72rem;margin:3.5rem auto calc(3rem + var(--edge-h))!important;padding:0!important;border:3px solid #143154;border-radius:1.75rem;overflow:hidden;box-shadow:10px 10px 0 #143154;-webkit-mask:none!important;mask:none!important}
.clusters-pages #content > section.relative:not([class*="bg-"]):has(> div.absolute > img):not(:has(+ section .clusters-connect-open)) > div[class~="py-10"],
.clusters-pages #content > section.bg-cluster-darkblue:not(:has(.testimonial-slider)):has(+ section .clusters-connect-open) > div[class~="py-10"]{padding-top:3.5rem!important;padding-bottom:3.5rem!important}
.clusters-pages #content > section.relative:not([class*="bg-"]):has(> div.absolute > img):not(:has(+ section .clusters-connect-open)) a[class*="from-"],
.clusters-pages #content > section.bg-cluster-darkblue:not(:has(.testimonial-slider)):has(+ section .clusters-connect-open) a[class*="from-"]{border-color:#fff!important}

/* Headings: yellow squiggle underneath (navy on yellow). */
.clusters-pages #content > section:not(.bat-hero) h2.font-fredoka:not(.flex):not(.counter)::after,
.clusters-pages #content .clusters-faq h2::after{content:"";display:block;width:170px;height:14px;margin:.7rem 0 0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 240 16'%3E%3Cpath d='M4 10 Q 24 2 44 10 T 84 10 T 124 10 T 164 10 T 204 10 T 236 10' fill='none' stroke='%23f8d349' stroke-width='5' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat left center/contain}
.clusters-pages #content .text-center h2.font-fredoka::after,
.clusters-pages #content h2.font-fredoka.text-center::after,
.clusters-pages #content .clusters-faq h2::after{margin-left:auto!important;margin-right:auto!important;background-position:center!important}
.clusters-pages #content .bg-cluster-yellow h2.font-fredoka::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 240 16'%3E%3Cpath d='M4 10 Q 24 2 44 10 T 84 10 T 124 10 T 164 10 T 204 10 T 236 10' fill='none' stroke='%23143154' stroke-width='5' stroke-linecap='round'/%3E%3C/svg%3E")}
.clusters-pages #content .bg-cluster-yellow h2.text-white{color:#143154!important}
.clusters-pages #content h2.text-cluster-lightblue:not(.counter){color:#143154!important}
/* Group headings with an icon (Core Flavors, ...) become navy pill labels. */
.clusters-pages #content h2.font-fredoka.flex.items-center{display:inline-flex!important;background:#143154;color:#fff!important;padding:.45rem 1.4rem .45rem .8rem;border-radius:9999px;font-size:clamp(1.4rem,2.4vw,1.9rem);line-height:1.1;box-shadow:4px 4px 0 #67afcd}
.clusters-pages #content h2.font-fredoka.flex.items-center + p{margin-top:.9rem!important}

/* Cards: sticker style (thick navy outline, hard shadow). */
.clusters-pages #content .rounded-md.shadow-md:not([class*="from-"]):not(img):not(video),
.clusters-pages #content div.bg-white.rounded-md,
.clusters-pages #content li.bg-white.rounded-md{border:3px solid #143154!important;border-radius:1.25rem!important;box-shadow:6px 6px 0 #143154!important;transition:transform .15s ease,box-shadow .15s ease}
.clusters-pages #content a.rounded-md.shadow-md:hover,
.clusters-pages #content .grid > .rounded-md.shadow-md:not(form):hover{transform:translate(-2px,-3px);box-shadow:9px 9px 0 #143154!important}
.clusters-pages #content .bg-cluster-darkblue .rounded-md.shadow-md,
.clusters-pages #content .bg-cluster-lightblue div.bg-white.rounded-md{box-shadow:6px 6px 0 rgba(0,0,0,.28)!important}
.clusters-pages #content div.bg-cluster-yellow.rounded-md{border:3px solid #143154;border-radius:1.25rem!important;box-shadow:6px 6px 0 #143154!important;transform:rotate(-1deg)}
.clusters-pages #content li.bg-white.rounded-md{border-width:2px!important;border-radius:9999px!important;box-shadow:3px 3px 0 #143154!important;font-family:Fredoka,sans-serif}
.clusters-pages #content .rounded-md.shadow-md h3.font-fredoka{font-size:clamp(1.3rem,1.9vw,1.65rem);line-height:1.15}
/* Photos and videos in frames. */
.clusters-pages #content > section img.rounded-md,
.clusters-pages #content > section video.rounded-md{border:3px solid #143154;border-radius:1.5rem!important;box-shadow:8px 8px 0 #143154!important}
.clusters-pages #content .bg-cluster-darkblue img.rounded-md,
.clusters-pages #content .bg-cluster-darkblue video.rounded-md{border-color:#f8d349;box-shadow:8px 8px 0 rgba(0,0,0,.35)!important}

/* Buttons: the theme's small gradient buttons become big pills with a bold outline. */
.clusters-pages #content a[class*="from-cyan-500"],.clusters-pages #content button[class*="from-cyan-500"],
.clusters-pages #content a[class*="from-yellow-300"],.clusters-pages #content button[class*="from-yellow-300"]{background-image:none!important;border:3px solid #143154!important;border-radius:9999px!important;padding:.7rem 1.7rem!important;font-size:1.15rem!important;font-weight:700!important;line-height:1.2;box-shadow:4px 4px 0 #143154!important;transition:transform .15s ease,box-shadow .15s ease!important}
.clusters-pages #content a[class*="from-cyan-500"],.clusters-pages #content button[class*="from-cyan-500"]{background-color:#67afcd!important;color:#fff!important}
.clusters-pages #content a[class*="from-yellow-300"],.clusters-pages #content button[class*="from-yellow-300"]{background-color:#f8d349!important;color:#143154!important}
.clusters-pages #content a[class*="from-cyan-500"]:hover,.clusters-pages #content button[class*="from-cyan-500"]:hover,
.clusters-pages #content a[class*="from-yellow-300"]:hover,.clusters-pages #content button[class*="from-yellow-300"]:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 #143154!important}
.clusters-pages #content a[class*="from-blue-950"],.clusters-pages #content button[class*="from-blue-950"]{background-image:none!important;background-color:#143154!important;color:#fff!important;border:3px solid #143154!important;border-radius:9999px!important;padding:.6rem 1.5rem!important;font-size:1.05rem!important;font-weight:700!important;box-shadow:4px 4px 0 #67afcd!important;transition:transform .15s ease,box-shadow .15s ease!important}
.clusters-pages #content a[class*="from-blue-950"]:hover,.clusters-pages #content button[class*="from-blue-950"]:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 #67afcd!important}
.clusters-pages #content .bg-cluster-darkblue a[class*="from-"],.clusters-pages #content .bg-cluster-darkblue button[class*="from-"],
.clusters-pages #content section.relative a[class*="from-"]{border-color:#fff!important;box-shadow:4px 4px 0 rgba(0,0,0,.4)!important}
.clusters-pages #content .clusters-store-search button[class*="from-"]{padding:.55rem 1.3rem!important;white-space:nowrap}

/* Flavors page tiles. */
.clusters-pages #content .grid > .rounded-md.border-cluster-yellow{border-width:2px!important;box-shadow:5px 5px 0 #143154!important}
.clusters-pages #content .grid > .rounded-md.border-cluster-yellow h3{font-size:1.15rem;color:#143154}
.flavor-tile__art{height:10rem;display:flex;align-items:center;justify-content:center;background-color:#f8d349;background-size:110px 110px}
.flavor-tile__art .clusters-bag-art{width:7.5rem;height:7.5rem;transform:rotate(-6deg);transition:transform .25s ease}
.rounded-md:hover > .flavor-tile__art .clusters-bag-art{transform:rotate(4deg) scale(1.05)}

/* Everyday Flavors sliders (shared template part): pill group labels, dashed note. */
.clusters-pages #content section:has(.products-slider) h4{display:inline-flex!important;align-items:center;background:#143154;color:#fff!important;padding:.35rem 1.1rem .35rem .6rem;border-radius:9999px;font-size:1.15rem;box-shadow:3px 3px 0 #67afcd;margin-top:1rem}
.clusters-pages #content section:has(.products-slider) p.text-sm{max-width:40rem!important;background:#fff;border:2px dashed #9cc7dc;border-radius:1rem;padding:.75rem 1.25rem;color:#3d6684!important}
.clusters-pages #content .products-slider .rounded-md{border-width:2px!important;box-shadow:5px 5px 0 #143154!important}

/* Accordion FAQs (About page). */
.clusters-pages #content [data-accordion] > h2 > button{border:2px solid #143154!important;border-radius:1rem!important;background:#fff;box-shadow:4px 4px 0 #143154;font-size:1.25rem}
.clusters-pages #content [data-accordion] > h2 > button[aria-expanded="true"]{background:#fff8d6;border-bottom-left-radius:0!important;border-bottom-right-radius:0!important;box-shadow:none}
.clusters-pages #content [data-accordion] > div{border:2px solid #143154!important;border-top:0!important;border-radius:0 0 1rem 1rem!important;background:#fff8d6;box-shadow:4px 4px 0 #143154}
.clusters-pages #content [data-accordion] svg[data-accordion-icon]{width:2rem;height:2rem;padding:.3rem;border-radius:9999px;background:#f8d349;border:2px solid #143154}

/* Store finder + map (Contact, Locations): the same cards as the homepage, map on a yellow band. */
.clusters-pages #content .clusters-store-search{max-width:52rem;margin:1.75rem auto 0;background:#fff;border:3px solid #143154;border-radius:1.5rem;box-shadow:8px 8px 0 rgba(0,0,0,.3);padding:1.5rem 1.5rem 1.1rem;color:#143154}
.clusters-pages #content .clusters-store-search input[name="clusters_place"]{height:3.25rem;border:2px solid #143154;border-radius:9999px!important;padding:0 1.25rem!important;font-size:1.05rem;color:#143154}
.clusters-pages #content .clusters-store-search label[for^="miles-"]{border:2px solid #143154!important;color:#143154;font-weight:600;padding:.3rem 1rem!important}
.clusters-pages #content .clusters-store-search .font-fredoka:not(button){color:#143154}
.clusters-pages #content .clusters-store-search .clusters-reset,.clusters-pages #content .clusters-locate-msg{color:#143154!important}
.clusters-pages #content > section:has(.grid iframe){background-color:#f8d349!important}
.clusters-pages #content > section:has(.grid iframe) .grid{gap:2.5rem!important;align-items:stretch}
.clusters-pages #content > section:has(.grid iframe) .grid > div:has(iframe){border:3px solid #143154;border-radius:1.5rem!important;box-shadow:8px 8px 0 #143154;overflow:hidden}
.clusters-pages #content > section:has(.grid iframe) iframe{height:clamp(320px,36vw,480px)!important}
.clusters-pages #content > section:has(.grid iframe) .grid > div:not(:has(iframe)){background:#fff;border:3px solid #143154;border-radius:1.5rem;box-shadow:8px 8px 0 #143154;padding:1.5rem 1.5rem 1rem}
.clusters-pages #content > section:has(.grid iframe) h3{color:#143154!important}
.clusters-pages #content > section:has(.grid iframe) .h-64{height:clamp(240px,26vw,360px)!important}
@media (max-width:767px){.clusters-pages #content .clusters-store-search{padding:1.1rem;box-shadow:5px 5px 0 rgba(0,0,0,.3)}.clusters-pages #content .clusters-store-search button[class*="from-"]{padding:.5rem 1rem!important;font-size:1.05rem!important}}

/* Form fields (contact, careers, catering, store contact). */
.clusters-pages #content form input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="hidden"]),
.clusters-pages #content form select,.clusters-pages #content form textarea{border:2px solid #143154!important;border-radius:.75rem!important;background-color:#fff}
.clusters-pages #content form input:focus,.clusters-pages #content form select:focus,.clusters-pages #content form textarea:focus{outline:3px solid #67afcd;outline-offset:2px;box-shadow:none!important}
.clusters-pages #content .clusters-store-search input[name="clusters_place"]{border-radius:9999px!important}

/* About: timeline year badges, icons on the "What Makes Us Different" cards. */
.about-timeline__year{display:inline-block;background:#f8d349;color:#143154;border:2px solid #143154;border-radius:9999px;padding:.15rem .75rem;font-size:.95rem;font-weight:700;box-shadow:2px 2px 0 #143154}
.about-timeline h6{color:#143154}
.about-diff{position:relative;padding-top:3rem!important;margin-top:2rem}
.about-diff__icon{position:absolute;top:-1.9rem;left:50%;transform:translateX(-50%) rotate(-6deg);width:3.75rem;height:3.75rem;border-radius:9999px;background:#f8d349;color:#143154;border:3px solid #143154;box-shadow:3px 3px 0 #143154;display:flex;align-items:center;justify-content:center;transition:transform .2s ease}
.about-diff__icon .material-symbols-rounded{font-size:2rem}
.about-diff:hover .about-diff__icon{transform:translateX(-50%) rotate(6deg)}

/* A photo CTA right above the newsletter (About, Press): a plain light-blue section in the normal
   curve flow with the cartoon bags, instead of a second photo band on top of the blue newsletter. */
.clusters-pages #content > section.relative:not([class*="bg-"]):has(> div.absolute > img):has(+ section .clusters-connect-open){background:#e8f5fc}
.clusters-pages #content > section.relative:not([class*="bg-"]):has(> div.absolute > img):has(+ section .clusters-connect-open) > div.absolute{display:none}
.clusters-pages #content > section.relative:not([class*="bg-"]):has(> div.absolute > img):has(+ section .clusters-connect-open) > div{color:#143154!important;padding-top:4rem!important;padding-bottom:3.5rem!important}
.clusters-pages #content > section.relative:not([class*="bg-"]):has(> div.absolute > img):has(+ section .clusters-connect-open) h2,.clusters-pages #content > section.relative:not([class*="bg-"]):has(> div.absolute > img):has(+ section .clusters-connect-open) h3{color:#143154!important;font-size:clamp(2rem,4vw,3rem)!important}
.clusters-pages #content > section.relative:not([class*="bg-"]):has(> div.absolute > img):has(+ section .clusters-connect-open) > div::before{content:"";display:block;width:150px;height:150px;margin:0 auto 1rem;background:url("../images/build-a-tin/bag-six.svg") center/contain no-repeat;transform:rotate(-4deg)}
.clusters-pages #content > section.relative:not([class*="bg-"]):has(> div.absolute > img):has(+ section .clusters-connect-open) a[class*="from-"]{border-color:#143154!important;box-shadow:4px 4px 0 #143154!important}
.clusters-pages #content > section.relative:not([class*="bg-"]):has(> div.absolute > img):has(+ section .clusters-connect-open) a[class*="from-cyan-500"]{color:#fff!important}

/* Franchise: process timeline + investment as cards on white, CTA as a navy card. */
.franchise-plan__grid{display:grid;gap:2.5rem;align-items:start}
@media (min-width:1024px){.franchise-plan__grid{grid-template-columns:1.15fr .85fr}}
.franchise-plan__card{background:#fff;border:3px solid #143154;border-radius:1.5rem;box-shadow:8px 8px 0 #143154;padding:2.25rem 2rem;color:#143154}
.franchise-plan__card h2{font-size:clamp(1.8rem,3vw,2.4rem)}
.franchise-plan__card--money{background:#fff8d6;transform:rotate(1deg)}
.franchise-steps{list-style:none;margin:1.75rem 0 0;padding:0;position:relative}
.franchise-steps::before{content:"";position:absolute;left:1.1rem;top:.5rem;bottom:.5rem;border-left:3px dashed #9cc7dc}
.franchise-steps li{position:relative;display:flex;gap:1rem;align-items:flex-start;margin-bottom:1.25rem}
.franchise-steps li:last-child{margin-bottom:0}
.franchise-steps__num{flex:0 0 2.4rem;height:2.4rem;border-radius:9999px;background:#f8d349;border:2px solid #143154;color:#143154;font-weight:700;display:flex;align-items:center;justify-content:center;box-shadow:2px 2px 0 #143154;position:relative;z-index:1}
.franchise-steps h3{font-size:1.2rem;font-weight:700;margin:.3rem 0 .15rem;color:#143154}
.franchise-steps p{margin:0;color:#3d6684}
.franchise-money{margin:1.75rem 0 0}
.franchise-money div{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.85rem 0;border-bottom:2px dashed #e9c84a}
.franchise-money dt{font-size:1.1rem}
.franchise-money dd{margin:0;background:#143154;color:#fff;border-radius:9999px;padding:.25rem .9rem;font-family:Fredoka,sans-serif;font-weight:700;white-space:nowrap}
.franchise-plan__actions{display:flex;flex-wrap:wrap;gap:1rem;margin-top:2rem}
.franchise-cta{margin-top:6rem;background:#143154;color:#fff;border:3px solid #143154;border-radius:1.75rem;box-shadow:10px 10px 0 #f8d349;padding:1rem 2rem 3rem;text-align:center}
.franchise-cta .clusters-tin-art{width:120px;height:120px;margin:-4.5rem auto .75rem;display:block;transform:rotate(-8deg)}
.clusters-pages #content .franchise-cta h2{color:#fff!important}
.franchise-cta p{max-width:40rem;margin:.75rem auto 0;font-size:1.15rem}
.franchise-cta__actions{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;margin-top:1.75rem}
.clusters-pages #content .franchise-cta a[class*="from-"]{border-color:#fff!important;box-shadow:4px 4px 0 rgba(0,0,0,.35)!important}
@media (max-width:767px){.franchise-plan__card{padding:1.5rem 1.25rem}.franchise-plan__card--money{transform:none}.franchise-cta{padding:1rem 1.25rem 2.5rem}}

/* Store pages: Ship / Pickup / Delivery buttons in the store hero. */
.store-order{display:flex;flex-wrap:wrap;gap:.75rem}
.store-order__btn{display:inline-flex;align-items:center;gap:.45rem;background:rgba(255,255,255,.08);color:#fff!important;border:2px solid #fff;border-radius:9999px;padding:.5rem 1.15rem;font-weight:600;font-size:1.05rem;text-decoration:none;box-shadow:3px 3px 0 rgba(0,0,0,.35);transition:transform .15s ease,background .15s ease,color .15s ease}
.store-order__btn .material-symbols-rounded{font-size:1.3rem;color:#f8d349}
.store-order__btn:hover{background:#f8d349;color:#143154!important;transform:translate(-2px,-2px)}
.store-order__btn:hover .material-symbols-rounded{color:#143154}

/* Allergen chart: a white card on the yellow band, navy table heads. */
.clusters-pages .clusters-allergen-chart{margin-top:0;background:#fff;border:3px solid #143154;border-radius:1.5rem;box-shadow:8px 8px 0 #143154;padding:2.5rem 2rem 2rem}
.clusters-pages .clusters-allergen-chart .cac-scroll{border:2px solid #143154;border-radius:1rem}
.clusters-pages .clusters-allergen-chart .cac-table th{background:#143154}
.clusters-pages .clusters-allergen-chart .cac-table th,.clusters-pages .clusters-allergen-chart .cac-table td{border-color:#dbe8f1}
.clusters-pages .clusters-allergen-chart .cac-table tr > :first-child{border-left:0}
.clusters-pages .clusters-allergen-chart .cac-table tr > :last-child{border-right:0}
.clusters-pages .clusters-allergen-chart .cac-table thead th{border-top:0}
.clusters-pages .clusters-allergen-chart .cac-table tbody tr:last-child td{border-bottom:0}
.clusters-pages .clusters-allergen-chart .cac-table tbody tr:nth-child(even) td{background:#fff8d6}
.clusters-pages .clusters-allergen-chart .cac-dot{color:#143154}
.clusters-pages .clusters-allergen-chart .cac-h{box-shadow:3px 3px 0 #67afcd;font-size:1.1rem}
.clusters-pages .clusters-allergen-chart .cac-legend{background:#e8f5fc;border:2px dashed #9cc7dc;border-radius:1rem}

/* FAQ: full-width light band, sticker questions. */
.clusters-pages #content > section.clusters-faq{max-width:none;background:#e8f5fc;padding:calc(5.5rem + var(--edge-h,0px)) max(1.5rem,calc((100% - 56rem) / 2)) calc(4rem + var(--edge-h))!important}
.clusters-pages .clusters-faq h2{color:#143154!important;margin-bottom:2rem!important}
.clusters-pages .clusters-faq details{border:2px solid #143154!important;border-radius:1rem!important;box-shadow:4px 4px 0 #143154;margin-bottom:1rem!important}
.clusters-pages .clusters-faq details[open]{background:#fff8d6!important}
.clusters-pages .clusters-faq summary{font-size:1.1rem}
.clusters-pages .clusters-faq summary::after{content:"+"!important;display:inline-flex;align-items:center;justify-content:center;flex:0 0 2rem;height:2rem;border-radius:9999px;background:#f8d349;color:#143154!important;border:2px solid #143154;font-size:1.2rem!important}
.clusters-pages .clusters-faq details[open] summary::after{content:"\2212"!important}

/* Newsletter: room for the curve above it. */
.clusters-pages #content > section:has(.clusters-connect-open) > div{padding-top:6rem!important;padding-bottom:3.5rem!important}

@media (max-width:767px){
	.clusters-pages #content > section > div[class~="py-10"],
	.clusters-pages #content > section > div[class~="py-12"]{padding-top:3.5rem!important;padding-bottom:3rem!important}
	.clusters-pages #content > section > div[class~="pb-10"]{padding-bottom:3rem!important}
	.clusters-pages #content > section,.clusters-pages #content > section:not(.bat-hero) ~ section{--edge-h:44px}
	.clusters-pages #content > section.clusters-faq{padding-top:calc(3.75rem + var(--edge-h,0px))!important;padding-bottom:calc(2.75rem + var(--edge-h))!important}
	.clusters-pages #content > section:has(.clusters-connect-open) > div{padding-top:4rem!important}
	.clusters-pages #content div.bg-cluster-yellow.rounded-md{transform:none}
	.clusters-pages .clusters-allergen-chart{padding:1.5rem 1rem;box-shadow:5px 5px 0 #143154}
}
@media (prefers-reduced-motion:reduce){
	.clusters-pages #content .rounded-md,.clusters-pages #content a[class*="from-"]{transition:none!important}
}