/* An interactive serving counter, inspired by the supplied motion reference. */
#kitchen-slider {--counter-gap:clamp(160px,20.5vw,292px);--counter-size:360px;position:relative;height:760px;isolation:isolate;overflow:clip;background:#26180f;color:#fff2d9;border-block:1px solid #9c6d3b;font-weight:600}
#kitchen-slider .counter-backdrop {position:absolute;inset:0;z-index:-3;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center}
#kitchen-slider .counter-shade {position:absolute;inset:0;z-index:-2;background:linear-gradient(180deg,#180f09a6 0%,#160d086b 32%,#190d0510 65%,#170e086e 100%);pointer-events:none}
#kitchen-slider .counter-topline {position:absolute;top:26px;left:4%;right:4%;display:flex;align-items:center;justify-content:space-between;gap:20px;direction:ltr;border-bottom:1px solid #f2d8ae38;padding-bottom:16px}
#kitchen-slider .counter-topline>span:first-child {font-size:10px;letter-spacing:2.4px;color:#e8c498;font-weight:600}
#kitchen-slider #counter-heading {font-family:var(--font);font-size:14px;font-weight:600;letter-spacing:0;line-height:1.9;color:#f4e2c9;direction:rtl}
#kitchen-slider .counter-top-spark {font-size:20px;color:#e5b778;width:110px;text-align:right}
#kitchen-slider .counter-copy {position:absolute;top:105px;left:20px;right:20px;z-index:5;text-align:center;pointer-events:none;direction:rtl}
#kitchen-slider #counter-category {font-size:13px;font-weight:700;color:#edbd7c;line-height:1.7;margin-bottom:2px}
#kitchen-slider #counter-dish-name {font-family:var(--script);font-size:clamp(62px,7.6vw,106px);font-weight:700;line-height:1.42;color:#fff3dc;letter-spacing:0;min-height:151px;margin:0;text-shadow:0 4px 32px #120a07a6}
#kitchen-slider #counter-dish-description {font-size:15px;font-weight:600;line-height:1.9;color:#f2ddbd;max-width:580px;margin:1px auto 0;text-shadow:0 2px 8px #0008}
#kitchen-slider .counter-stage {position:absolute;inset:292px 0 163px;direction:ltr;touch-action:pan-y;user-select:none;-webkit-user-select:none}
#kitchen-slider .counter-card {--plate-scale:1;--plate-lift:0px;--plate-tilt:0deg;position:absolute;bottom:0;left:50%;width:var(--counter-size);height:300px;padding:0;border:0;background:transparent;color:inherit;display:flex;align-items:flex-end;justify-content:center;transform:translateX(calc(-50% + var(--offset)*var(--counter-gap))) translateY(var(--plate-lift)) scale(var(--plate-scale)) rotate(var(--plate-tilt));transform-origin:center bottom;z-index:2;opacity:1;transition:transform .75s cubic-bezier(.22,.68,.17,1),opacity .65s;pointer-events:none;-webkit-tap-highlight-color:transparent}
#kitchen-slider[data-counter-ready="true"] .counter-card {pointer-events:auto}
#kitchen-slider .counter-card::before {content:"";position:absolute;bottom:-12px;left:6%;right:6%;height:32px;border-radius:50%;background:#241206a1;filter:blur(12px);z-index:-1}
#kitchen-slider .counter-card[data-position="0"] {--plate-scale:1.06;z-index:4}
#kitchen-slider .counter-card[data-position="1"] {--plate-scale:.66;--plate-lift:-22px;--plate-tilt:8deg;z-index:3}
#kitchen-slider .counter-card[data-position="-1"] {--plate-scale:.66;--plate-lift:-22px;--plate-tilt:-8deg;z-index:3}
#kitchen-slider .counter-card[data-position="2"] {--plate-scale:.43;--plate-lift:-65px;--plate-tilt:12deg;opacity:.83}
#kitchen-slider .counter-card[data-position="-2"] {--plate-scale:.43;--plate-lift:-65px;--plate-tilt:-12deg;opacity:.83}
#kitchen-slider .counter-plate {position:relative;display:block;width:100%;aspect-ratio:var(--plate-ratio);border-radius:50%;overflow:hidden;background:#f1e5cd;border:7px solid #e5d2ae;box-shadow:0 3px 0 #ab8b5f,0 7px 0 #705131,0 18px 24px #1d0c0459;transition:box-shadow .2s}
#kitchen-slider .counter-card:hover .counter-plate {box-shadow:0 3px 0 #ab8b5f,0 7px 0 #705131,0 21px 30px #1d0c0473}
#kitchen-slider .counter-card:focus-visible {outline:0}
#kitchen-slider .counter-card:focus-visible .counter-plate {outline:3px solid #ffdc9f;outline-offset:7px}
#kitchen-slider .counter-plate img {position:absolute;display:block;max-width:none;width:var(--photo-width);height:var(--photo-height);left:var(--photo-left);top:var(--photo-top);object-fit:fill;pointer-events:none}
#kitchen-slider .counter-card--image .counter-plate img {inset:0;width:100%;height:100%;object-fit:contain}
#kitchen-slider .counter-card--image .counter-plate {aspect-ratio:1.4}
#kitchen-slider #counter-dish-name.counter-title-long {font-size:clamp(34px,4.1vw,58px);line-height:1.3;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
#kitchen-slider #counter-dish-description {display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;white-space:pre-line}
#kitchen-slider .counter-card[hidden] {display:none}
#kitchen-slider .counter-navigation[hidden] {display:none}
#kitchen-slider .counter-navigation {display:none;position:absolute;bottom:99px;left:50%;transform:translateX(-50%);width:min(590px,calc(100% - 48px));align-items:center;justify-content:space-between;gap:12px;z-index:6}
#kitchen-slider[data-counter-ready="true"] .counter-navigation {display:flex}
#kitchen-slider .counter-control {display:grid;place-items:center;flex-shrink:0;width:47px;height:47px;border:1px solid #efd0a876;border-radius:50%;background:#25150bc9;color:#fff1d4;backdrop-filter:blur(8px);padding:0;transition:background .2s,transform .2s}
#kitchen-slider .counter-control:hover {background:#743d3b;transform:translateY(-2px)}
#kitchen-slider .counter-control .icon {width:20px;height:20px}
#kitchen-slider #counter-next .icon {transform:rotate(180deg)}
#kitchen-slider .counter-hint {font-size:12px;color:#fff0d2;direction:rtl;text-shadow:0 2px 6px #1d0c04}
#kitchen-slider .counter-actions {position:absolute;left:20px;right:20px;bottom:42px;display:flex;justify-content:center;align-items:center;gap:24px;z-index:6;direction:rtl}
#kitchen-slider .counter-order {display:none;align-items:center;justify-content:center;gap:20px;min-height:50px;padding:10px 24px;border:1px solid #fff0d4;border-radius:6px;background:#fff0d4;color:#5a302b;font-family:var(--font);font-size:15px;font-weight:700;line-height:1.8;box-shadow:0 6px 20px #2713092e;transition:background .2s,transform .2s}
#kitchen-slider[data-counter-ready="true"] .counter-order {display:inline-flex}
#kitchen-slider .counter-order:hover {background:#f4d5a4;transform:translateY(-2px)}
#kitchen-slider .counter-order .icon {width:20px;height:20px}
#kitchen-slider .counter-browse {display:inline-flex;align-items:center;gap:9px;font-size:13px;font-weight:700;min-height:44px;color:#fff0d2;text-shadow:0 2px 6px #1d0c04}
#kitchen-slider .counter-footer {position:absolute;bottom:12px;left:4%;right:4%;display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:11px;color:#ecd3ae;line-height:1.8;direction:rtl}
#kitchen-slider #counter-index {font-size:13px;font-variant-numeric:tabular-nums;letter-spacing:2px;color:#ffedc9;white-space:nowrap}
@media(min-width:1650px) {#kitchen-slider {--counter-gap:320px;--counter-size:390px;height:800px}#kitchen-slider .counter-stage {top:312px;bottom:170px}}
@media(max-width:1100px) {#kitchen-slider {--counter-size:320px;height:700px}#kitchen-slider .counter-copy {top:96px}#kitchen-slider #counter-dish-name {font-size:83px;min-height:118px}#kitchen-slider .counter-stage {top:256px;bottom:158px}#kitchen-slider .counter-card {height:270px}#kitchen-slider .counter-navigation {bottom:98px}}
@media(max-width:760px) {#kitchen-slider {--counter-size:280px;--counter-gap:190px;height:680px}#kitchen-slider .counter-topline {top:23px;gap:12px}#kitchen-slider .counter-topline>span:first-child {font-size:9px;letter-spacing:1.5px}#kitchen-slider #counter-heading {font-size:12px}#kitchen-slider .counter-top-spark {width:auto;font-size:17px}#kitchen-slider .counter-copy {top:104px}#kitchen-slider #counter-dish-name {font-size:73px;min-height:108px}#kitchen-slider #counter-dish-description {font-size:14px;max-width:410px}#kitchen-slider .counter-stage {top:260px;bottom:158px}#kitchen-slider .counter-card {height:250px}#kitchen-slider .counter-navigation {width:min(460px,calc(100% - 40px))}#kitchen-slider .counter-backdrop {object-position:50% center}}
@media(max-width:480px) {
  #kitchen-slider {--counter-size:245px;--counter-gap:158px;height:660px}
  #kitchen-slider .counter-backdrop {object-position:48% center}
  #kitchen-slider .counter-shade {background:linear-gradient(180deg,#180f09b8,#160d086b 37%,#190d0524 66%,#170e087d)}
  #kitchen-slider .counter-topline {top:20px;left:20px;right:20px;padding-bottom:14px}
  #kitchen-slider .counter-topline>span:first-child {font-size:8px;letter-spacing:1px}
  #kitchen-slider #counter-heading {font-size:11px}
  #kitchen-slider .counter-top-spark {display:none}
  #kitchen-slider .counter-copy {top:94px;left:17px;right:17px}
  #kitchen-slider #counter-category {font-size:12px}
  #kitchen-slider #counter-dish-name {font-size:58px;min-height:86px;line-height:1.4}
  #kitchen-slider #counter-dish-name.counter-title-long {font-size:34px;line-height:1.25}
  #kitchen-slider #counter-dish-description {font-size:13px;line-height:2;min-height:52px;max-width:310px}
  #kitchen-slider .counter-stage {top:250px;bottom:167px}
  #kitchen-slider .counter-card {height:240px}
  #kitchen-slider .counter-card[data-position="1"],#kitchen-slider .counter-card[data-position="-1"] {--plate-scale:.59;--plate-lift:-24px}
  #kitchen-slider .counter-card[data-position="2"],#kitchen-slider .counter-card[data-position="-2"] {--plate-scale:.34;--plate-lift:-60px}
  #kitchen-slider .counter-plate {border-width:5px}
  #kitchen-slider .counter-navigation {bottom:103px;left:20px;right:20px;width:auto;transform:none}
  #kitchen-slider .counter-control {width:44px;height:44px}
  #kitchen-slider .counter-hint {font-size:11px}
  #kitchen-slider .counter-actions {bottom:42px;gap:17px}
  #kitchen-slider .counter-order {font-size:14px;min-height:48px;gap:14px;padding:10px 18px}
  #kitchen-slider .counter-browse {font-size:12px}
  #kitchen-slider .counter-footer {left:20px;right:20px;font-size:10px;bottom:11px}
}
@media(max-width:350px) {#kitchen-slider {--counter-size:224px;--counter-gap:146px;height:645px}#kitchen-slider #counter-dish-name {font-size:51px;min-height:77px}#kitchen-slider #counter-dish-description {font-size:12px}#kitchen-slider .counter-stage {top:247px;bottom:161px}#kitchen-slider .counter-actions {gap:13px}#kitchen-slider .counter-order {font-size:13px;padding-inline:15px}#kitchen-slider .counter-hint {font-size:10px}}
@media(prefers-reduced-motion:reduce) {#kitchen-slider *,#kitchen-slider *::before {transition:none!important;animation:none!important}}
