.sb-sticky-atc{
position:fixed;
z-index:99960;
left:0;
right:0;
bottom:0;
padding:10px 0 max(10px,env(safe-area-inset-bottom));
border-top:1px solid rgba(35,42,52,.1);
background:rgba(255,255,255,.96);
box-shadow:0 -8px 24px rgba(31,38,47,.08);
backdrop-filter:saturate(135%) blur(14px);
opacity:0;
visibility:hidden;
pointer-events:none;
transform:translateY(105%);
transition:transform .2s ease,opacity .2s ease,visibility .2s;
}
.sb-sticky-atc.is-visible{
opacity:1;
visibility:visible;
pointer-events:auto;
transform:translateY(0);
}
.sb-cart-open .sb-sticky-atc{opacity:0;visibility:hidden;pointer-events:none;transform:translateY(105%)}
.sb-sticky-atc__inner{
display:grid;
grid-template-columns:auto minmax(0,1fr) auto auto auto;
gap:16px;
align-items:center;
}
.sb-sticky-atc__brand{
display:grid;
width:46px;
height:46px;
place-items:center;
overflow:hidden;
border-radius:14px;
background:#fff3ec;
}
.sb-sticky-atc__brand img{display:block;width:40px;height:auto;object-fit:contain}
.sb-sticky-atc__product{display:flex;min-width:0;align-items:center;gap:12px}
.sb-sticky-atc__image{
flex:0 0 56px;
width:56px;
height:56px;
overflow:hidden;
border:1px solid #e7e9eb;
border-radius:13px;
background:#f5f6f7;
}
.sb-sticky-atc__image img{display:block;width:100%;height:100%;object-fit:contain}
.sb-sticky-atc__identity{min-width:0}
.sb-sticky-atc__title{
display:block;
max-width:360px;
overflow:hidden;
color:#1f252b;
font-size:14px;
line-height:1.25;
text-overflow:ellipsis;
white-space:nowrap;
}
.sb-sticky-atc__selection{
display:block;
margin-top:3px;
overflow:hidden;
color:#737980;
font-size:11px;
line-height:1.25;
text-overflow:ellipsis;
white-space:nowrap;
}
.sb-sticky-atc__options{display:flex;min-width:0;gap:6px;align-items:center}
.sb-sticky-atc__option{
display:inline-flex;
max-width:150px;
min-height:30px;
align-items:center;
overflow:hidden;
padding:5px 9px;
border:1px solid #e3e5e7;
border-radius:999px;
background:#f7f8f9;
color:#555d65;
font-size:11px;
font-weight:600;
text-overflow:ellipsis;
white-space:nowrap;
}
.sb-sticky-atc__price{
min-width:max-content;
color:#111;
font-size:19px;
font-weight:750;
line-height:1.1;
}
.sb-sticky-atc__price del{margin-right:5px;color:#8e9399;font-size:13px;font-weight:500}
.sb-sticky-atc__price ins{text-decoration:none;color:var(--orange)}
.sb-sticky-atc__button{
min-width:150px;
min-height:48px;
justify-content:center;
border:0;
border-radius:14px;
background:var(--orange)!important;
color:#fff!important;
box-shadow:none;
cursor:pointer;
font:700 12px/1 Outfit,Arial,sans-serif;
letter-spacing:.045em;
text-transform:uppercase;
}
.sb-sticky-atc__button:hover{background:#d94c10!important;color:#fff!important}
.sb-sticky-atc__button:disabled{cursor:not-allowed;opacity:.55}
.sb-sticky-atc__button.is-success{background:#21894d!important}
.sb-sticky-atc__button:focus-visible{outline:3px solid rgba(244,91,22,.28);outline-offset:3px}
@media(max-width:1023px){
.sb-sticky-atc__inner{grid-template-columns:auto minmax(0,1fr) auto auto;gap:12px}
.sb-sticky-atc__brand{grid-column:1;grid-row:1/3}
.sb-sticky-atc__product{grid-column:2;grid-row:1/2}
.sb-sticky-atc__options{grid-column:2/3}
.sb-sticky-atc__price{grid-column:3;grid-row:1/3}
.sb-sticky-atc__button{grid-column:4;grid-row:1/3}
.sb-sticky-atc__image{width:50px;height:50px;flex-basis:50px}
.sb-sticky-atc__option{max-width:125px}
}
@media(max-width:767px){
.sb-sticky-atc{padding:8px 0 max(8px,env(safe-area-inset-bottom));box-shadow:0 -5px 18px rgba(31,38,47,.08)}
.sb-sticky-atc__inner{
width:calc(100% - 20px);
grid-template-columns:30px 42px minmax(0,1fr) minmax(132px,42%);
gap:8px;
}
.sb-sticky-atc__brand{
grid-column:1;
grid-row:1;
width:30px;
height:30px;
border-radius:9px;
background:#fff3ec;
}
.sb-sticky-atc__brand img{width:27px}
.sb-sticky-atc__product{
display:block;
grid-column:2;
grid-row:1;
width:42px;
min-width:42px;
}
.sb-sticky-atc__identity,.sb-sticky-atc__options{display:none}
.sb-sticky-atc__image{
width:42px;
height:42px;
border-radius:10px;
background:#fff;
}
.sb-sticky-atc__price{grid-column:3;grid-row:1;min-width:0;font-size:18px}
.sb-sticky-atc__price del{display:block;margin:0 0 2px;font-size:11px}
.sb-sticky-atc__button{
grid-column:4;
grid-row:1;
min-width:0;
width:100%;
min-height:48px;
padding:12px 13px;
border-radius:14px;
font-size:11px;
}
}
@media(prefers-reduced-motion:reduce){
.sb-sticky-atc{transition:none}
}