.menu-carousel{position:relative;min-width:0}.menu-carousel-track{display:flex;gap:18px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;padding:5px 2px 13px;outline-offset:3px}.menu-carousel-track::-webkit-scrollbar{display:none}.menu-creation-card{flex:0 0 calc((100% - 36px)/2.4);min-width:0;scroll-snap-align:start;border:1px solid #ffffff18;border-radius:10px;background:#171b27;overflow:hidden;transition:transform .2s,border-color .2s,box-shadow .2s}.menu-creation-card:hover{transform:translateY(-3px);border-color:#be69ea;box-shadow:0 6px 22px #b64aee17}.menu-creation-art{position:relative;aspect-ratio:16/9;overflow:hidden;background:#121622}.menu-creation-art img{width:100%;height:100%;object-fit:cover;display:block}.menu-preview-art{background-image:url('scripts-artwork.png');background-size:200% 200%;background-repeat:no-repeat}.menu-category-art{background-image:url('category-artwork.png');background-size:300% 200%}.menu-city-art{background-image:linear-gradient(#0f121b20,#0f121b40),url('psy3d-los-santos-hero.png');background-size:cover;background-position:center 35%}.menu-placeholder-art{display:grid;place-items:center;background:radial-gradient(ellipse,#77329e45,#121622);color:#cb7bf5;font-size:20px;font-weight:900}.menu-creation-badge{position:absolute;left:12px;top:12px;padding:6px 9px;border:1px solid #a46abd66;border-radius:5px;color:#e2baf4;background:#21142de8;font-size:8px;font-weight:800;letter-spacing:1px}.menu-creation-copy{padding:16px 18px 20px}.menu-creation-copy h3{font-size:18px;line-height:1.2;margin:0 0 8px;letter-spacing:-.4px}.menu-creation-copy p{font-size:11px;line-height:1.6;color:#a99ab5;margin:0}.menu-creation-price{font-size:15px;color:#cd7af4}.menu-carousel-controls{display:flex;align-items:center;justify-content:flex-end;gap:13px;margin-top:3px}.menu-carousel-controls[hidden]{display:none}.menu-carousel-arrow{width:34px;height:34px;display:grid;place-items:center;background:#b64aee14;color:#e1b2f9;border:1px solid #ad67d44a;border-radius:50%;font-size:26px;line-height:1;cursor:pointer;transition:background .2s}.menu-carousel-arrow:hover:not(:disabled){background:#b64aee40}.menu-carousel-arrow:disabled{opacity:.3;cursor:default}.menu-carousel-status{font-size:10px;letter-spacing:1px;color:#ab94b8}.menu-carousel-track:focus-visible,.menu-carousel-arrow:focus-visible,.menu-creation-card:focus-visible{outline:2px solid #d38bf5;outline-offset:3px}
@media(max-width:700px){.menu-creation-card{flex-basis:85%}.menu-creation-copy{padding:13px}.menu-creation-copy h3{font-size:15px}.menu-creation-copy p{font-size:10px}.menu-creation-badge{font-size:7px;left:8px;top:8px}.menu-carousel-arrow{width:30px;height:30px}.menu-carousel-track{gap:18px}}
@media(prefers-reduced-motion:reduce){.menu-creation-card{transition:none}.menu-creation-card:hover{transform:none}}
/* Match the 3D Assets menu card dimensions at each breakpoint. */
.menu-carousel-track{gap:12px;padding-left:0;padding-right:0;align-items:stretch}
.menu-creation-card{flex-basis:calc((100% - 48px)/5);border-radius:8px}
.menu-creation-art{aspect-ratio:1}
.menu-preview-art{background-size:355.556% 200%}
.menu-category-art{background-size:300% 200%}
.menu-city-art{background-size:cover}
.menu-creation-copy{padding:2px 13px 17px}
.menu-creation-copy h3{font-size:11px;font-weight:900;line-height:1.4;text-transform:uppercase;letter-spacing:-.1px;margin:0}
.menu-creation-copy p{font-size:8px;line-height:1.6;letter-spacing:.3px;margin-top:6px}
.menu-creation-badge{font-size:6px;letter-spacing:.5px;padding:4px 6px;left:7px;top:7px}
@media(min-width:1500px){.menu-creation-copy h3{font-size:14px}.menu-creation-copy p{font-size:10px}}
@media(max-width:1000px) and (min-width:701px){.menu-creation-card{flex-basis:calc((100% - 24px)/3)}.menu-creation-art{aspect-ratio:1.2}.menu-preview-art{background-size:296.296% 200%}.menu-category-art{background-size:300% 200%}.menu-city-art{background-size:cover}.menu-creation-copy h3{font-size:12px}}
@media(max-width:700px){.menu-carousel-track{gap:10px}.menu-creation-card{flex-basis:calc((100% - 10px)/2)}.menu-creation-copy{padding:0 11px 14px}.menu-creation-copy h3{font-size:10px}.menu-creation-copy p{font-size:8px}.menu-creation-badge{font-size:6px}.menu-creation-art{aspect-ratio:1}}