/* Only the two outward cards. The original grid/frame dimensions are unchanged. */
.catalog-card .entry-stage{display:flex;flex-direction:column;padding:6% 7%;box-sizing:border-box;isolation:isolate}
.catalog-cartharbor .entry-stage{color:#eff5dd!important;background:radial-gradient(ellipse at 80% 65%,#366b4c,transparent 65%),#103f32!important}
.catalog-mealquay .entry-stage{color:#6d271f!important;background:radial-gradient(ellipse at 20% 55%,#f9cf91,transparent 60%),#f3dbc3!important}
.catalog-card .entry-heading{position:relative;inset:auto;z-index:5;flex-shrink:0;width:100%}
.catalog-card .entry-name{font-size:clamp(16px,4.4cqw,24px);gap:7px;letter-spacing:-.04em}.catalog-card .entry-name svg{height:6.4cqw;width:6.4cqw;min-height:22px;min-width:22px;flex:none}.catalog-card .entry-name em{font-style:normal}.catalog-card .entry-name b{margin-left:auto;width:9cqw;height:9cqw;font-size:5cqw}
.catalog-card .entry-heading small{font-size:clamp(11px,2.3cqw,13px);line-height:1.4;letter-spacing:.08em;margin-top:4cqw}
.catalog-card .entry-heading>strong{font-size:clamp(29px,9.1cqw,54px);line-height:1.02;letter-spacing:-.055em;font-weight:500;margin-top:2cqw}
.catalog-mealquay .entry-heading>strong{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-style:italic;letter-spacing:-.065em;font-size:clamp(30px,9.5cqw,58px)}
.catalog-card .entry-detail{position:relative;inset:auto;font-size:clamp(12px,2.8cqw,15px);line-height:1.4;letter-spacing:0;max-width:none;z-index:5;flex-shrink:0}
.catalog-scene{position:relative;flex:1;min-height:0;width:calc(100% + 14cqw);margin:5cqw 0 5cqw -7cqw;isolation:isolate}
.catalog-card .entry-stage::after{content:'';position:absolute;inset:auto 0 0;height:15%;z-index:4;pointer-events:none;background:linear-gradient(0deg,#103f32 50%,#103f3200)}
.catalog-mealquay .entry-stage::after{background:linear-gradient(0deg,#f3dbc3 50%,#f3dbc300)}
.cart-halo{position:absolute;width:102%;height:130%;left:9%;top:1%;border-radius:50%;background:linear-gradient(140deg,#cfe980,#81b471);transform:rotate(-20deg);box-shadow:inset 0 1cqw 6cqw #e9facd66}
.cart-phone{position:absolute;border:1cqw solid #224334;border-radius:5cqw;box-shadow:1cqw 3cqw 4cqw #061c3359,inset 0 0 0 1px #d6ebc5;overflow:hidden;background:#fff;box-sizing:border-box;transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.cart-phone::after{content:'';position:absolute;left:37%;right:37%;height:.8cqw;bottom:1cqw;border-radius:99px;background:#173f2e}
.cart-phone-back{height:89%;aspect-ratio:208/424;left:15%;top:7%;transform:rotate(-13deg);z-index:1}
.cart-phone-front{height:100%;aspect-ratio:208/424;left:43%;top:0;transform:rotate(7deg);z-index:2}
.catalog-card .reference-screen{position:relative;overflow:hidden;width:100%;height:100%;border-radius:3.8cqw;background:#fff}
.catalog-card .reference-screen img{position:absolute;max-width:none;height:auto;display:block}
.cart-bag{position:absolute;right:7%;bottom:0;width:23%;height:43%;border-radius:1.2cqw 1.2cqw 2.5cqw 2.5cqw;background:linear-gradient(100deg,#e9f5ba,#b6d76c);color:#234c37;box-shadow:1cqw 2cqw 3cqw #14342145;transform:rotate(10deg);z-index:3;display:flex;align-items:center;justify-content:center;flex-direction:column;box-sizing:border-box;border-right:1.5cqw solid #a3c35b}
.cart-bag-handle{position:absolute;width:40%;height:26%;border:.8cqw solid #b4cd76;border-bottom:0;border-radius:50% 50% 0 0;top:-24%;left:30%}.cart-bag svg{width:7cqw;height:7cqw}.cart-bag b{font-size:5cqw;line-height:.95;letter-spacing:-.06em;margin-top:1cqw}
.cart-route{position:absolute;z-index:4;left:7%;bottom:0;border:1px solid #e4edca4a;border-radius:99px;background:#173e32;color:#f0f6db;box-shadow:0 1cqw 2cqw #062c3340;padding:2.5cqw 3cqw;font-size:clamp(11px,2.9cqw,16px);line-height:1;white-space:nowrap}.cart-route i{font-style:normal;color:#d9ef99;margin:0 2cqw}
.meal-table{position:absolute;left:-12%;top:8%;width:77%;aspect-ratio:1;border-radius:50%;overflow:hidden;transform:rotate(-15deg);box-shadow:0 2cqw 3cqw #6e331c30;border:1.5cqw solid #ffefdf;box-sizing:border-box}
.catalog-card .meal-table img,.catalog-card .meal-phone-photo img{position:static!important;display:block;width:100%!important;height:100%!important;object-fit:cover;opacity:1!important;transform:none!important}.meal-table img{object-position:55% 50%}
.meal-phone{position:absolute;left:47%;top:-1%;height:96%;width:35%;background:#fffaf3;border:.9cqw solid #8e4637;border-radius:4.5cqw;box-shadow:1cqw 3cqw 4cqw #612b2940;transform:rotate(9deg);overflow:hidden;padding:3cqw 2cqw 1.5cqw;box-sizing:border-box;display:flex;flex-direction:column;gap:1.5cqw;transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.meal-phone-top{display:flex;align-items:center;justify-content:space-between;font-size:2.5cqw;font-weight:600;color:#812e24}.meal-phone-top i{font-style:normal;font-size:2.5cqw}.meal-phone>strong{font-size:4.1cqw;line-height:1.05;letter-spacing:-.06em;color:#582c22;font-weight:500}
.meal-phone-photo{flex:1;min-height:0;overflow:hidden;border-radius:1.5cqw}.meal-phone-photo img{object-position:50% 43%}
.meal-phone-menu b{display:block;font-size:2.6cqw;font-weight:500;letter-spacing:-.03em;color:#582c22}.meal-phone-menu>span{display:flex;justify-content:space-between;margin-top:1.5cqw;border-radius:1cqw;padding:1.5cqw;background:#b64531;color:#fff6dd;font-size:2.3cqw}.meal-phone-menu i{font-style:normal}.meal-phone-nav{display:flex;justify-content:space-between;font-size:1.8cqw;color:#925541;padding-top:.5cqw}
.meal-ticket{position:absolute;bottom:0;left:10%;width:65%;background:#79372e;color:#fff3dc;z-index:3;transform:rotate(-6deg);border-radius:2cqw;padding:3cqw;box-shadow:0 2cqw 3cqw #5a292e30;box-sizing:border-box}
.meal-ticket>span{font-size:2cqw;letter-spacing:.14em;display:block;line-height:1.2;color:#e8bf9c}.meal-ticket>b{font-size:4cqw;font-weight:500;line-height:1.2;letter-spacing:-.045em;display:block;margin:1cqw 0 2cqw}.meal-ticket>div{display:flex;align-items:center;justify-content:space-between;gap:1cqw}.meal-ticket em{font-size:2.4cqw;font-style:normal}.meal-ticket i{width:3cqw;height:3cqw;display:grid;place-items:center;background:#ffe1b8;color:#71372c;border-radius:50%;font-size:2cqw;font-style:normal}
@keyframes cart-front-arrive{from{opacity:0;transform:translate(5%,12%) rotate(12deg)}to{opacity:1;transform:translate(0,0) rotate(7deg)}}
@keyframes cart-back-arrive{from{opacity:0;transform:translate(-5%,12%) rotate(-18deg)}to{opacity:1;transform:translate(0,0) rotate(-13deg)}}
@keyframes meal-phone-arrive{from{opacity:0;transform:translateY(12%) rotate(14deg)}to{opacity:1;transform:translateY(0) rotate(9deg)}}
@keyframes meal-ticket-arrive{from{opacity:0;transform:translate(-7%,20%) rotate(-10deg)}to{opacity:1;transform:translate(0,0) rotate(-6deg)}}
.entry-playing .cart-phone-front{animation:cart-front-arrive 1.25s both}.entry-playing .cart-phone-back{animation:cart-back-arrive 1.4s both}.entry-playing .meal-phone{animation:meal-phone-arrive 1.3s both}.entry-playing .meal-ticket{animation:meal-ticket-arrive 1.3s .15s both}
@media(hover:hover){.catalog-cartharbor:hover .cart-phone-front{translate:0 -5px}.catalog-mealquay:hover .meal-phone{translate:0 -5px}.catalog-card:hover .entry-name b{background:#ffffff20;transform:rotate(45deg)}}
@container(max-width:320px){.catalog-card .entry-heading small{margin-top:3cqw;font-size:11px;letter-spacing:.04em}.catalog-card .entry-heading>strong{font-size:9.2cqw}.catalog-card .entry-name{font-size:16px}.catalog-card .entry-detail{font-size:12px}.meal-ticket>b{font-size:4.2cqw}}
@media(prefers-reduced-motion:reduce){.catalog-card *{animation:none!important;transition:none!important;translate:none!important}.cb-entrylist-item:has(>.catalog-card){opacity:1!important;transform:none!important}}
