/* Match the supplied composition, using its original product photography. */
.scoop-category{background:#c7e7fe;padding:54px 0 20px}
.scoop-reference-wrap{width:82.3%;max-width:1440px;margin-inline:auto}
.menu-page .scoop-category h2{position:relative;z-index:1;margin:0;padding-left:2.2vw;font:400 clamp(36px,4.2vw,72px)/1.08 var(--melt-display);letter-spacing:-.025em;color:var(--melt-brown)}
.scoop-photo-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:-45px}
.scoop-photo-option{min-width:0;text-align:center}
.scoop-product-crop{position:relative;aspect-ratio:480/390;overflow:hidden}
.scoop-product-crop img,.scoop-flavor-crop img{position:absolute;max-width:none;height:auto;display:block;pointer-events:none}
.scoop-product-crop img{width:358.125%;top:-65.384615%}
.scoop-product-1 img{left:-30.208333%}
.scoop-product-2 img{left:-130.208333%}
.scoop-product-3 img{left:-233.333333%}
.scoop-product-1,.scoop-product-2{clip-path:inset(10.256411% 0 0 0)}
.scoop-product-crop{mask-image:linear-gradient(to right,transparent,#000 3%,#000 97%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,#000 3%,#000 97%,transparent)}
.scoop-photo-option h3{font:900 clamp(18px,1.85vw,32px)/1.25 var(--melt-body);color:var(--melt-brown);margin:4px 0 5px}
.scoop-photo-option p{font:800 clamp(16px,1.4vw,24px)/1.35 var(--melt-body);color:var(--melt-brown);margin:0}
.scoop-flavor-band{border-top:1px solid var(--melt-brown);margin-top:28px;padding-top:15px;text-align:center}
.scoop-flavor-band>h3{font:900 clamp(17px,1.4vw,24px)/1.35 var(--melt-body);color:var(--melt-brown);margin:0 0 4px}
.scoop-flavors{display:flex;align-items:center;justify-content:center;gap:30px}
.scoop-flavor{display:flex;align-items:center;gap:10px;min-width:0}
.scoop-flavor h4{font:900 clamp(16px,1.3vw,22px)/1.3 var(--melt-body);color:var(--melt-brown);margin:0;text-align:left}
.scoop-flavor-crop{position:relative;overflow:hidden;width:170px;flex-shrink:0;aspect-ratio:180/130;mask-image:linear-gradient(to right,transparent,#000 5%,#000 95%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,#000 5%,#000 95%,transparent)}
.scoop-flavor-crop img{width:955%;top:-600%}
.scoop-flavor-1 img{left:-272.222222%}
.scoop-flavor-2 img{left:-494.444444%}
/* Uncropped supplied cones, followed by flavor names only. */
.softserve-photo{height:310px;aspect-ratio:auto;background:#fff;border-radius:24px;padding:20px;overflow:hidden}
.softserve-photo img{height:270px;width:100%;object-fit:contain;border-radius:0}
.softserve-card .melt-card-label{display:grid;place-items:center;min-height:82px;margin-top:18px;text-align:center;padding:18px}
.softserve-card .melt-card-label h3{margin:0;line-height:1.2}
@media(max-width:1100px){.scoop-photo-options{margin-top:-20px}.scoop-flavor-crop{width:130px}.scoop-flavors{gap:20px}}
@media(max-width:760px){.scoop-category{padding:36px 0 24px}.scoop-reference-wrap{width:90%}.menu-page .scoop-category h2{padding-left:0;font-size:clamp(32px,6.5vw,48px)}.scoop-photo-options{margin-top:0;gap:12px}.scoop-flavor-crop{width:100px}.scoop-flavors{gap:16px}.scoop-flavor{gap:4px}}
@media(max-width:600px){.scoop-photo-options{grid-template-columns:1fr;gap:22px;margin-top:12px}.scoop-photo-option{width:min(100%,380px);margin-inline:auto}.scoop-product-crop{margin-top:-22px}.scoop-photo-option h3{font-size:24px}.scoop-photo-option p{font-size:18px}.scoop-flavors{flex-direction:column;gap:6px}.scoop-flavor{width:min(100%,330px);gap:16px}.scoop-flavor-crop{width:120px}.scoop-flavor h4{font-size:18px}.scoop-flavor-band{margin-top:30px;padding-top:18px}.scoop-flavor-band>h3{font-size:18px;margin-bottom:10px}}

/* Open product photography and brown lettering throughout the menu. */
.menu-page{background:#c7e7fe}
#tins,#softserve{background:#c7e7fe}
#tins .melt-menu-row.is-grid{justify-content:center;row-gap:44px}
.tin-reference-art,.tin-product-art{position:relative;aspect-ratio:550/340;overflow:hidden;flex-shrink:0}
.tin-reference-art{mask-image:linear-gradient(to right,transparent,#000 3%,#000 97%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,#000 3%,#000 97%,transparent)}
.tin-reference-art img{position:absolute;max-width:none;display:block;width:307.636364%;height:auto;top:-95.588235%}
.tin-reference-1 img{left:-4.545455%}
.tin-reference-2 img{left:-104.545455%}
.tin-reference-3 img{left:-204.909091%}
.tin-product-art{display:grid;place-items:center}
.tin-product-art img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(5px 10px 7px #3d29192b)}
.menu-page #tins .melt-card-label,.menu-page #softserve .melt-card-label{background:none;border:0;border-radius:0;box-shadow:none;text-align:center;color:var(--melt-brown);padding:8px 8px 0;margin-top:10px;min-height:0;display:block;flex:initial}
.menu-page #tins .melt-card-label h3,.menu-page #softserve .melt-card-label h3{color:var(--melt-brown);font:400 clamp(22px,2vw,32px)/1.15 var(--melt-display);margin:0 0 10px;text-transform:uppercase}
.menu-page #tins .melt-card-label p{color:var(--melt-brown);font:700 1.0625rem/1.45 var(--melt-body);margin:0}
.menu-page #softserve .softserve-photo{background:transparent;border-radius:0;overflow:visible}
.menu-page #softserve .softserve-photo img{filter:drop-shadow(7px 11px 6px #3d29192b)}
@media(prefers-reduced-motion:no-preference){.tin-photo-card .tin-reference-art,.tin-photo-card .tin-product-art{transition:transform .4s ease}.tin-photo-card:hover .tin-reference-art,.tin-photo-card:hover .tin-product-art{transform:translateY(-6px)}}
@media(max-width:760px){#tins .melt-menu-row.is-grid{row-gap:32px}.menu-page #tins .melt-card-label h3,.menu-page #softserve .melt-card-label h3{font-size:24px}.menu-page #tins .melt-card-label p{font-size:1rem}}

/* Keep both flavour names directly under their cookie photos. */
.scoop-flavors{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:28px;max-width:600px;margin:12px auto 0}
.scoop-flavor{flex-direction:column;gap:8px;width:auto}
.scoop-flavor h4{text-align:center}
.scoop-flavor-crop{width:170px;max-width:100%}
@media(max-width:600px){.scoop-flavors{gap:16px;margin-top:12px}.scoop-flavor{width:auto;gap:8px}.scoop-flavor-crop{width:140px}.scoop-flavor h4{font-size:17px}}
