.dg-sticky-atc {
    display: none;
}

@media (max-width: 767px) {
    .dg-sticky-atc {
        display: flex;
        align-items: center;
        gap: 10px;
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 9990;
        padding: 10px 12px calc(10px + env(safe-area-inset-bottom));
        background: #FFFFFF;
        border-top: 1px solid #DCEFD0;
        box-shadow: 0 -6px 18px rgba(31, 61, 20, 0.12);
        transform: translateY(110%);
        visibility: hidden;
        transition: transform 0.25s ease, visibility 0s linear 0.25s;
    }
    .dg-sticky-atc.is-visible {
        transform: translateY(0);
        visibility: visible;
        transition: transform 0.25s ease;
    }
    .dg-sticky-atc__img {
        flex: 0 0 44px;
        width: 44px;
        height: 44px;
        object-fit: contain;
        border-radius: 6px;
    }
    .dg-sticky-atc__info {
        flex: 1 1 auto;
        min-width: 0;
        display: flex;
        flex-direction: column;
        line-height: 1.2;
    }
    .dg-sticky-atc__name {
        overflow: hidden;
        color: #000000;
        font-size: 14px;
        font-weight: 600;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
    .dg-sticky-atc__price {
        color: #1F3D14;
        font-size: 16px;
        font-weight: 700;
    }
    .dg-sticky-atc__price del {
        color: #7A8572;
        font-size: 12px;
        font-weight: 500;
    }
    .dg-sticky-atc__btn {
        flex: 0 0 auto;
        min-height: 48px;
        padding: 0 18px;
        border: 0;
        border-radius: 10px;
        background: #A9DC87;
        color: #14210F;
        font-family: Montserrat, sans-serif;
        font-size: 15px;
        font-weight: 700;
        letter-spacing: 0.04em;
        text-transform: uppercase;
        cursor: pointer;
    }
    body.dg-sticky-atc-on {
        padding-bottom: 72px;
    }
}