.menuheader {cursor:pointer;display:block;text-decoration:none;}
.menudisplay {display:block;color:#fff;background:#a49472;border-radius:15px;text-align:center;margin-top:0;width:100%}
.revscroll{max-height:calc(100vh - 100px);min-height:0;overflow-y:auto;padding:0;-webkit-overflow-scrolling:touch}
.revscroll-desk{display:block}
.rev-mob{display:none}
.revnarrow{margin:0 auto;max-width:260px;padding:1px 10px 0 2px}
.revlink{background:transparent!important;border:0!important;margin:0!important;padding:0!important;position:relative}
.revlink:after{border-bottom:1px dotted #AB9F81;content:"";display:block;margin:0 30px}
.revlink:has(.rvlink:hover):after,.revlink:has(.rvlink:focus-visible):after{border-bottom-color:#f4f4f4}
.revlink:has(+ .revlink .rvlink:hover):after,.revlink:has(+ .revlink .rvlink:focus-visible):after{border-bottom-color:#f4f4f4}
.revlink:last-child:after{display:none}
.rvlink{background:transparent!important;box-shadow:none!important;color:#2f3b46;display:block;filter:none!important;font-size:12px;line-height:1.45;margin:0!important;outline:none!important;padding:10px 10px;text-decoration:none!important;transition:background-color .15s ease,color .15s ease}
.rvname{color:inherit!important;font-weight:600; font-size: 11px}
.rvlink:hover,.rvlink:focus-visible{background:#ae9f80!important;color:#fff!important}
.rvlink:hover .rvname,.rvlink:focus-visible .rvname{color:#fff!important}
.rvlink:focus-visible{box-shadow:0 0 0 2px rgba(174,159,128,.35)!important}

.revthumbwrap{padding:12px 23px 8px 23px}
.revthumbs{display:grid;gap:10px;grid-template-columns:repeat(3,1fr);margin:0}
.revthumb{aspect-ratio:667/1000;background:linear-gradient(135deg,#e9e6df,#d9d2c3);border-radius:5px;display:block;outline:1px solid rgba(171,159,129,.55);outline-offset:-1px;transition:transform .15s ease,box-shadow .15s ease,filter .15s ease,outline-color .15s ease}
.revthumb:hover,.revthumb:focus-visible{box-shadow:0 8px 18px rgba(0,0,0,.12);filter:brightness(1.03);outline:2px solid rgba(174,159,128,.75);outline-offset:-2px;transform:translateY(-2px)}
.revknot{align-items:center;color:#7d735d;display:flex;font-size:9px;justify-content:center;margin:20px 0}
.revknot-star{font-size:13px;line-height:1;position:relative;top:-1px}

/* DESKTOP (901+) – unchanged */
@media (min-width:901px){.revscroll-desk{display:block}.rev-mob{display:none}}

/* TABLET (701–900) – slide-out panel */
@media (min-width:701px) and (max-width:900px){
.revscroll-desk{display:none!important}
.rev-mob{display:block}
.rev-tab-btn{position:fixed;left:16px;top:50%;transform:translateY(calc(-50% - 70px)) rotate(90deg);transform-origin:left center;background:#988a67;color:#fff;border:0;border-radius:8px 8px 0 0;padding:8px 16px;font-size:16px;line-height:1;white-space:nowrap;z-index:3002;box-shadow:1px 0 3px rgba(0,0,0,.12);font-family:"Petrona",serif;font-weight:200;font-style:italic}
.rev-tab-btn span,.rev-tab-btn br{font-family:"Petrona",serif;font-weight:200;font-style:italic}
.rev-tab-btn:focus-visible{box-shadow:0 0 0 2px rgba(174,159,128,.35)!important;outline:none!important}
.rev-backdrop{background:rgba(0,0,0,.25);bottom:0;left:0;position:fixed;right:0;top:0;z-index:3000}
.rev-drawer{background:#fff;border-right:1px dotted #AB9F81;bottom:0;left:0;max-width:420px;position:fixed;top:0;transform:translateX(-102%);transition:transform .2s ease;width:360px;z-index:3001}
.rev-mob.rev-open .rev-drawer{transform:translateX(0)}
.rev-drawer-inner{height:100%;overflow:auto;padding:12px 10px}
.revnarrow{max-width:320px;padding:12px 22px 0 22px}
.revthumbs{gap:10px;grid-template-columns:repeat(3,1fr)}
.revthumbwrap{padding:12px 10px 10px 10px}
.revlink:after{margin:0 auto;width:calc(100% - 64px)}
.rvlink{padding:10px 18px;text-align:center}
}

/* MOBILE (≤700) – bottom dock */
@media (max-width:700px){
.revscroll-desk{display:none!important}
.rev-mob{display:block}
.rev-dock{background:#f4f4f4;border-top:1px solid rgba(171,159,129,.45);bottom:-6px;left:0;padding-bottom:0;padding-bottom:env(safe-area-inset-bottom);position:fixed;right:0;height:52px;z-index:3000}
.rev-dock .rev-btn{background:#988a67;border:1px solid #AB9F81;border-radius:999px;color:#fff;font-weight:600;bottom:auto;left:20px;position:absolute;top:0;transform:translateY(calc(-50% + 0px));z-index:3001;padding:6px 12px 7px 12px;font-size:12px;line-height:1}
.rev-drawer{background:#fff;border-top:1px dotted #AB9F81;bottom:0;left:0;position:fixed;right:0;z-index:2999}
.rev-drawer-inner{max-height:70vh;overflow:auto;padding:12px 10px}
.revnarrow{max-width:520px;padding:12px 18px 0 18px}
.revthumbs{gap:12px;grid-template-columns:repeat(5,1fr)}
.revthumbwrap{padding:12px 10px 10px 10px}
.revlink:after{margin:0 auto;width:calc(100% - 72px)}
.rvlink{padding:10px 18px;text-align:center}
}