/* logo */
.brand-logo {
    height: clamp(19px, 5vw, 26px);
    width: auto;
}

/* MYIS-52 手機頁首下拉（購物袋／通知）：結帳鈕無法點選
 * 原樣式 card-body 固定 height: calc(100vh - 200px)，按鈕被推到畫面最底。
 * iOS Safari 的 100vh 是「工具列收合」時的高度，工具列展開後按鈕被遮住；
 * 收合時按鈕又落在 Safari 底部手勢區，點擊只會叫出工具列。
 * 改為依內容高度、以可視高度 (dvh) 為上限，按鈕緊接在清單下方。 */
@media only screen and (max-width: 767px) {
    .page-header .notifications .dropdown-menu .card .card-body.tab-content {
        height: auto;
        min-height: 120px;
        max-height: calc(100vh - 260px);  /* 不支援 dvh 的瀏覽器 */
        max-height: calc(100dvh - 260px);
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
    }
}