.l24-mobile-atc {
--l24-mobile-atc-text: #121212;
--l24-mobile-atc-muted: #6a6a6a;
--l24-mobile-atc-border: #ececec;
--l24-mobile-atc-accent: #fb6307;
position: fixed;
right: 0;
bottom: 0;
left: 0;
z-index: 2147483000;
display: none;
padding: 9px 14px calc(9px + env(safe-area-inset-bottom, 0px));
border-top: 1px solid var(--l24-mobile-atc-border);
background: rgba(255, 255, 255, 0.97);
color: var(--l24-mobile-atc-text);
font-family: "Inter", Arial, sans-serif;
box-shadow: 0 -8px 24px rgba(18, 18, 18, 0.08);
opacity: 0;
pointer-events: none;
transform: translate3d(0, 110%, 0);
transition: transform 220ms ease, opacity 220ms ease;
-webkit-backdrop-filter: blur(14px);
backdrop-filter: blur(14px);
}
.l24-mobile-atc.is-ready {
display: block;
}
.l24-mobile-atc.is-visible {
opacity: 1;
pointer-events: auto;
transform: translate3d(0, 0, 0);
}
.l24-mobile-atc__inner {
width: 100%;
max-width: 560px;
margin: 0 auto;
}
.l24-mobile-atc__main {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(136px, 42%);
gap: 10px;
align-items: start;
}
.l24-mobile-atc__meta {
display: grid;
align-content: start;
gap: 1px;
min-width: 0;
padding-top: 1px;
}
.l24-mobile-atc__price {
min-width: 0;
color: #121212;
font-size: 18px;
font-weight: 800;
line-height: 1.05;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.l24-mobile-atc__price .amount,
.l24-mobile-atc__price .woocommerce-Price-amount,
.l24-mobile-atc__price .woocommerce-Price-currencySymbol {
color: inherit;
font-family: "Inter", Arial, sans-serif;
font-size: inherit;
font-weight: inherit;
letter-spacing: 0;
}
.l24-mobile-atc__price del {
display: none !important;
}
.l24-mobile-atc__price ins {
color: #121212;
text-decoration: none;
}
.l24-mobile-atc__price .screen-reader-text {
display: none !important;
}
.l24-mobile-atc__note {
margin: 0;
color: var(--l24-mobile-atc-muted);
font-size: 11px;
font-weight: 600;
line-height: 1.15;
}
.l24-mobile-atc__button {
display: inline-flex;
align-items: center;
justify-content: center;
width: 100%;
min-height: 44px;
margin: 0;
padding: 0 14px;
border: 1px solid #121212;
border-radius: 10px;
background: #121212;
color: #ffffff;
font-family: "Inter", Arial, sans-serif;
font-size: 13px;
font-weight: 800;
line-height: 1;
letter-spacing: 0;
text-align: center;
text-decoration: none;
box-shadow: none;
cursor: pointer;
appearance: none;
-webkit-appearance: none;
transition: background-color 160ms ease, border-color 160ms ease, transform 120ms ease;
}
.l24-mobile-atc__button::before,
.l24-mobile-atc__button::after {
display: none !important;
content: none !important;
}
.l24-mobile-atc__button:active {
transform: translateY(1px);
}
.l24-mobile-atc__button.is-disabled {
border-color: #cfcfcf;
background: #cfcfcf;
color: rgba(255, 255, 255, 0.86);
pointer-events: none;
}
body.l24-mobile-atc-active {
padding-bottom: calc(78px + env(safe-area-inset-bottom, 0px));
}
@media (min-width: 769px) {
.l24-mobile-atc,
.l24-mobile-atc.is-ready,
.l24-mobile-atc.is-visible {
display: none !important;
}
body.l24-mobile-atc-active {
padding-bottom: 0;
}
}
@media (max-width: 390px) {
.l24-mobile-atc {
padding-right: 10px;
padding-left: 10px;
}
.l24-mobile-atc__main {
grid-template-columns: minmax(0, 1fr) 132px;
gap: 8px;
}
.l24-mobile-atc__price {
font-size: 16px;
}
.l24-mobile-atc__note {
font-size: 10.5px;
}
.l24-mobile-atc__button {
min-height: 42px;
padding: 0 10px;
font-size: 12px;
}
}