/* Menu on a cream panel, plus sets */
#menu{background:var(--panel);--maroon:#9A3636;--btn:#9A3636;--ink:#3A1E1E;--muted:#6B5A55;padding:80px 0}
.tabs{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:26px}
.tabs button{font:700 15px var(--sans);padding:9px 20px;border-radius:99px;border:2px solid var(--maroon);background:none;color:var(--maroon);cursor:pointer;transition:transform .2s var(--ease),background .25s,color .25s}
.tabs button:hover{transform:translateY(-2px)}
.tabs button[aria-selected="true"]{background:var(--btn);border-color:var(--btn);color:#fff}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:18px}
.item{background:var(--card);color:var(--cink);border-radius:20px;padding:16px 16px 18px;border:1.5px solid #E2CFA9;display:flex;flex-direction:column}
.item:hover{box-shadow:0 14px 28px rgba(110,50,40,.18);border-color:#C9A57A}
.pic{height:150px;overflow:hidden;display:grid;place-items:center;margin-bottom:12px}
.pic img{width:100%;height:140px;object-fit:contain;filter:drop-shadow(0 4px 6px rgba(80,30,30,.2));transition:transform .5s var(--ease)}
.pic img.ph{width:140px;border-radius:50%;object-fit:cover;filter:none;border:4px solid #fff;box-shadow:0 4px 12px rgba(80,30,30,.25)}
.item:hover .pic img{transform:translateY(-6px) rotate(-3deg) scale(1.07)}
.item h3{font:700 23px/1.15 var(--serif);margin:0 0 4px}
.item p{margin:0 0 12px;font-size:15px;color:var(--cmut);line-height:1.45}
.pr{margin-top:auto;display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 7px}
.pr b{font:700 28px var(--serif);color:var(--cac)}
.sl{font:400 22px var(--serif);opacity:.65}
.pr .rl{font-size:14.5px;font-weight:700;color:var(--cmut)}
.set .rl{font:700 20px var(--serif)}
.set .sl{margin:0 -2px}
.sets{background:var(--band);color:#F7F1E6;border-radius:28px;padding:32px;margin-top:44px}
.sets h3{font-size:clamp(30px,4vw,40px);margin:0 0 4px;text-shadow:2px 3px 0 rgba(0,0,0,.25)}
.sets>p{margin:0;opacity:.9}
.sg{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px;margin-top:22px}
.set{background:rgba(255,251,242,.1);border:1.5px solid rgba(247,241,230,.35);border-radius:20px;padding:20px}
.set:hover{background:rgba(255,251,242,.18)}
.th{display:flex;gap:8px;margin-bottom:10px}
.th img{width:64px;height:64px;object-fit:contain;background:#F8EEDA;border-radius:50%;padding:6px;transition:transform .4s var(--ease)}
.th img.ph{object-fit:cover;padding:0}
.set:hover .th img{transform:translateY(-4px)}
.set:hover .th img:nth-child(2){transition-delay:.06s}.set:hover .th img:nth-child(3){transition-delay:.12s}
.set h4{font:700 26px var(--serif);margin:0}
.set p{margin:2px 0 10px;font-size:15.5px}
.set b{font:700 32px var(--serif)}
.set small{display:inline-block;margin:6px 0 0 10px;background:#F7F1E6;color:#8B3333;font-weight:700;border-radius:99px;padding:2px 10px}
.dots{display:none}
.dots button{width:20px;height:20px;padding:6px;border:0;border-radius:99px;background:rgba(247,241,230,.4);background-clip:content-box;cursor:pointer;transition:width .25s var(--ease),background-color .25s}
.dots button[aria-current="true"]{width:36px;background-color:#F7F1E6}