.alogiare-account-sheet-list{
    display:grid;
    gap:10px;
    padding:4px 0 2px;
}

.alogiare-account-sheet-list a{
    display:grid;
    grid-template-columns:46px 1fr;
    align-items:center;
    gap:12px;
    padding:13px;
    border-radius:18px;
    background:#f8fafc;
    border:1px solid #e5e7eb;
    text-decoration:none;
    color:#0f172a;
}

.alogiare-account-sheet-list a i{
    width:46px;
    height:46px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:15px;
    background:#fff7ed;
    color:#f97316;
    font-size:21px;
}

.alogiare-account-sheet-list a span{
    display:block;
    font-size:15px;
    font-weight:900;
}

.alogiare-account-sheet-list a small{
    display:block;
    margin-top:3px;
    font-size:12px;
    line-height:1.35;
    color:#64748b;
    font-weight:700;
}
	


.alogiare-bottom-category-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
    padding:4px 0 2px;
}
.alogiare-bottom-category-grid a{
    min-height:70px;
    display:flex;
    align-items:center;
    gap:10px;
    padding:12px;
    border-radius:18px;
    background:#f8fafc;
    border:1px solid #e5e7eb;
    color:#0f172a;
    text-decoration:none;
    font-size:13px;
    font-weight:900;
    line-height:1.28;
}
.alogiare-bottom-category-grid a i{
    flex:0 0 40px;
    width:40px;
    height:40px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:14px;
    background:#fff7ed;
    color:#DA251D;
    font-size:18px;
}
.alogiare-bottom-category-grid a span{
    min-width:0;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
}


