/* Plum cuisine ring, styles from React Bits "Circular Carousel" (cylinder), ported 17 Oct 2026. */
.circular-carousel{--cc-fade:#000;--cc-radius:12px;--cc-inner:.4;position:relative;width:100%;height:100%;overflow:hidden;outline:none;touch-action:pan-y;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}
.circular-carousel[data-draggable]{cursor:grab}
.circular-carousel[data-dragging]{cursor:grabbing}
.circular-carousel:focus-visible{box-shadow:inset 0 0 0 2px rgba(128,128,140,.55)}
.circular-carousel__view{position:absolute;inset:0}
.circular-carousel__stage{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .45s ease}
.circular-carousel[data-ready] .circular-carousel__stage{opacity:1}
.circular-carousel__camera,.circular-carousel__ring,.circular-carousel__card{width:0;height:0;transform-style:preserve-3d}
.circular-carousel__camera{position:relative}
.circular-carousel__ring,.circular-carousel__card{position:absolute;left:0;top:0}
.circular-carousel__tile{position:absolute;outline:1px solid transparent;backface-visibility:hidden;-webkit-backface-visibility:hidden}
.circular-carousel__frame{position:absolute;left:0;top:0;width:100%;overflow:hidden}
.circular-carousel__photo{position:absolute;display:block;max-width:none;object-fit:cover;pointer-events:none;user-select:none;-webkit-user-drag:none}
.circular-carousel__shade,.circular-carousel__inner{position:absolute;inset:0;pointer-events:none}
.circular-carousel__shade{background:var(--cc-fade);opacity:var(--cc-depth,0)}
.circular-carousel__inner{background:#2a1330;opacity:var(--cc-inner)}
.circular-carousel__live{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
@media (prefers-reduced-motion:reduce){.circular-carousel__stage{transition:none}}
.circular-carousel__label{position:absolute;bottom:0;height:38%;display:flex;align-items:flex-end;justify-content:center;padding:0 12px 16px;text-align:center;pointer-events:none;
  background:linear-gradient(to top,rgba(42,19,48,.88),rgba(42,19,48,.45) 55%,transparent);color:#e8e6de;font-size:19px;line-height:1.15;letter-spacing:.06em;text-transform:uppercase}
html[lang=ar] .circular-carousel__label{font-size:20px;letter-spacing:0;text-transform:none;font-weight:500}
@media (max-width:699px){.circular-carousel__label{font-size:14px;padding-bottom:11px}html[lang=ar] .circular-carousel__label{font-size:15px}}

/* Home Menus (Chadi 17 Oct): without JavaScript the cards show, with it the ring */
.h3-ring,.h3-ring-foot{display:none}
.h3-menus.ring-on .h3-row4{display:none}
.h3-menus.ring-on .h3-ring{display:block;height:460px;margin-top:-30px}
.h3-menus.ring-on .h3-ring-foot{display:block;text-align:center}
.h3-ring-cap{min-height:128px}
.h3-ring-no{display:inline-block;font-size:12px;letter-spacing:.2em;color:var(--accent);font-weight:500}
.h3-ring-cap b{display:block;font-weight:300;font-size:clamp(30px,3.2vw,42px);line-height:1.1;letter-spacing:.04em;margin-top:6px;animation:h3ring .5s cubic-bezier(.22,1,.36,1)}
html[lang="ar"] .h3-ring-cap b{font-weight:500;letter-spacing:0;line-height:1.35}
.h3-ring-cap p{max-width:44ch;margin:6px auto 0;font-size:17px;opacity:.85;animation:h3ring .6s cubic-bezier(.22,1,.36,1)}
@keyframes h3ring{from{opacity:0;transform:translateY(8px)}}
.h3-ring-nav{display:flex;justify-content:center;gap:12px;margin-top:14px}
.h3-ring-nav button{width:46px;height:46px;border-radius:50%;border:1px solid color-mix(in srgb,var(--ink) 22%,transparent);background:none;color:var(--ink);font-size:20px;line-height:1;display:grid;place-items:center;cursor:pointer;transition:background .25s,color .25s}
.h3-ring-nav button:hover{background:var(--ink);color:var(--cream)}
.h3-ring-cta{margin-top:24px;display:flex;justify-content:center}
@media (max-width:699px){
  .h3-menus.ring-on .h3-ring{height:360px;-webkit-mask:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);mask:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}
  .h3-ring-cap{min-height:118px}.h3-ring-cap p{font-size:16px}
}
@media (prefers-reduced-motion:reduce){.h3-ring-cap b,.h3-ring-cap p{animation:none}}