html.sssp-popup-active,
html.sssp-popup-active body{overflow:hidden;}

#scanshop-slide-popup.sssp-overlay{
    position:fixed;
    inset:0;
    z-index:999999;
    display:flex;
    align-items:flex-end;
    justify-content:center;
    background:var(--sssp-overlay);
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transition:opacity var(--sssp-duration) ease, visibility 0s linear var(--sssp-duration);
    -webkit-tap-highlight-color:transparent;
}
#scanshop-slide-popup.sssp-overlay.sssp-open{
    opacity:1;
    visibility:visible;
    pointer-events:auto;
    transition:opacity var(--sssp-duration) ease;
}

.sssp-popup-item{display:none;width:100%;}
.sssp-popup-item.sssp-selected{display:block;}

.sssp-shell{
    position:relative;
    width:min(100%, var(--sssp-max-width));
    max-height:92vh;
    overflow-y:auto;
    overflow-x:hidden;
    margin:0 auto;
    background:var(--sssp-body);
    border-radius:var(--sssp-radius) var(--sssp-radius) 0 0;
    box-shadow:0 -7px 28px rgba(0,0,0,.16);
    transform:translate3d(0,105%,0);
    transition:transform var(--sssp-duration) cubic-bezier(.2,.75,.25,1);
    scrollbar-width:none;
}
.sssp-shell::-webkit-scrollbar{display:none;}
.sssp-open .sssp-selected .sssp-shell{transform:translate3d(0,0,0);}

.sssp-top{
    background:var(--sssp-top);
    padding:46px 24px 26px;
    text-align:center;
    min-height:300px;
    box-sizing:border-box;
}
.sssp-art{
    height:150px;
    margin:0 auto 8px;
    display:flex;
    align-items:center;
    justify-content:center;
}
.sssp-art img{
    display:block;
    width:auto;
    max-width:min(92%,500px);
    height:auto;
    max-height:150px;
    object-fit:contain;
}
.sssp-top-copy h2{
    margin:4px 20px 8px;
    color:var(--sssp-title);
    font-size:26px;
    line-height:1.17;
    font-weight:700;
    letter-spacing:-.25px;
}
.sssp-subtitle{
    max-width:480px;
    margin:0 auto;
    color:var(--sssp-body-text);
    font-size:16px;
    line-height:1.38;
    font-weight:400;
}
.sssp-subtitle strong,.sssp-top-copy h2 strong{font-weight:800;}

.sssp-bottom{
    background:var(--sssp-body);
    padding:18px 24px 26px;
}
.sssp-terms{
    margin:0 0 28px;
    padding:18px 18px 16px;
    border:1px solid #e4e4e4;
    border-radius:14px;
    background:var(--sssp-terms);
    color:var(--sssp-terms-text);
    font-size:14px;
    line-height:1.45;
    text-align:left;
}
.sssp-terms > strong{
    display:block;
    margin-bottom:7px;
    color:#5c5c5c;
    font-size:15px;
    line-height:1.2;
    font-weight:600;
}
.sssp-terms-content p{margin:0 0 9px;}
.sssp-terms-content p:last-child{margin-bottom:0;}
.sssp-terms-content ul,.sssp-terms-content ol{margin:0;padding-left:18px;}
.sssp-terms-content li{padding-left:2px;margin:5px 0;}
.sssp-terms-content strong{font-weight:700;}

.sssp-cta{
    width:100%;
    min-height:58px;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:13px 18px;
    border:0;
    border-radius:15px;
    background:var(--sssp-button);
    color:var(--sssp-button-text);
    font-family:inherit;
    font-size:18px;
    line-height:1.2;
    font-weight:700;
    cursor:pointer;
    box-shadow:none;
    transition:filter .15s ease,transform .1s ease;
}
.sssp-cta:hover{filter:brightness(.96);}
.sssp-cta:active{transform:scale(.995);}


/* Popup close button — visible on desktop and mobile */
#scanshop-slide-popup .sssp-shell {
    position: relative;
    overflow-x: hidden;
}

