.dish-card{width:100%;max-width:1100px;min-width:40rem;background:#fff;border-radius:3.5rem;box-shadow:0 1.5rem 4rem #0000001a;overflow:visible;position:relative;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:0 auto;container-type:inline-size;display:flex}.plus-button{position:absolute;top:-1rem;width:clamp(50px,8vw,68px);height:clamp(50px,8vw,68px);background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:clamp(1.8rem,4vw,2.4rem);font-weight:300;color:#000;box-shadow:0 .8rem 2.5rem #0000002e;z-index:20;cursor:pointer;transition:all .3s ease}.plus-button:hover{transform:translateY(-.5rem) scale(1.1);box-shadow:0 1.5rem 3.5rem #00000040}.content{padding:clamp(2.5rem,6vw,5rem) clamp(3rem,7vw,6rem);position:relative;min-height:20vh;display:flex;flex-direction:column;justify-content:flex-end;z-index:2}.dish-name{font-size:2rem;font-weight:800;color:#1a1a1a;margin:0 0 .5rem;line-height:1.1}.dish-description{font-size:15px;color:#777;margin:0 0 1.8rem;line-height:1.6;max-width:90%}.size-buttons{display:flex;gap:20px;margin-bottom:1.5rem;flex-wrap:wrap}.size-btn{padding:5px;border:none;border-radius:2rem;font-size:clamp(.9rem,1.8vw,1rem);font-weight:600;cursor:pointer;transition:all .2s;min-width:80px}.size-btn.active{background:#e6c767;color:#fff}.size-btn:not(.active){background:#f8f8f8;color:#555}.size-btn:not(.active):hover{background:#eaeaea}.toppings{display:flex;gap:clamp(1rem,2.5vw,1.5rem);font-size:clamp(1.6rem,4vw,2.2rem)}.image-wrapper{position:absolute;right:clamp(-6rem,-10vw,-4rem);bottom:clamp(-6rem,-10vw,-4rem);z-index:1;pointer-events:none}.real-image{width:15rem;height:15rem;border-radius:50%;object-fit:cover;clip-path:circle(50% at center);background:transparent}.dish-price{background-color:#e6c767;width:5rem;font-weight:600;text-align:center}.button-outline{margin-top:10px;background:#fff;border:1px solid #e9eaf04c;color:#1d2026;padding:10px 20px;border-radius:8px;cursor:pointer;font-weight:600;transition:.2s}.button-outline:hover{border-color:#1a64f0;color:#1a64f0}@container (max-width: 800px){.content{padding:2.5rem 2rem}.dish-name{font-size:21px}.real-image{width:18em;height:18em}.image-wrapper{right:-18.65em;bottom:5vw}}@container (max-width: 500px){.real-image{width:15vw;height:15vw}.image-wrapper{right:-8vw;bottom:-8vw}}.left-side{display:flex;flex-direction:column;height:100%;justify-content:space-between}