.smm-scroll{scrollbar-width:thin;scrollbar-color:#2196f3 #f0f0f0;overflow-y:auto}
.smm-scroll::-webkit-scrollbar{width:2px;height:2px}
.smm-scroll::-webkit-scrollbar-track{background-color:#f0f0f0}
.smm-scroll::-webkit-scrollbar-thumb{background-color:#8b8b8b;border-radius:10px;border:1px solid #f0f0f0}
.smm-scroll::-webkit-scrollbar-thumb:hover{background-color:#555}
.smm-scroll::-webkit-scrollbar-corner{background-color:transparent}
.hide{display:none}
.popup{display:none;position:fixed;z-index:1;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000;background-color:rgba(0,0,0,.4);opacity:0;transition:opacity .3s ease;z-index:999}
.popup.active{display:block;opacity:1}
.popup-content{background-color:#f6f6f6;margin:15% auto;padding:20px;padding-top:10px;border:1px solid #888;width:685px;max-width:95%;min-height:300px;transform:translateY(-50px);opacity:0;transition:opacity .3s ease,transform .3s ease;border-radius:10px;overflow:hidden}
.popup.active .popup-content{opacity:1;position:absolute;top:50%;left:50%;margin-top:30px;margin-bottom:40px;transform:translate(-50%,-50%);max-height:90vh;}
.popup-content::-webkit-scrollbar{display:none}
#post-results #smm_loader{width:100%;height:100%;min-height:150px;display:flex;justify-content:center;align-items:center}
#post-results #smm_loader img{max-width:35px}
.close-btn{color:#2e2e2e;float:right;font-size:18px;font-weight:700;line-height:20px;position:absolute;right:10px;top:10px;background:#ddd;height:25px;width:25px;text-align:center;border-radius:50%;transition:all .3s ease-in-out;z-index:999}
.close-btn:focus,.close-btn:hover{color:#000;text-decoration:none;cursor:pointer}
.close-btn:hover{background:#ff4747;color:#fff}
form#service-form{max-width:500px;margin:auto;display:flex;flex-direction:column;margin-top:20px;gap:15px;width:100%}
button.bsm-submit[disabled]{opacity:.6}
button span.icon img{margin-left:5px;max-width:18px;transform:rotate(-45deg);transition:all .3s ease-in}
button:hover span.icon img{transform:rotate(0)}
.post-selection-container{font-family:Arial,sans-serif;text-align:center}
.selection-info{margin-bottom:15px;font-size:18px;font-weight:700}
.posts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:15px}
.post-item{position:relative;width:140px;height:140px;cursor:pointer;transition:all .3s ease-in;border-radius:10px;border:2px solid transparent;overflow:hidden}
.post-container{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;height:calc(450px - 80px + 100px);max-height:50vh}
.post-item:hover{border:2px solid #ff4500}
#popup_body{margin-bottom:65px}
.post-image{width:100%;height:100%!important;object-fit:cover;border-radius:8px}
.overlay{position:absolute;bottom:0;left:0;width:100%;height:30px;display:flex;justify-content:center;align-items:center;color:#fff;font-size:14px;background-color:rgba(0,0,0,.5);opacity:0;transition:opacity .3s ease}
.post-item.selected .overlay{opacity:1}
.post-item input[type=checkbox]{position:absolute;top:10px;right:10px;opacity:0}
.post-item input[type=checkbox]:checked+.overlay{opacity:1}
.likes-count{font-size:12px}
.load-more-btn:hover{background-color:#e63900}
.package-info.input-group .custom-dropdown del{display:none}
.product-detail{text-align:center;display:flex;justify-content:center;align-items:center;font-size:18px}
div#post-results{margin-top:5px}
.skeleton-image{background-color:#e0e0e0;width:100%;height:100%;border-radius:5px;animation:skeleton-loading 1.5s infinite linear;position:absolute;z-index:-1}
@keyframes skeleton-loading{
0%{background-color:#e0e0e0}
50%{background-color:#f5f5f5}
100%{background-color:#e0e0e0}
}
span.bsm-popup-back-btn {
    font-size: 12px;
    font-weight: normal;
}
.checkout-counter{font-size:14px;color:#333;font-weight:600;margin-bottom:10px}
.checkout-counter-number {
    font-size: 18px;
    color: #2e7d32;
    font-weight: 600;
    margin-right: 5px;
    padding: 8px 10px;
    border-right: 1px solid #4caf50;
    background-color: #e8f5e9;
    border-radius: 6px;
    box-shadow: 0 2px 4px rgba(76, 175, 80, 0.1);
}

span.bsm-popup-back-btn img {
    width: 16px;
}

.button-gradient-bg, span.bsm-popup-back-btn{
    cursor: pointer;
    font-weight: 500;
    padding: 6px 15px;
    border-radius: 4px;
    background: linear-gradient(to right, #fe8c00 0%, #f83600 50%, #f83600 50%, #fe8c00 100%);
    background-size: 200% 100%;
    background-position: 100% 0;
    color: #fff;
    border: none;
    transition: all 0.3s ease-in-out;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    box-shadow: 0 2px 4px rgba(254, 140, 0, 0.2);
    transition: all 0.3s ease-in-out;
}
span.bsm-popup-back-btn:hover, .button-gradient-bg:hover {
    background-position: 0% 0;
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(254, 140, 0, 0.3);
}
span.bsm-popup-back-btn:hover span.bsm-popup-back-btn img, .button-gradient-bg:hover span.button-gradient-bg img {
    transform: translateX(-5px);
}
span.bsm-popup-back-btn:active, .button-gradient-bg:active {
    transform: translateY(0);
    box-shadow: 0 2px 4px rgba(254, 140, 0, 0.2);
}
.checkout-counter-text{font-size:14px;color:#666;font-weight:400}
.checkbox-container{position:absolute;top:10px;right:10px;z-index:10}
.post-checkbox{width:20px;height:20px}
.post-item.selected{border:2px solid #e63900}
.checkicon{position:absolute;right:10px;top:10px;opacity:0;transition:all .3s ease-in-out;z-index:99;background:#fff;width:25px;height:25px;border-radius:50%;border:1px solid #e63900;display:flex;justify-content:center;align-items:center}
.post-item:hover .checkicon{opacity:.4}
.post-item.selected .checkicon{opacity:1}
.smm-alert-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:9999}
.smm-alert-box{background-color:#fff;padding:20px;border-radius:8px;text-align:center;max-width:400px;box-shadow:0 4px 15px rgba(0,0,0,.2)}
#smm-alert-message{font-size:16px;margin-bottom:20px}
.smm-alert-box .alert-icon svg{max-width:38px}
#smm-alert-ok-btn{background-color:#4caf50;color:#fff;border:none;padding:10px 20px;font-size:14px;cursor:pointer;border-radius:5px}
#smm-alert-ok-btn:hover{background-color:#45a049}
button.load-more-btn .loader-icon svg{width:20px;height:20px}
.action-buttons{display:flex;justify-content:center;align-items:center;margin-top:15px;position:fixed;width:100%;padding:10px;gap:15px;left:0;bottom:0;background:#fff}
.action-buttons .btn{border-radius:8px}
.action-buttons .load-more-btn{background-color:#e63900}
.form-toggle{position:absolute;right:15px;top:10px}
.info-group{position:relative;display:flex;justify-content:center;align-items:center;flex-direction:column}
.input-group label{display:none}
.channel-list{display:flex;flex-direction:column;gap:15px;padding-left: 10px;padding-right: 15px; margin-top: 15px;}
.channel-item{display:flex;align-items:center;padding:10px;border: 1px solid var(--famuzo-border);border-radius:8px;cursor:pointer;transition:background-color .3s;box-shadow: var(--famuzo-shadow);background-color: var(--famuzo-bg);}
.channel-item:hover{background-color: #ff7b5a; color: #fff; border-color: #ff7b5a}
.channel-thumbnail{margin-right:15px;width:85px;height: 85px;min-width:50px;min-height:50px;overflow:hidden;border-radius:50%;border:1px solid #ccc}
.channel-thumbnail img{object-fit: cover;width: 100%;}
.channel-details{display:flex;flex-direction:column}
.channel-name{font-size:16px;color:#333}
.channel-description{font-size:14px;color:#666;margin:5px 0;max-width:600px}
.profile-meta span{font-weight:600;-webkit-font-smoothing:antialiased}
.profile-meta{display:flex;flex-direction:column;flex:1}
.info-meta{display:flex;flex-direction:row;justify-content:center;align-items:center}
.user-meta{display:flex;flex-direction:row;justify-content:start;text-align:center}
.profile-meta h4{margin-bottom:0}
span.follower{margin-right:30px}
p.info{font-size:14px;font-style:italic}
#post-results.show{display:block}
.comments-list{display:flex;flex-direction:column;gap:16px;max-height:416px;margin-bottom:-57px}
.comment-item{display:flex;position:relative;align-items:center}
.comment-box{width:100%}
img.comment-image{height:70px;width:65px;position:absolute;left:3px;z-index:9;border-radius:5px;object-fit:cover;image-rendering:-webkit-optimize-contrast;top:4px}
textarea.comment-control{padding-left:75px;min-height:80px;max-height:140px;width: 100%;box-sizing: border-box;border-color: var(--addon-badge);}
.comment-box button.comment-generate-btn {
    position: absolute;
    bottom: 30px;
    right: 10px;
    padding: 4px 10px;
}
grammarly-extension{
    display: none;
}
a.edit-button:hover{color:#fff;background:#0071bc}
a.edit-button:hover svg{fill:#fff!important}
.comments-container{background:#f7f7f7;padding:10px;border-radius:8px;min-height: 400px;overflow-x: hidden;}
#popup_body .post-loader #smm_loader{height:100%;min-height:70px}
.error-border{border:2px solid red}
.yt-comments-wrap{background:#f9f9f9;padding:10px;border:1px solid #ccc;height:100%}
img.yt-comment-image{width:164px;border:4px solid #ddd;text-align:center}
.yt-head-image{text-align:center}
.yt-comment-box{display:flex;flex-direction:column;align-items:start}
.yt-comment-box textarea.comment-control{min-height:211px;padding:10px;border:1px solid #004471}
.bsm-input-info svg{position:unset!important;transform:unset!important;width:18px;height:18px}
span.bsm-input-info .tool::after{width:auto;margin-left:-210px;min-width:250px;max-width:350px;word-wrap:break-word;max-height:80px;overflow:hidden}
@media (max-width:767px){
.product-detail h2{margin-top:15px}
.edit-form{top:0}
}

#smm_popup .bsm-selected-count {
    background-color: #f0f0f0;
    padding: 6px 12px;
    border-radius: 20px;
    font-size: 14px;
    font-weight: 500;
    color: #555
}
#smm_popup .bsm-popup-api-header span {
    display: flex;
    align-items: center;
}


#smm_popup .bsm-popup-api-header {
    padding: 8px 20px;
    border-bottom: 1px solid #eee;
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-shadow: 2px 2px 4px rgb(0 0 0 / 24%);
    border-radius: 10px;
    margin-right: 25px;
    margin-left: 15px;
    background: #ffffff;
}

#smm_popup .bsm-popup-api-header h4 {
    margin: 0;
    font-size: 16px;
    font-weight: 600;
    margin-right:10px;
}
@media (max-width: 767px){
   #smm_popup  .bsm-popup-api-header{
        padding:5px;
        margin: 0;
    }
    #smm_popup .bsm-popup-api-header h4{
        display: none;
    }
   #smm_popup.popup.active .popup-content{opacity:1;position:absolute;margin-top: 5px;margin-bottom: 5px;transform:translate(-50%,-50%);max-height: 100vh;min-height: auto;height: 97vh;}
}