.dc-ql { display: none; }

@media (max-width: 1024px) {
    .dc-ql {
        display: block;
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 9998;
        background: rgba(255,255,255,0.92);
        backdrop-filter: blur(20px);
        -webkit-backdrop-filter: blur(20px);
        box-shadow: 0 -2px 20px rgba(0,0,0,0.08);
        border-top: 1px solid rgba(0,0,0,0.06);
        padding: 8px 0;
        padding-bottom: calc(8px + env(safe-area-inset-bottom, 0px));
    }
    .dc-ql .dc-ql__list {
        display: flex;
        justify-content: space-around;
        align-items: center;
        max-width: 500px;
        margin: 0 auto;
    }
    .dc-ql .dc-ql__item {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 3px;
        text-decoration: none;
        padding: 6px 8px;
        border-radius: 8px;
        transition: all 0.2s ease;
        flex: 1;
    }
    .dc-ql .dc-ql__item:active { background: rgba(167,130,120,0.1); }
    .dc-ql .dc-ql__icon {
        display: flex;
        align-items: center;
        justify-content: center;
        color: #A78278;
        transition: color 0.2s ease;
    }
    .dc-ql .dc-ql__icon svg { width: 20px; height: 20px; }
    .dc-ql .dc-ql__label {
        font-family: 'Trajan Pro', 'Cinzel', serif;
        font-size: 9px;
        font-weight: 400;
        letter-spacing: 1px;
        color: #505059;
        text-transform: uppercase;
    }
}