/* PATCH ALO_107: mobile category accordion theo taxonomy */
.alogiare-bottom-sheet[data-alogiare-sheet-panel="category"] .alogiare-bottom-sheet__box{
    max-height:88dvh!important;
    overflow-y:auto!important;
}
.alogiare-bottom-category-pro{
    display:block;
    padding:2px 0 4px;
}
.alogiare-bottom-category-all{
    min-height:62px;
    display:grid;
    grid-template-columns:44px minmax(0,1fr);
    align-items:center;
    gap:12px;
    padding:10px 12px;
    border-radius:18px;
    background:linear-gradient(135deg,color-mix(in srgb,var(--alo-ui-primary-color,#DA251D) 9%,white),#fff);
    border:1px solid color-mix(in srgb,var(--alo-ui-primary-color,#DA251D) 16%,transparent);
    color:#0f172a;
    text-decoration:none;
    font-weight:950;
    margin-bottom:10px;
}
.alogiare-bottom-category-all i{
    grid-row:1 / span 2;
    width:44px;
    height:44px;
    border-radius:15px;
    background:var(--alo-ui-cta-button-bg,#ffc107);
    color:var(--alo-ui-cta-button-text-color,#111827);
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:19px;
}
.alogiare-bottom-category-all span{
    display:block;
    color:#0f172a;
    font-size:15px;
    line-height:1.15;
}
.alogiare-bottom-category-all small{
    display:block;
    color:#64748b;
    font-size:12px;
    line-height:1.25;
    font-weight:700;
    margin-top:-10px;
}
.alogiare-bottom-category-search{
    height:44px;
    border-radius:15px;
    border:1px solid var(--alo-ui-divider-color,#e5e7eb);
    background:#f8fafc;
    display:flex;
    align-items:center;
    gap:9px;
    padding:0 12px;
    margin-bottom:10px;
}
.alogiare-bottom-category-search i{
    color:var(--alo-ui-primary-color,#DA251D);
    font-size:17px;
}
.alogiare-bottom-category-search input{
    flex:1;
    min-width:0;
    border:0;
    outline:0;
    background:transparent;
    height:42px;
    color:#0f172a;
    font-size:14px;
    font-weight:700;
}
.alogiare-bottom-taxonomy-list{
    display:grid;
    gap:9px;
    padding-bottom:8px;
}
.alogiare-bottom-taxonomy{
    border:1px solid var(--alo-ui-divider-color,#e5e7eb);
    border-radius:18px;
    background:#fff;
    overflow:hidden;
    box-shadow:0 6px 18px rgba(15,23,42,.04);
}
.alogiare-bottom-taxonomy[open]{
    border-color:color-mix(in srgb,var(--alo-ui-primary-color,#DA251D) 20%,transparent);
}
.alogiare-bottom-taxonomy summary{
    min-height:58px;
    list-style:none;
    display:grid;
    grid-template-columns:42px minmax(0,1fr) 18px;
    align-items:center;
    gap:10px;
    padding:8px 11px;
    cursor:pointer;
    color:#0f172a;
}
.alogiare-bottom-taxonomy summary::-webkit-details-marker{display:none;}
.alogiare-bottom-taxonomy__icon{
    width:42px;
    height:42px;
    border-radius:14px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:color-mix(in srgb,var(--alo-ui-primary-color,#DA251D) 9%,white);
    color:var(--alo-ui-primary-color,#DA251D);
    border:1px solid color-mix(in srgb,var(--alo-ui-primary-color,#DA251D) 14%,transparent);
}
.alogiare-bottom-taxonomy__icon i{color:inherit!important;font-size:18px;}
.alogiare-bottom-taxonomy__text{min-width:0;}
.alogiare-bottom-taxonomy__text strong{
    display:block;
    color:#0f172a;
    font-size:13.5px;
    line-height:1.2;
    font-weight:950;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
.alogiare-bottom-taxonomy__text small{
    display:block;
    margin-top:3px;
    color:#64748b;
    font-size:11px;
    font-weight:800;
}
.alogiare-bottom-taxonomy summary > i{
    color:#94a3b8;
    transition:transform .18s ease;
}
.alogiare-bottom-taxonomy[open] summary > i{
    transform:rotate(180deg);
    color:var(--alo-ui-primary-color,#DA251D);
}
.alogiare-bottom-taxonomy-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px;
    padding:0 10px 11px;
}
.alogiare-bottom-taxonomy-grid a{
    min-height:54px;
    display:grid;
    grid-template-columns:34px minmax(0,1fr);
    align-items:center;
    gap:8px;
    padding:8px;
    border-radius:14px;
    background:#f8fafc;
    border:1px solid #edf2f7;
    color:#0f172a;
    text-decoration:none;
    font-size:12.5px;
    font-weight:900;
    line-height:1.18;
}
.alogiare-bottom-taxonomy-grid a i{
    width:34px;
    height:34px;
    border-radius:12px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#fff;
    color:var(--alo-ui-primary-color,#DA251D);
    border:1px solid color-mix(in srgb,var(--alo-ui-primary-color,#DA251D) 12%,transparent);
    font-size:15px;
}
.alogiare-bottom-taxonomy-grid a span{
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
}
.alogiare-bottom-taxonomy.is-hidden,
.alogiare-bottom-taxonomy-grid a.is-hidden{
    display:none!important;
}
.alogiare-bottom-category-empty{
    display:none;
    padding:16px;
    margin-top:10px;
    border-radius:16px;
    background:#f8fafc;
    color:#64748b;
    text-align:center;
    font-size:13px;
    font-weight:800;
}
.alogiare-bottom-category-empty.is-show{
    display:block;
}

/* Popup Liên hệ Shop / Listing: 1 icon + 1 tên hành động + mũi tên.
   Không show số điện thoại/email để tránh lặp và giữ UI sạch. */
.alogiare-owner-contact-list{
    display:grid!important;
    gap:10px!important;
}
.alogiare-owner-contact-list a{
    display:grid!important;
    grid-template-columns:48px minmax(0,1fr)!important;
    align-items:center!important;
    column-gap:12px!important;
    min-height:66px!important;
    padding:10px 14px!important;
    border-radius:18px!important;
    text-align:left!important;
}
.alogiare-owner-contact-list .alogiare-contact-brand-icon{
    grid-column:1!important;
    width:44px!important;
    height:44px!important;
    min-width:44px!important;
    max-width:44px!important;
    min-height:44px!important;
    max-height:44px!important;
    display:block!important;
    object-fit:contain!important;
    object-position:center!important;
    align-self:center!important;
    justify-self:center!important;
    padding:0!important;
    margin:0!important;
    border:0!important;
    border-radius:50%!important;
    background:transparent!important;
    box-shadow:none!important;
}
.alogiare-owner-contact-list a > strong{
    grid-column:2!important;
    min-width:0!important;
    margin:0!important;
    color:#0f172a!important;
    font-size:15px!important;
    font-weight:900!important;
    line-height:1.3!important;
    text-align:left!important;
    white-space:normal!important;
    overflow-wrap:normal!important;
}
.alogiare-owner-contact-list .alogiare-contact-row-arrow{
    display:none!important;
}
.alogiare-owner-contact-list a:hover .alogiare-contact-brand-icon,
.alogiare-owner-contact-list a:active .alogiare-contact-brand-icon{
    transform:scale(1.03)!important;
}
@media(max-width:380px){
    .alogiare-owner-contact-list a{
        grid-template-columns:44px minmax(0,1fr)!important;
        column-gap:10px!important;
        min-height:62px!important;
        padding:9px 12px!important;
    }
    .alogiare-owner-contact-list .alogiare-contact-brand-icon{
        width:42px!important;
        height:42px!important;
        min-width:42px!important;
        max-width:42px!important;
        min-height:42px!important;
        max-height:42px!important;
    }
    .alogiare-owner-contact-list a > strong{
        font-size:14px!important;
    }
}

.alogiare-support-contact-list a.is-phone i{background:#16a34a;color:#fff;}
.alogiare-support-contact-list a.is-sms i{background:#f97316;color:#fff;}
.alogiare-support-contact-list a.is-zalo i{background:#0068ff;color:#fff;font-style:normal;font-size:11px;font-weight:900;}
.alogiare-support-contact-list a.is-messenger i{background:#0084ff;color:#fff;}
.alogiare-support-contact-list a.is-facebook i{background:#1877f2;color:#fff;}
.alogiare-support-contact-list a.is-whatsapp i{background:#25d366;color:#fff;}
.alogiare-support-contact-list a.is-telegram i{background:#229ed9;color:#fff;}
.alogiare-support-contact-list a.is-tiktok i{background:#111827;color:#fff;}
.alogiare-support-contact-list a.is-viber i{background:#7360f2;color:#fff;}
.alogiare-support-contact-list a.is-youtube i{background:#DA251D;color:#fff;}
.alogiare-support-contact-list a.is-website i{background:#0f172a;color:#fff;}
.alogiare-support-contact-list a.is-contact i{background:#64748b;color:#fff;}
.alogiare-support-contact-list a.is-disabled{opacity:.58;filter:grayscale(.15);}
.alogiare-bottom-sheet.is-open{touch-action:none;}
.alogiare-bottom-sheet__box{touch-action:pan-y;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;}
.alogiare-bottom-contact-list{overscroll-behavior:contain;}
html.alogiare-sheet-open-html{overscroll-behavior:none!important;}
body.alogiare-sheet-open{overflow:hidden!important;position:fixed!important;left:0!important;right:0!important;width:100%!important;max-width:100%!important;touch-action:none!important;}

/* V9: sheet overlay không thay đổi layout/body; tránh giật trang trên iOS Safari. */
html.alogiare-sheet-open-html,
body.alogiare-sheet-open{
    position:static!important;
    top:auto!important;
    left:auto!important;
    right:auto!important;
    width:auto!important;
    max-width:none!important;
    overflow:visible!important;
    touch-action:auto!important;
}

/* PATCH V9: menu đáy mobile + bottom sheet ăn theo màu quản lý giao diện */
@media (max-width: 991.98px) {
    html body .alogiare-mobile-bottom-nav {
        background: color-mix(in srgb, var(--alo-ui-mobile-bar-bg, #ffffff) 96%, transparent) !important;
        border-color: color-mix(in srgb, var(--alo-ui-mobile-bar-active-color, var(--alo-ui-primary-color, #0f766e)) 18%, transparent) !important;
        box-shadow: 0 -10px 30px color-mix(in srgb, var(--alo-ui-shadow-color, #0f172a) 16%, transparent) !important;
        backdrop-filter: blur(16px) !important;
    }
    html body .alogiare-mobile-bottom-nav a,
    html body .alogiare-mobile-bottom-nav button {
        color: var(--alo-ui-mobile-bar-text-color, #334155) !important;
    }
    html body .alogiare-mobile-bottom-nav a i,
    html body .alogiare-mobile-bottom-nav button i {
        color: var(--alo-ui-mobile-bar-active-color, var(--alo-ui-primary-color, #0f766e)) !important;
    }
    html body .alogiare-mobile-bottom-nav .is-active span,
    html body .alogiare-mobile-bottom-nav .is-active i,
    html body .alogiare-mobile-bottom-nav a:hover span,
    html body .alogiare-mobile-bottom-nav a:hover i,
    html body .alogiare-mobile-bottom-nav button:hover span,
    html body .alogiare-mobile-bottom-nav button:hover i {
        color: var(--alo-ui-mobile-bar-active-color, var(--alo-ui-primary-color, #0f766e)) !important;
    }
    html body .alogiare-mobile-bottom-nav .alogiare-bottom-post i,
    html body .alogiare-mobile-bottom-nav--detail-v2 .alogiare-bottom-call i,
    html body .alogiare-mobile-bottom-nav--detail .alogiare-detail-call i {
        background: var(--alogiare-mobile-action-bg, var(--alo-ui-cta-button-bg, #ffc107)) !important;
        color: var(--alogiare-mobile-action-text, var(--alo-ui-cta-button-text-color, #ffffff)) !important;
        box-shadow: 0 8px 22px color-mix(in srgb, var(--alogiare-mobile-action-bg, var(--alo-ui-cta-button-bg, #ffc107)) 32%, transparent) !important;
    }
    html body .alogiare-mobile-bottom-nav .alogiare-bottom-post span,
    html body .alogiare-mobile-bottom-nav--detail-v2 .alogiare-bottom-call span {
        color: var(--alo-ui-text-color, #0f172a) !important;
    }

    html body .alogiare-bottom-sheet__overlay {
        background: color-mix(in srgb, var(--alo-ui-shadow-color, #0f172a) 46%, transparent) !important;
    }
    html body .alogiare-bottom-sheet__box {
        background: var(--alo-ui-surface-bg, #ffffff) !important;
        border: 1px solid var(--alo-ui-divider-color, #e5e7eb) !important;
        box-shadow: 0 -16px 42px color-mix(in srgb, var(--alo-ui-shadow-color, #0f172a) 18%, transparent) !important;
    }
    html body .alogiare-bottom-sheet__head {
        border-bottom: 1px solid var(--alo-ui-divider-color, #e5e7eb) !important;
        padding-bottom: 10px !important;
    }
    html body .alogiare-bottom-sheet__head strong {
        color: var(--alo-ui-heading-color, #0f172a) !important;
    }
    html body .alogiare-bottom-sheet__head button {
        background: var(--alo-ui-global-icon-bg, #f1f5f9) !important;
        color: var(--alo-ui-global-icon-color, #0f766e) !important;
    }
    html body .alogiare-bottom-category-grid a,
    html body .alogiare-bottom-contact-list a,
    html body .alogiare-account-sheet-list a {
        background: var(--alo-ui-global-icon-bg, #f8fafc) !important;
        border-color: var(--alo-ui-divider-color, #e5e7eb) !important;
        color: var(--alo-ui-text-color, #0f172a) !important;
    }
    html body .alogiare-bottom-category-grid a i,
    html body .alogiare-account-sheet-list a i {
        background: color-mix(in srgb, var(--alo-ui-primary-color, #0f766e) 10%, white) !important;
        color: var(--alo-ui-primary-color, #0f766e) !important;
        border: 1px solid color-mix(in srgb, var(--alo-ui-primary-color, #0f766e) 16%, transparent) !important;
    }
    html body .alogiare-bottom-contact-list a:not(.is-phone):not(.is-sms):not(.is-zalo):not(.is-messenger):not(.is-facebook):not(.is-whatsapp):not(.is-telegram):not(.is-tiktok):not(.is-viber):not(.is-youtube):not(.is-website):not(.is-contact) i:not(.alogiare-contact-row-arrow) {
        background: var(--alo-ui-primary-color, #0f766e) !important;
        color: #ffffff !important;
    }
    html body .alogiare-bottom-contact-list a span,
    html body .alogiare-account-sheet-list a small {
        color: var(--alo-ui-muted-text-color, #64748b) !important;
    }
    html body .alogiare-bottom-contact-list a strong,
    html body .alogiare-account-sheet-list a span {
        color: var(--alo-ui-text-color, #0f172a) !important;
    }
    html body .alogiare-owner-contact-list .alogiare-contact-row-arrow {
        display:none !important;
    }
}