/* Price, trio details, and copy are independent bounded zones. */
.price-and-combo{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.65cqw;width:100%;flex-shrink:0;min-width:0}
.price-stack{display:flex;flex-direction:column;align-items:flex-start;flex-shrink:0}
.price-and-combo .price{margin:.1cqw 0}
.combo-pack{min-width:0;display:flex;flex-direction:column;gap:.25cqw}
.combo-pack .combo{align-self:flex-start;font-size:.65cqw;white-space:normal;padding:.25cqw .3cqw}
.combo-pack .trio-choices{font-size:.65cqw;padding:.12cqw .35cqw;margin:0;line-height:1.25;overflow-wrap:anywhere}
.board .item.has-image .item-copy{padding:1.1cqw 1cqw 1.4cqw;gap:.4cqw;justify-content:center}
.board .description{flex-shrink:0;margin-top:.1cqw}
.board[data-count='2'] .price-and-combo,.board[data-count='3'] .price-and-combo{gap:1.1cqw}
.board[data-composition=spotlight] .price-and-combo{grid-template-columns:auto minmax(0,18cqw);justify-content:center;max-width:100%}
.board[data-composition=spotlight] .combo-pack{flex:0 1 18cqw;text-align:left}
.board[data-composition=spotlight] .combo-pack .trio-choices{font-size:.9cqw}
.board[data-composition=compact] .combo-pack{flex-basis:6cqw}
.old-price{font-family:Arial,sans-serif;font-size:1.2cqw;font-weight:700;text-decoration-color:#d51e2e;text-decoration-thickness:.15cqw;opacity:.8;line-height:1.2}
.variant .old-price{font-size:.8cqw;margin-right:.2cqw}
.board .item.on-special{border:.18cqw solid var(--gold);border-top:.35cqw solid var(--gold);box-shadow:inset 0 0 0 .2cqw color-mix(in srgb,var(--gold) 18%,transparent)}
.board .item.on-special .price{background:var(--gold);color:#32190c;transform:none;clip-path:polygon(0 0,100% 0,100% 80%,93% 100%,0 100%);padding-right:.9cqw}
.special-seal{display:flex;align-items:center;gap:.45cqw;align-self:flex-start;padding:.3cqw .65cqw;background:var(--gold);color:#32190c;font-size:.8cqw;font-weight:900;letter-spacing:.12cqw;line-height:1.2;clip-path:polygon(4% 0,100% 0,96% 100%,0 100%);flex-shrink:0}
.special-seal span{font-size:1cqw}
.board .item.special-offer{background:#fff4d5!important;color:#29140d!important;border:.22cqw solid #29140d;box-shadow:inset 0 0 0 .3cqw #ffce43;transform:none;grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr)}
.board .item.special-offer.has-image{grid-template-columns:1fr;grid-template-rows:auto 32% minmax(0,1fr)}
.special-masthead{grid-column:1/-1;grid-row:1;position:relative;overflow:hidden;z-index:2;background:#ffcf43;color:#29140d;text-align:center;padding:.55cqw .75cqw .65cqw;border-bottom:.2cqw solid #29140d;display:grid;gap:.15cqw;flex-shrink:0}
.special-masthead strong{font-family:Impact,'Arial Narrow',sans-serif;font-size:3.4cqw;line-height:.95;letter-spacing:.08cqw;text-shadow:.06cqw .06cqw 0 #fff6}
.special-edition{font-size:.48cqw;letter-spacing:.16cqw;font-weight:900}
.special-stars{position:absolute;right:.45cqw;bottom:.4cqw;font-size:.45cqw;writing-mode:vertical-rl}
.special-masthead::after{content:'';position:absolute;inset:0;background:linear-gradient(110deg,transparent 35%,#fff7 48%,transparent 61%);transform:translateX(-120%);animation:special-glint 12s ease-in-out infinite;pointer-events:none}
@keyframes special-glint{0%,75%{transform:translateX(-120%)}95%,100%{transform:translateX(120%)}}
.board .item.special-offer .item-copy{grid-column:1;grid-row:2;padding:.8cqw 1cqw 1.2cqw;justify-content:center;gap:.35cqw}
.board .item.special-offer.has-image .item-copy{grid-row:3}
.board .item.special-offer.has-image .item-media{grid-column:1;grid-row:2;padding:.65cqw 1cqw;background:transparent;border-bottom:.12cqw dashed #9c6a2f}
.board .item.special-offer .special-seal,.board .item.special-offer .poster-mark,.board .item.special-offer::after{display:none}
.board .item.special-offer h2{font-size:2.1cqw;color:#29140d;line-height:1.02}
.board .item.special-offer .price{background:#c71d29!important;color:#fff5d4!important;transform:rotate(-2deg);padding:.2cqw .6cqw;border-radius:0;clip-path:none;box-shadow:.2cqw .2cqw 0 #29140d;font-size:2.8cqw}
.board .item.special-offer .variant strong{color:#b51924!important}
.board[data-composition=compact] .item.special-offer.has-image,.board[data-composition=spotlight] .item.special-offer.has-image{grid-template-columns:1fr 1fr;grid-template-rows:auto minmax(0,1fr)}
.board[data-composition=compact] .item.special-offer.has-image .item-copy,.board[data-composition=spotlight] .item.special-offer.has-image .item-copy{grid-column:1;grid-row:2}
.board[data-composition=compact] .item.special-offer.has-image .item-media,.board[data-composition=spotlight] .item.special-offer.has-image .item-media{grid-column:2;grid-row:2;border-bottom:0;border-left:.12cqw dashed #9c6a2f}
.board[data-composition=compact] .special-masthead{padding:.35cqw .7cqw}
.board[data-composition=compact] .special-masthead strong{font-size:2.8cqw}
.board[data-composition=compact] .special-offer h2{font-size:1.45cqw}
.board[data-composition=compact] .special-offer .price{font-size:1.8cqw;padding:.15cqw .3cqw}
.board[data-composition=compact] .special-offer .item-copy{padding:.55cqw .65cqw .75cqw;gap:.2cqw}
.board[data-composition=spotlight] .special-masthead strong{font-size:5cqw}
.board[data-composition=spotlight] .special-offer h2{font-size:3.6cqw}
.board[data-composition=spotlight] .special-offer .price{font-size:5cqw}
/* Crop, zoom and transitions stay inside the allocated photo window. */
.photo-window{position:relative;width:100%;height:100%;min-height:0;overflow:hidden;isolation:isolate}
.board .photo-window .food,.picture-preview img{object-fit:var(--photo-fit,contain);object-position:var(--photo-x,50%) var(--photo-y,50%);transform:scale(var(--photo-zoom,1));animation:none!important}
.photo-transition-layer{position:absolute;inset:0;pointer-events:none;z-index:1}
.photo-frame-arch .photo-window{border-radius:50% 50% .6cqw .6cqw}
.photo-frame-round .photo-window{clip-path:ellipse(48% 48% at 50% 50%)}
.photo-frame-print .photo-window{border:.4cqw solid #fff;border-bottom-width:1cqw;box-sizing:border-box;box-shadow:0 .2cqw .5cqw #0003}
.picture-preview{overflow:hidden}
.picture-preview[data-frame=arch]{border-radius:50% 50% 12px 12px}
.picture-preview[data-frame=round]{clip-path:ellipse(48% 48% at 50% 50%)}
.picture-preview[data-frame=print]{border:8px solid white;border-bottom-width:24px;box-shadow:0 3px 12px #0002}
@media(prefers-reduced-motion:reduce){.special-masthead::after{animation:none}}
.sale-expiry{font-size:.65cqw;font-weight:700}
.special-editor{padding:18px;border:1px solid #d8ad36;background:#fff9e8;border-radius:12px}
.special-editor legend{font-weight:900;padding:0 8px}
.special-editor .studio-fields{margin-top:16px}
.add-special-button{border-color:#c89d28;background:#fff3c7;color:#482817}
.playing-film .board *{animation-play-state:paused!important}
.management-language{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:700}
.management-language select{width:auto;padding:8px;min-width:100px}
.toolbar[dir=rtl]{flex-direction:row-reverse}.manager-localized[dir=rtl]{text-align:right;font-family:Tahoma,Arial,sans-serif}
.manager-localized[dir=rtl] .panel-heading,.manager-localized[dir=rtl] .studio-row-head,.manager-localized[dir=rtl] .product-cell{flex-direction:row-reverse}
.manager-localized[dir=rtl] input[type=number],.manager-localized[dir=rtl] input[type=datetime-local],.manager-localized[dir=rtl] #raw{direction:ltr;text-align:left}
.manager-localized[dir=rtl] .saved-list strong,.manager-localized[dir=rtl] .saved-list span{margin-left:auto;margin-right:0}
.manager-localized table td,.manager-localized table th{text-align:start}
@media(prefers-reduced-motion:reduce){.board .on-special *{animation:none!important}}
/* Keep product work over its section, without moving the management page. */
body.item-dialog-open{overflow:hidden}
.quick-guide{border-left:4px solid #d4a726;background:#fffdf6}
.quick-guide h2{margin:0 0 8px}.quick-guide-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-top:18px}
.quick-guide-grid a{display:flex;flex-direction:column;gap:8px;padding:16px;background:#fff;border:1px solid #e5ddce;border-radius:10px;color:#29160e;text-decoration:none}
.quick-guide-grid a:hover,.quick-guide-grid a:focus-visible{border-color:#ae7b14;background:#fff8df}
.quick-guide-grid span{font-size:13px;line-height:1.5;color:#655b4e}
.advanced-management>summary{font-size:18px;font-weight:800;cursor:pointer;padding:8px 0}
.advanced-management>.panel{box-shadow:none;border:1px solid #e3ded4;margin:18px 0 0}
.advanced-active-note{padding:12px;background:#fff3c9;border-radius:8px}
.advanced-summary-badge{display:inline-block;margin-inline-start:12px;padding:5px 9px;background:#fff3c9;border-radius:6px;font-size:12px;vertical-align:middle}
#menu-products,#menu-messages,#menu-appearance{scroll-margin-top:24px}
.item-editor-dialog{width:min(960px,calc(100vw - 24px));max-height:calc(100dvh - 32px);box-sizing:border-box;padding:0;border:0;border-radius:18px;background:#fffaf0;box-shadow:0 24px 90px #0006;overscroll-behavior:contain}
.item-editor-dialog::backdrop{background:#21140dcc;backdrop-filter:blur(3px)}
.item-editor-dialog .item-editor{margin:0;border:0;box-shadow:none}
.item-editor-dialog #itemform>.actions:last-child{position:sticky;bottom:-1px;background:#fffaf0;padding:16px 0;z-index:2;border-top:1px solid #dfd3c4}
/* A framed showcase, not just a different card colour. */
.board .item.special-offer{border:.5cqw solid #eab82e;border-radius:.45cqw;background:linear-gradient(115deg,#fff9e8,#fff1c6)!important;box-shadow:inset 0 0 0 .14cqw #8a4709,inset 0 0 0 .32cqw #fff29a,0 .15cqw .6cqw #75400055;outline:.12cqw solid #af780c;outline-offset:-.12cqw}
.board .item.special-offer::before{content:'';position:absolute;inset:.22cqw;z-index:3;border:.14cqw solid #ffd954;box-shadow:0 0 0 .12cqw #aa151b;pointer-events:none;animation:none!important}
.special-masthead{margin:.38cqw .38cqw 0;background:radial-gradient(ellipse at 50% 0,#e62529,#a90012 75%);color:#ffe475;border:.13cqw solid #ffdf55;box-shadow:inset 0 0 .5cqw #67000e;border-bottom-width:.23cqw;padding:.7cqw 1cqw .8cqw}
.special-masthead strong{font-size:3.9cqw;color:#ffe875;text-shadow:0 .06cqw 0 #fff5b8,.08cqw .13cqw 0 #994c0a,0 .15cqw .25cqw #510009;letter-spacing:.12cqw}
.special-masthead strong::before,.special-masthead strong::after{content:'✦';font-family:Arial,sans-serif;font-size:.8cqw;vertical-align:middle;display:inline-block;margin:0 .6cqw;color:#ffda47}
.special-edition{color:#fff5c3}
.board[data-count='2'] .special-masthead strong,.board[data-count='3'] .special-masthead strong{font-size:4.6cqw}
.board[data-count='2'] .item.special-offer h2,.board[data-count='3'] .item.special-offer h2{font-size:3cqw}
.board[data-count='2'] .item.special-offer .price,.board[data-count='3'] .item.special-offer .price{font-size:4cqw}
.board[data-composition=compact] .item.special-offer{border-width:.32cqw}
.board[data-composition=compact] .special-masthead{margin:.2cqw .2cqw 0;padding:.2cqw .35cqw .35cqw}
.board.two-row[data-composition=compact] .item.special-offer h2{font-size:1.3cqw}
.board.two-row[data-composition=compact] .special-offer .price{font-size:1.6cqw}
.board.two-row[data-composition=compact] .special-offer .old-price{font-size:.85cqw}
.special-stars{display:none}
.board .item.special-offer .item-copy::after{content:'✦';position:absolute;right:.55cqw;bottom:.4cqw;font-size:1cqw;color:#d7960a;text-shadow:.08cqw .05cqw 0 #fff4a2;pointer-events:none}
.board .item.special-offer .item-media{margin:0 .45cqw;border-bottom-color:#c99937;background:radial-gradient(ellipse,#fffdf0,#fff2c9)!important}
.board .item.special-offer .item-media::after{content:'✦';position:absolute;left:.35cqw;top:.2cqw;font-size:1cqw;color:#d7960a;pointer-events:none}
.photo-workbench{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,.9fr);gap:24px;align-items:start}
.photo-workbench>.studio-fields{grid-template-columns:1fr}
.photo-preview-pane{position:sticky;top:12px;display:flex;flex-direction:column;gap:12px;padding:16px;border-radius:14px;background:#eee6d6;border:1px solid #d8c9ad}
.photo-preview-stage{width:100%;aspect-ratio:4/3;position:relative;background:#fff4d6;overflow:hidden;padding:8px;box-sizing:border-box}
.photo-preview-stage .food{width:100%;height:100%;object-fit:var(--photo-fit,contain);object-position:var(--photo-x,50%) var(--photo-y,50%);transform:scale(var(--photo-zoom,1));animation:none!important}
.photo-preview-stage.photo-frame-arch .photo-window{border-radius:50% 50% 12px 12px}
.photo-preview-stage.photo-frame-print .photo-window{border:8px solid #fff;border-bottom-width:24px;box-shadow:0 3px 12px #0003}
.photo-preview-pane .actions{flex-wrap:wrap;gap:8px}.photo-preview-pane button{padding:8px 12px;font-size:13px}
.photo-empty{position:absolute;inset:0;display:grid;place-items:center;text-align:center;padding:20px;color:#786348}
.photo-empty[hidden]{display:none}
@media(max-width:650px){.photo-workbench{grid-template-columns:1fr}.photo-preview-pane{grid-row:1;top:0;z-index:4}.photo-preview-stage{aspect-ratio:2/1;max-height:180px}.photo-preview-pane{padding:8px;gap:6px}.photo-preview-pane small{font-size:11px}}
