.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 #E2EAD5;
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: #3F6B17;
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: #000000;
color: #FFFFFF;
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;
}
}