#scanshop-slide-popup .sssp-close {
    position: absolute !important;
    top: 12px !important;
    right: 12px !important;
    left: auto !important;
    transform: none !important;

    display: flex !important;
    align-items: center;
    justify-content: center;

    width: 42px !important;
    height: 42px !important;
    padding: 0 !important;
    margin: 0 !important;

    background: #222 !important;
    color: #fff !important;
    border: 2px solid #fff !important;
    border-radius: 50% !important;

    font-family: Arial, sans-serif !important;
    font-size: 30px !important;
    font-weight: 400 !important;
    line-height: 1 !important;

    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    z-index: 999999 !important;

    cursor: pointer;
    box-shadow: 0 2px 10px rgba(0, 0, 0, .25);
}

#scanshop-slide-popup .sssp-close:hover {
    background: #444 !important;
}

.sssp-shortcode-content .offer-container
{
    height: 250px;
    min-height: 250px;
    max-height: 250px;
    background: none;
    width: 100%;
    padding: 0px;
}
.sssp-shortcode-content .countdown-box,.sssp-shortcode-content .offer-heading,
.sssp-shortcode-content .countdown-labels, .sssp-shortcode-content .sssp-terms
{
    display:none !important;
}
.sssp-shortcode-content .product-title
{
    font-size: 18px !important;
}
.sssp-shortcode-content .product-image-wrapper
{
    height: 150px;
    min-height: 150px;
    max-height: 150px;
}
.sssp-shortcode-content .product-image
{
    height:120px;
    max-height:120px;
}
.sssp-hide-mobile{display:none!important;}
@media (min-width:769px){
    .sssp-hide-desktop{display:none!important;}
    .sssp-shell{width:min(92vw,var(--sssp-max-width));}
    .sssp-top{padding-top:52px;}
}
@media (max-width:768px){
    .sssp-shell{width:100%;max-height:90vh;}
    .sssp-top{min-height:330px;padding:48px 16px 28px;}
    .sssp-art{height:164px;margin-bottom:8px;}
    .sssp-art img{max-height:164px;max-width:96%;}
    .sssp-top-copy h2{margin-left:8px;margin-right:8px;font-size:25px;}
    .sssp-subtitle{font-size:15px;max-width:420px;}
    .sssp-bottom{padding:12px 16px 28px;}
    .sssp-terms{margin-bottom:28px;padding:17px 15px 15px;border-radius:14px;font-size:14px;}
    .sssp-cta{min-height:58px;border-radius:15px;font-size:18px;}
   
/* Popup close button — visible on desktop and mobile */
#scanshop-slide-popup .sssp-shell {
    position: relative;
    overflow-x: hidden;
}

#scanshop-slide-popup .sssp-close {
    position: absolute !important;
    top: 12px !important;
    right: 12px !important;
    left: auto !important;
    transform: none !important;

    display: flex !important;
    align-items: center;
    justify-content: center;

    width: 42px !important;
    height: 42px !important;
    padding: 0 !important;
    margin: 0 !important;

    background: #222 !important;
    color: #fff !important;
    border: 2px solid #fff !important;
    border-radius: 50% !important;

    font-family: Arial, sans-serif !important;
    font-size: 30px !important;
    font-weight: 400 !important;
    line-height: 1 !important;

    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    z-index: 999999 !important;

    cursor: pointer;
    box-shadow: 0 2px 10px rgba(0, 0, 0, .25);
}

#scanshop-slide-popup .sssp-close:hover {
    background: #444 !important;
}

}


/* FINAL CLOSE BUTTON FIX: keep the control visible inside the popup shell */
#scanshop-slide-popup .sssp-popup-item.sssp-selected .sssp-shell > button.sssp-close,
#scanshop-slide-popup .sssp-shell > .sssp-close {
    display: flex !important;
    position: absolute !important;
    inset: 10px 10px auto auto !important;
    transform: none !important;
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    min-height: 42px !important;
    padding: 0 !important;
    margin: 0 !important;
    align-items: center !important;
    justify-content: center !important;
    background: #222 !important;
    color: #fff !important;
    border: 2px solid #fff !important;
    border-radius: 50% !important;
    font-family: Arial, sans-serif !important;
    font-size: 30px !important;
    font-weight: 400 !important;
    line-height: 1 !important;
    text-indent: 0 !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    z-index: 2147483647 !important;
    box-shadow: 0 2px 10px rgba(0,0,0,.3) !important;
    cursor: pointer !important;
}
#scanshop-slide-popup .sssp-shell > .sssp-close:hover {
    background: #444 !important;
}