/* Scoped photo menu styling preserves the Cube Portfolio gallery layout. */
.drink-menu-page { background: #f7f5f0; color: #292724; }
.drink-menu-page .page-head { background: #eee9df; padding: 28px 0; border-bottom: 1px solid #dfd8ca; }
.drink-menu-page .page-title { float: none !important; padding: 0 !important; }
.drink-menu-page .page-title h1 { float: none; margin: 0 0 8px; color: #292724; font: 400 36px/1.12 Georgia, serif; letter-spacing: -.6px; }
.drink-menu-page .drink-intro { margin: 0; color: #625d56; font-size: 15px; line-height: 1.6; }
.drink-menu-page .page-content { background: transparent; background-image: none; padding: 12px 0 64px; }
.drink-menu-page .portlet.light { padding: 28px 32px; border: 1px solid #e3ddd4; border-radius: 12px !important; background: #fff; box-shadow: 0 6px 24px rgba(48,36,22,.04); }
.drink-menu-page .portlet > .portlet-title { margin-bottom: 22px; padding-bottom: 20px; border-color: #eee7e1; }
.drink-menu-page .portlet > .portlet-title > .caption { float: none; padding: 0; }
.drink-menu-page h2 { margin: 0 0 8px; color: #372426; font: 400 28px/1.25 Georgia, serif; }
.drink-menu-page .drink-gallery-intro { margin: 0; color: #70645e; font-size: 14px; line-height: 1.7; }
.drink-menu-page #js-filters-full-width { margin-bottom: 28px; text-align: left; }
.drink-menu-page #js-filters-full-width .cbp-filter-item { margin: 0 8px 10px 0; padding: 0; border: 0; background: transparent; }
.drink-menu-page .drink-category { padding: 10px 16px; border: 1px solid #dfd8ca; border-radius: 6px !important; background: #faf7f3; color: #652e28; font: 600 14px/1.5 'Open Sans', Arial, sans-serif; cursor: pointer; text-align: left; }
.drink-menu-page .drink-category:hover,.drink-menu-page .cbp-filter-item-active .drink-category { border-color: #813c33; background: #813c33; color: #fff; }
.drink-menu-page .drink-category:focus-visible,.drink-menu-page a:focus-visible { outline: 3px solid #a17741; outline-offset: 4px; }
.drink-menu-page .cbp-caption { overflow: hidden; border-radius: 8px !important; background: #f7f5f0; }
.drink-menu-page .cbp-l-grid-projects-title { color: #372426; font-family: Georgia, serif; font-size: 18px; line-height: 1.4; white-space: normal; text-transform: none !important; }
.drink-menu-page .cbp-l-grid-projects-desc { color: #70645e; white-space: normal; }
.drink-menu-page .disclaimer { margin: 28px 0 0; color: #70645e; font-size: 12px; line-height: 1.7; text-align: center; }
.drink-menu-page .drink-menu-links { display: flex; flex-wrap: wrap; justify-content: center; gap: 16px 28px; margin-top: 24px; padding-top: 24px; border-top: 1px solid #eee7e1; }
.drink-menu-page .drink-menu-links a { color: #813c33; font-size: 14px; font-weight: 600; }
@media (max-width: 600px) {
    .drink-menu-page .page-head { padding: 20px 0; }
    .drink-menu-page .page-title h1 { font-size: 30px; }
    .drink-menu-page .page-content { padding: 22px 0 40px; }
    .drink-menu-page .portlet.light { padding: 22px 18px; }
    .drink-menu-page h2 { font-size: 25px; }
}
/* Keep categories within reach through long mobile photo galleries. */
.drink-menu-page .drink-category-hint { display: none; }
.drink-menu-page .drink-category[aria-pressed="true"] { border-color: #813c33; background: #813c33; color: #fff; }
@media (max-width: 767px) {
    .drink-menu-page #js-filters-full-width {
        position: sticky;
        top: 0;
        z-index: 100;
        display: flex;
        align-items: center;
        gap: 8px;
        overflow-x: auto;
        padding: 12px 4px;
        margin-bottom: 20px;
        background: #fff;
        border-bottom: 1px solid #e3ddd4;
        box-shadow: 0 5px 10px rgba(48,36,22,.06);
        scrollbar-width: thin;
    }
    .drink-menu-page .drink-category-hint { display: block; flex: 0 0 auto; max-width: 85px; color: #70645e; font-size: 11px; line-height: 1.5; white-space: normal; }
    .drink-menu-page .drink-category-hint span { display: block; }
    .drink-menu-page #js-filters-full-width .cbp-filter-item { flex: 0 0 auto; margin: 0; }
    .drink-menu-page .drink-category { min-height: 44px; white-space: nowrap; }
    .drink-menu-page .drink-category-separator { display: none; }
}
/* A labeled native picker makes all categories discoverable on mobile. */
.drink-menu-page .drink-mobile-categories { display: none; }
@media (max-width: 767px) {
    .drink-menu-page #js-filters-full-width { display: none; }
    .drink-menu-page .drink-mobile-categories {
        display: flex;
        align-items: center;
        gap: 12px;
        position: sticky;
        top: 0;
        z-index: 100;
        padding: 12px 0;
        margin-bottom: 20px;
        background: #fff;
        border-bottom: 1px solid #e3ddd4;
        box-shadow: 0 5px 10px rgba(48,36,22,.04);
    }
    .drink-menu-page .drink-mobile-categories label { flex: 0 0 auto; margin: 0; color: #625d56; font-size: 13px; font-weight: 600; }
    .drink-menu-page .drink-mobile-categories select {
        flex: 1 1 auto;
        min-width: 0;
        width: 100%;
        min-height: 46px;
        padding: 10px 8px;
        border: 1px solid #dfd8ca;
        border-radius: 6px !important;
        background: #faf7f3;
        color: #652e28;
        font-size: 16px;
        line-height: 1.5;
    }
    .drink-menu-page .drink-mobile-categories select:focus-visible { outline: 3px solid #a17741; outline-offset: 3px; }
}
/* Compact mobile spacing between the page heading, gallery and category picker. */
@media (max-width: 767px) {
    .drink-menu-page .page-head { padding: 18px 0 16px; }
    .drink-menu-page .page-content { padding-top: 10px; }
    .drink-menu-page .portlet.light { padding: 20px 18px; }
    .drink-menu-page .portlet > .portlet-title { min-height: 0; margin-bottom: 10px; padding-bottom: 12px; }
    .drink-menu-page .drink-mobile-categories { padding: 8px 0; margin-bottom: 14px; }
    .drink-menu-page .portlet-body { padding-top: 0; }
}
.drink-menu-page .drink-menu-status { color: #70645e; font-size: 14px; line-height: 1.7; }
.drink-menu-page .drink-menu-status:has(> p),.drink-menu-page .drink-menu-status:has(> div) { padding: 20px 0; }
.location-dinner-page .page-breadcrumb { display: flex; flex-wrap: wrap; gap: 8px 12px; margin: 0 0 18px; padding: 0; background: transparent; font-size: 13px; line-height: 1.7; }
.location-dinner-page .page-breadcrumb a { color: #813c33; }
.location-dinner-page .page-breadcrumb .fa { display: none; }
.location-dinner-page .page-breadcrumb > li + li::before { content: none; }
/* Allow the Chinatown category picker to remain sticky inside its menu tab. */
.location-dimsum-page .tabbable-custom,.location-dimsum-page .tab-content { overflow: visible; }
.location-dimsum-page .tabbable-custom > .tab-content { padding: 16px 0 0; border: 0; }

/* Natural card text; CSS grid aligns rows without reserving blank title lines. */
.drink-menu-page #js-grid-juicy-projects {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 22px 30px;
    height: auto !important;
}
.drink-menu-page #js-grid-juicy-projects::before { display: none; }
.drink-menu-page #js-grid-juicy-projects > .cbp-item {
    position: relative;
    top: auto;
    left: auto;
    width: auto !important;
    min-width: 0;
    margin: 0;
    visibility: visible;
}
.drink-menu-page #js-grid-juicy-projects .cbp-caption { position: relative; }
.drink-menu-page #js-grid-juicy-projects .cbp-caption-defaultWrap img { aspect-ratio: 4 / 3; object-fit: cover; }
.drink-menu-page #js-grid-juicy-projects .cbp-l-grid-projects-title { display: block; height: auto; margin-top: 10px; overflow: visible; }
.drink-menu-page #js-grid-juicy-projects .cbp-l-grid-projects-desc { height: auto; margin-top: 4px; font-size: 14px; line-height: 1.6; overflow: visible; }
.drink-menu-page #js-grid-juicy-projects .cbp-caption-activeWrap { position: absolute; inset: auto 0 0; height: auto; padding: 10px; background: rgba(55,36,38,.88); transform: translateY(calc(100% + 2px)); visibility: hidden; transition: transform .2s, visibility .2s; }
.drink-menu-page #js-grid-juicy-projects .cbp-caption:hover .cbp-caption-activeWrap { transform: translateY(0); visibility: visible; }
@media (max-width: 991px) { .drink-menu-page #js-grid-juicy-projects { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px; } }
@media (max-width: 479px) { .drink-menu-page #js-grid-juicy-projects { grid-template-columns: minmax(0, 1fr); } }
/* Separate the picture disclaimer from the final row of item names. */
.drink-menu-page #js-grid-juicy-projects + .disclaimer { margin-top: 32px; padding-top: 0; }
