.vf-cart-popup {
display: none;
position: fixed;
inset: 0;
z-index: 999999;
}
.vf-cart-popup__backdrop {
position: absolute;
inset: 0;
background: rgba(0,0,0,0.45);
}
.vf-cart-popup__panel {
position: absolute;
left: 50%;
top: calc(50% - 100px);
transform: translateX(-50%) translateY(-10px);
width: auto;
border-radius: 16px;
padding: 40px;
opacity: 0;
transition: transform 260ms ease, opacity 260ms ease;
max-width: 460px;
height: auto;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: center;
gap: 24px;
}
.vf-cart-popup.is-open .vf-cart-popup__panel {
transform: translateX(-50%) translateY(0);
opacity: 1;
}
.vf-cart-popup__close {
position: absolute;
right: 14px;
top: 14px;
padding: 5px 8px 8px;
line-height: 1.1;
display: flex;
width: 32px;
height: 32px;
justify-content: center;
align-items: center;
background: transparent;
border: none;
cursor: pointer;
}
.vf-cart-popup__title {
font-size: 28px;
font-weight: 600;
margin-bottom: 12px;
text-transform: uppercase;
}
.vf-cart-popup__meta {
display: flex;
gap: 10px;
font-size: 15px;
opacity: 0.9;
}
.vf-cart-popup__actions {
display: flex;
gap: 10px;
margin-top: 14px;
}
.vf-cart-popup__content{
display: flex;
justify-content: center;
flex-direction: column;
align-items: center;	
}
.vf-btn {
display: inline-flex;
align-items: center;
justify-content: center;
cursor: pointer;
text-decoration: none;
font-weight: 600;
padding: 18px 22px;
font-size: 16px;
}
.vf-btn--primary, .vf-btn--ghost {
border-style: solid;
}
.vf-success-icon{
display: flex;
justify-content: center;
align-items: center;
margin-bottom: 12px;
}
.vf-success-icon svg{
fill: #3FD068;
width: 44px;
height: 44px;
}
@media all and (max-width: 800px){
.vf-cart-popup__panel {
border-radius: 8px;
padding: 24px;
width: calc(100% - 44px);
}
}