.dish-page{background:var(--dish-page-bg);flex-direction:column;min-height:100dvh;display:flex;position:relative}.dish-page-hero{aspect-ratio:1;background-color:var(--color-paper);flex-shrink:0;width:100%;position:relative;overflow:hidden}.dish-page-no-image{width:100%;height:100%;color:var(--color-text-secondary);font-size:var(--dish-page-no-image-icon-size);opacity:.4;justify-content:center;align-items:center;display:flex}.dish-page-hero img{object-fit:cover;width:100%;height:100%}.dish-page-nav-btn{top:var(--len-4);z-index:10;width:var(--len-10);height:var(--len-10);border-radius:var(--radius-full);background-color:var(--color-paper);box-shadow:var(--shadow-sm);color:var(--color-text);font-size:var(--font-size-body);cursor:pointer;border:none;justify-content:center;align-items:center;transition:background-color .2s;display:flex;position:absolute}.dish-page-nav-btn:hover{background-color:var(--color-paper-hover)}.dish-page-close-btn{right:var(--len-4)}.dish-page-hero-gradient{background:linear-gradient(to top,color-mix(in srgb,var(--color-text)20%,transparent),transparent);pointer-events:none;z-index:1;position:absolute;inset:0}.dish-page-3d-btn{bottom:var(--len-6);z-index:10;align-items:center;gap:var(--len-2);padding:var(--len-2-5)var(--len-6);border-radius:var(--radius-full);-webkit-backdrop-filter:blur(var(--dish-page-3d-btn-blur));backdrop-filter:blur(var(--dish-page-3d-btn-blur));background-color:color-mix(in srgb,var(--color-paper)54%,transparent);box-shadow:var(--shadow-md);color:var(--color-text);font-size:var(--font-size-body);font-weight:var(--font-weight-medium);cursor:pointer;white-space:nowrap;border:none;transition:background-color .2s;display:flex;position:absolute;left:50%;transform:translate(-50%)}.dish-page-3d-btn:hover{background-color:color-mix(in srgb,var(--color-paper)75%,transparent)}.dish-page-content{padding:var(--p-base);padding-bottom:var(--len-24);flex:1;overflow-y:auto}.dish-page-header{justify-content:space-between;align-items:baseline;gap:var(--len-3);margin-bottom:var(--len-2);display:flex}.dish-page-price{font-size:var(--font-size-big);font-weight:var(--font-weight-bold);color:var(--color-text);white-space:nowrap;flex-shrink:0}.dish-page-description{font-size:var(--font-size-body);color:var(--color-text-secondary);line-height:var(--line-height-body);margin:0 0 var(--len-3)}.dish-page-provenances{margin:0 0 var(--len-3)}.dish-page-provenance{font-size:var(--font-size-small);color:var(--color-text-secondary);margin:0;font-style:italic}.dish-page-content .dish-dietary-filters{margin-bottom:var(--len-4)}.dish-page-extras{margin-top:var(--len-2);padding-top:var(--len-4);border-top:var(--border-thin)solid var(--color-divider)}.dish-page-extras .heading-sub{margin:0 0 var(--len-3)}.dish-page-choice-description{font-size:var(--font-size-body);line-height:var(--line-height-body);color:var(--color-text-secondary);margin:calc(-1*var(--len-2))0 var(--len-3)}.dish-page-extras-list{gap:var(--len-2);flex-direction:column;display:flex}.dish-page-extra-item{align-items:center;gap:var(--len-3);padding:var(--len-3);border-radius:var(--radius-elem);background-color:var(--color-paper);cursor:pointer;text-align:left;width:100%;transition:all .15s ease-in-out;display:flex}.dish-page-extra-item.selected{background-color:var(--color-primary-subtle)}.dish-page-extra-checkbox{width:var(--len-5);height:var(--len-5);border:var(--border-thick)solid var(--color-divider);border-radius:var(--radius-full);font-size:var(--font-size-tiny);color:var(--color-paper);flex-shrink:0;justify-content:center;align-items:center;transition:all .15s ease-in-out;display:flex}.dish-page-extra-item.selected .dish-page-extra-checkbox{background-color:var(--color-primary);border-color:var(--color-primary)}.dish-page-extra-name{font-weight:var(--font-weight-normal);color:var(--color-text);font-size:var(--font-size-body);flex:1}.dish-page-extra-price{font-size:var(--font-size-small);color:var(--color-text-secondary);white-space:nowrap}.dish-page-bottom-bar{align-items:center;gap:var(--len-3);padding:var(--len-3)var(--p-base);background-color:var(--dish-page-bottom-bar-bg);box-shadow:var(--shadow-sm);z-index:10;display:flex;position:sticky;bottom:0}.dish-page-add-btn{height:var(--len-12);border-radius:var(--radius-elem);background-color:var(--color-primary);color:var(--color-primary-contrast);font-size:var(--font-size-body);font-weight:var(--font-weight-medium);font-family:var(--font-heading);cursor:pointer;justify-content:center;align-items:center;gap:var(--len-2);border:none;flex:1;transition:background-color .2s;display:flex}.dish-page-add-btn:hover{background-color:var(--color-primary-hover)}@keyframes dish-page-shake{0%,to{transform:translate(0)}20%{transform:translate(-4px)}40%{transform:translate(4px)}60%{transform:translate(-3px)}80%{transform:translate(3px)}}.dish-page-add-btn.shake{animation:.4s ease-in-out dish-page-shake}.dish-page-add-btn--success{background-color:var(--color-success);animation:.4s ease-out dish-page-add-success}@keyframes dish-page-add-success{0%{transform:scale(1)}30%{transform:scale(1.03)}to{transform:scale(1)}}@media (prefers-reduced-motion:reduce){.dish-page-add-btn.shake,.dish-page-add-btn--success{animation:none}}.dish-page-extras.unfulfilled .dish-page-choice-required{color:var(--color-error)}@media (min-width:768px){.dish-page{min-height:0;max-width:var(--dish-card-max-width);max-height:var(--dish-card-max-height);border-radius:var(--radius-wrap);box-shadow:var(--shadow-high);margin:auto;overflow:hidden}}.dish-page-not-found{padding:var(--p-base);text-align:center;background:var(--color-paper);flex-direction:column;flex:1;justify-content:center;align-items:center;min-height:100dvh;display:flex}.dish-page-not-found .heading-section{margin:0 0 var(--len-2)}.dish-page-not-found p{color:var(--color-text-secondary);font-size:var(--font-size-body);margin:0}