html{
    height: 100%;
}
body{
    font-family: 'Manrope', sans-serif;
    background-color: white;
    font-size: 16px;
    color: #333333;
    display: flex;
    flex-direction: column;
    height: 100%;
}
a{
    font-weight: normal; 
    text-decoration: none;
    transition: all .10s linear; 
}

label{
    font-size: 15px;
}
button, 
button:active, 
button:focus {
    outline: none!important;
}

input, textarea{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;    
    font-size: 16px;
}

@font-face {
  font-family: 'ALS Rubl';
  font-style: normal;
  font-weight: normal;
  src: local('ALS Rubl'), url('../fonts/rouble.woff') format('woff');
}
.btn{
    font-size: 15px;
}
hr{
    height: 1px; background-color: #999999; color: #999999; border: none;
}

h1, h2, h3, h4, .title-h1, .title-h2, .title-h3{
    line-height: 1.2;
}

h1{
    font-size: 41px;
}

.container{
    max-width: 1300px;
}

.ck{
  white-space: break-spaces !important;
}

*::-webkit-scrollbar{
    width: 7px; height: 7px;
    background-color: #f7f8fa;
}
*::-webkit-scrollbar-thumb{
    background: #4b4b4b;
}

.button-color-scheme1{
    background-color: #186aff; color: white!important;
}

.button-color-scheme1-light{
    background-color: #ebf7ff; color: black!important;
}

.button-color-scheme2{
    background-color: #f8fafc; color: black!important;
}

.button-color-scheme3{
    background-color: #141414; color: white!important;
}

.button-color-scheme4{
    background-color: transparent; color: black!important;
}

.button-color-scheme5{
    background-color: #10b981; color: white!important;
}

.button-color-scheme6{
    background-color: #e45959; color: white!important;
}

.button-color-scheme7{
    background-color: #965eeb; color: white!important;
}

.button-color-scheme1:hover{
    color: white!important;
    opacity: 0.9;
}

.button-color-scheme2:hover{
    color: black!important;
    opacity: 0.9;
}

.button-color-scheme3:hover{
    opacity: 0.9;
}

.button-color-scheme7:hover{
    opacity: 0.9;
}

.form-control{
    border: 1px solid #f7f8fa!important;
    padding: 0 13px;
    height: auto!important;
    border-radius: 15px;
    background-color: #f7f8fa;
    height: 50px!important;
}
.form-control:focus {
    border-color: #007bff!important;
    border-width: 1px;
    box-shadow: none!important;
}
.top-toolbar{
    box-shadow: 0 0 30px rgba(0,0,0,.15);
    background-color: #fff;
    height: 65px;
    padding-left: 15px; padding-right: 15px;
    position: fixed; left: 0; top: 0; right: 0;  z-index: 10;
}
.top-toolbar-container{
     margin: 0 auto; max-width: 1200px;
}
.top-toolbar > div, .top-toolbar > div > div{
    height: 100%;
}
.h-logo-mobile{
    height: 100%;
    display: inline-flex;
    align-items: center;      
}
.h-logo-mobile img{
    max-height: 30px;
    margin-top: auto;
    margin-bottom: auto; 
}
/* CUSTOM: ThemeChange */
.h-logo{
    position: relative;
    display: inline-block;
    width: 94px;
    height: 40px;
    background-image: var(--logo-url);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    transition: opacity 0.3s ease, transform 0.3s ease;
}
.h-logo span{
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
    border: 0;
}
.h-logo:hover{
    opacity: 0.8;
}
/* END CUSTOM */
.h-logo img{
    max-height: 40px;
    margin-top: auto;
    margin-bottom: auto;
    width: 80%;
}
.f-logo img{
    max-height: 35px;
    margin-top: auto;
    margin-bottom: auto; 
    width: auto;
}
.f-logo{
    margin-bottom: 20px; display: block;
}
.toolbar-dropdown > span{
    cursor: pointer;
}
.toolbar-dropdown{
    display: inline-flex; height: 100%; align-items: center; justify-content: center; position: relative;
}
.toolbar-dropdown .la-angle-down{
    margin-left: 7px;
}
.toolbar-dropdown-box{
    position: absolute; top: 0px;
    background-color: white;
    box-shadow: 0 6px 32px #5e5c5c24;
    padding: 15px;
    border-radius: 10px; 
    display: none; 
    overflow: hidden;
    border: 1px solid transparent;
}

.toolbar-dropdown-active{
    background: rgba(0, 0, 0, 0) linear-gradient(210deg, rgb(215, 245, 255), rgb(236, 239, 255)) repeat scroll 0% 0%; text-decoration: none; color: black;
}
.beboss-head__drop-down-block {
    background-color: #fff;
    box-shadow: 0 0 30px rgba(0,0,0,.15);
}
.header-wow-mobile-category-image img{
    height: 40px;
}
.header-wow-mobile-category-image{
    width: 40px; height: 40px; text-align: center; margin-bottom: 5px; display: inline-block;
}
.header-wow-mobile-all-category-image{
    width: 40px; height: 40px; text-align: center; margin-bottom: 5px; background-color: #eaffd5; display: inline-flex; align-items: center; justify-content: center;
    border-radius: 10px;
}
.header-wow-mobile-all-category:hover{
    color: #f95146; cursor: pointer;
}
.header-wow-mobile-category a{
    color: black; display: inline-block; text-align: center; width: 75px; scroll-snap-align: start; margin: 0 5px; text-decoration: none;
    display: block; word-break: break-all; font-size: 12px;
}
.header-wow-mobile-category a:hover{
    color: #f95146;
}
.header-wow-top{
    position: relative;
    color: white;
    height: 60px;
    display: flex;
    align-items: center;
}

.header-wow-top-bg-color{
    background-color: #f8fafc;
}

.header-wow-sticky-mobile{
    background-color: white; z-index: 10; position: relative;
}
.header-wow-sticky-active{
    position: fixed; top: 0px; left: 0px; right: 0px; box-shadow: 0 2px 8px #00000014;
}
.header-wow-sticky{
    background-color: white; position: relative;
    padding-bottom: 10px;
}

.header-wow-sticky-container{
    position: relative;
}

.live-search-container{
    background-color: white;  position: relative;
}
.live-search-form-input{
    height: 46px;
    padding-left: 50px;
    padding-right: 15px;
    border-radius: 15px;
    border: 1px solid #f7f8fa;
    width: 100%;
    background-color: #f7f8fa;
    outline: none;
}

.live-search-form-input:focus{
    border: 1px solid #007bff!important; 
    outline: none; 
    background-color: white;
}

.live-search-form-icon{
    position: absolute; top: 0px; bottom: 0px; left: 0px; border: none; outline: none; display: inline-flex; align-items: center; justify-content: center;
    padding: 0 15px; background-color: transparent; padding-top: 3px;
}
.live-search-form-icon i{
    font-size: 22px;
}

.live-search-results{
    position: absolute;
    left: 0;
    right: 0;
    top: 60px;
    background-color: white;
    border-radius: 15px;
    z-index: 30;
    padding: 15px 20px;
    overflow: auto;
    max-height: 500px;
    box-shadow: 0 6px 32px #5e5c5c24;   
    display: none;
}

.live-search-results-item{
    display: block;
    cursor: pointer;
    padding: 8px 15px;
    color: black;
    border-radius: 10px;
}

.live-search-results-item:hover{
    background-color: #186aff;
    color: white!important;
}

.live-search-results-item:hover span{
    color: white!important;
}

.live-search-results-item > span{
    color: #9f9f9f;
    display: block;
    font-size: 14px;
}

.header-wow-sticky-menu .la-times{
    display: none;
}

.header-wow-top-list .header-wow-top-list-item{
    display: inline-block;
    color: black;
    margin-right: 30px;
    font-weight: 500;
    font-size: 14px;
}

.header-wow-top-list .header-wow-top-list-item:hover{
    color: #0066f5;
}

.header-wow-top-list .header-wow-top-list-item:last-child{   
   margin-right: 0px!important;
}

.header-wow-top-list-icon{
    height: 100%;
    display: inline-flex;
    align-items: center;
}

.header-wow-top-list-icon-item{
    color: black;
    margin-right: 15px;
    position: relative;
    cursor: pointer;
}

.header-wow-top-list-icon-item:hover{
    color: #0066f5;
}

.header-wow-top-list-icon-item i{
    font-size: 28px;
}
.header-wow-top-list-icon-item:last-child{   
   margin-right: 0px!important;
}
.header-wow-top-list-profile{
    display: inline-flex;
    align-items: center;
    vertical-align: bottom; 
    cursor: pointer; 
}

.header-wow-top-list-profile .mini-avatar-img{
    height: 30px;
    width: 30px;
}

.header-wow-top-list-profile .mini-avatar{
    height: 30px;
}

.header-wow-top-list-profile .header-user-dropdown-menu-box{
   top: 40px!important;
}

.header-wow{
    background-color: white;
    z-index: 20;
}

.header-button-menu-catalog{
    cursor: pointer;
    border-radius: 15px;
    padding: 0 15px;
    display: inline-flex;
    height: 100%;
    align-items: center;
    justify-content: center;
    font-weight: 500;
}
.header-flex-box{
    display: flex;
    justify-content: space-between;
    flex-grow: 1;
}

.header-flex-box-1{

}

.header-flex-box-2{
    margin-left: 15px;
    flex-grow: 1;
    width: 100%;
}
.header-flex-box-3{
    margin-left: 15px;
    display: flex;
}
.header-button-menu-catalog-icon-2{
    display: none;
}
.captchaModalImageContainer {
    border-radius: 10px;
    overflow: hidden;
    height: 55px;
    width: 125px;
    display: inline-flex;
    text-align: center;
    align-items: center;
    justify-content: center;
}

.captchaModalImageContainer img {
    height: 65px;
}

.container-icon-modal img{
    height: 128px;
}

.container-icon-modal{
    text-align: center; margin-bottom: 10px;
}

.story-upsell-icon .ti { font-size: 48px; color: var(--color-scheme1); }

.registration-block-step2, .registration-block-step3{
    display: none;
}

.auth-block-tab-container{
    padding: 35px;
    border-radius: 20px;
    background-color: white;
    box-shadow: 0 0 20px rgba(0, 0, 0, .1);
    margin-bottom: 70px;
}

.containerPhoneAllCountry .iti{
    width: 100%!important;
}

.auth-block-tab-check-password, .auth-block-tab-verify-code, .auth-block-tab-registration-data, .auth-block-tab-forgot-verify-code, .auth-block-tab-forgot-new-pass{
    display: none;
}

.auth-block-tab-back{
    display: inline-flex;
    border-radius: 50px;
    height: 35px; width: 35px;
    margin-right: 10px;
    align-items: center;
    vertical-align: middle;
    justify-content: center;
    background-color: #f7f8fa; color: black!important;
    cursor: pointer;
}

.auth-block-tab-back:active{
    transform: scale(0.98); 
}

.modal-geo-search{
    position: relative;
}

.modal-geo-search-results{
    position: absolute;
    top: 50px;
    border-radius: 20px;
    background-color: white;
    box-shadow: 0 6px 32px #5e5c5c24;
    left: 0;
    right: 0;
    display: none;
}

.modal-geo-search-results > div{
    margin: 12px 0;
    overflow: auto;
    max-height: 350px;
}

.modal-geo-search-results a{
    display: block;
    padding: 10px 15px;
    color: #333333;
    font-weight: 500;
}

.modal-geo-search-results a:hover{
    background-color: #f7f8fa;
    color: black!important;
}

.modal-geo-countries-list{
    display: flex;
    gap: 7px;
    color: #333333;
    border-radius: 20px;
}

.modal-geo-countries-list a{
    padding: 8px 18px;
    background-color: #f7f8fa;
    border-radius: 12px;
    cursor: pointer;
    color: black;
    font-size: 15px;
}

.modal-geo-countries-list a:hover{
    background-color: black;
    color: white!important;
}

.modal-geo-countries-list a.active{
    background-color: black;
    color: white!important;
}

.modal-geo-countries-list a img{
    height: 20px; display: inline-block; margin-right: 5px;
}

.modal-geo-tabs{
    display: flex;
    gap: 20px;
    margin-bottom: 20px;
    margin-top: 20px;
}

.modal-geo-tabs > div{
    cursor: pointer;
    padding: 6px 0px;
    color: #8f8f8f;
    font-size: 22px;
    font-weight: 800;
}

.modal-geo-tabs > div.active{
    color: black;
    font-weight: 800;
}

.width100{
    width: 100%;
}
.inline-block{
    display: inline-block;
}
.btn-custom-mini{
    display: inline-flex; min-height: 38px; text-align: center; padding: 0 20px; cursor: pointer; border-radius: 12px; border: none; outline: none; align-items: center; justify-content: center; font-size: 14px; position: relative;
}
.btn-custom-big{
     text-align: center;  padding: 0px 25px; min-height: 50px; display: inline-flex; align-items: center; justify-content: center; cursor: pointer; border-radius: 15px; border: none; outline: none; min-width: 200px; font-size: 16px;
}
.btn-custom{
     text-align: center; padding: 0px 25px; min-height: 45px; display: inline-flex!important; align-items: center; justify-content: center; cursor: pointer; border-radius: 12px; border: none; outline: none; font-size: 15px;
}

.btn-custom:active, .btn-custom-mini:active, .btn-custom-big:active, .header-button-menu-catalog:active, .widget-categories-or-subcategories a:active, .header-wow-sticky-add:active, .header-wow-sticky-auth:active{
    transform: scale(0.98); 
}

.btn-custom .spinner-border, .btn-custom-mini .spinner-border{
    width: 14px; height: 14px; border-width: 2px; margin-right: 5px;
}

.btn-custom-big .spinner-border{
    width: 14px; height: 14px; border-width: 2px; margin-right: 5px;
}

.btn-custom:hover, .btn-custom-big:hover, .btn-custom-mini:hover, .btn-custom-mini-icon:hover{
    opacity: 0.9; text-decoration: none;
}
.btn-custom-mini-icon{
    display: inline-flex;
    text-align: center;
    cursor: pointer;
    border-radius: 5px;
    border: none;
    outline: none;
    width: 25px;
    height: 25px;
    align-items: center;
    justify-content: center;
}
.btn-custom-mini-icon i{
    font-size: 15px;
}
.btn-color-green{
    background-color: #53b374!important; color: white!important;
}
.btn-color-light{
    background-color: #EFEFEF; color: black!important;
}
.btn-color-blue{
    background-color: #186aff; color: white!important;
}
.btn-color-blue-light{
    background-color: rgb(232, 237, 254); color: black!important;
}
.btn-color-purple{
    background-color: #965EEB; color: white!important; 
}
.btn-color-white{
    background-color: white; color: black;
}
.btn-color-gradient{
    color: white!important;
    background-image: linear-gradient(to top right, rgb(255, 99, 172), rgb(252, 98, 171), rgb(248, 96, 171), rgb(245, 95, 170), rgb(242, 94, 169), rgb(239, 93, 169), rgb(235, 91, 168), rgb(232, 90, 168), rgb(229, 89, 167), rgb(226, 88, 166), rgb(222, 86, 166), rgb(219, 85, 165));   
}
.btn-color-transparent{
    background-color: transparent; color: black!important;
}
.btn-color-danger{
    background-color: #E83587;
    color: white!important;
}

.toolbar-link{
    height: 100%;
    display: inline-flex;
    align-items: center;
    font-size: 14px;
    color: #1c1c1c;
    vertical-align: bottom; 
    cursor: pointer;
    transition: all .10s linear;
    text-align: center;
}
.icon-link{
    display: inline-block; font-size: 21px;
}
.link-add-active{
    background: rgba(0, 0, 0, 0) linear-gradient(210deg, rgb(215, 245, 255), rgb(236, 239, 255)) repeat scroll 0% 0%;
}

.header-wow-sticky-add{
   border-radius: 15px; 
   padding: 0 15px;
   display: inline-flex; 
   height: 100%; 
   align-items: center; 
   justify-content: center;
   width: 150px;
}

.header-wow-sticky-add:hover{
  opacity: 0.9; color: white!important;
}

.header-wow-sticky-auth{
     border-radius: 15px; 
     padding: 0 18px;
     display: inline-flex; 
     height: 100%; 
     align-items: center; 
     justify-content: center;
     border: none; 
     outline: none;
}
.header-wow-sticky-list > div{
    margin-right: 15px;
}
.header-wow-sticky-list > div:last-child{   
   margin-right: 0px!important;
}
.header-wow-sticky-list > div a{
   color: #565656; font-size: 15px;
}
.header-wow-sticky-auth:hover{
  text-decoration: none;  opacity: 0.9;
}

.live-search-container-geo{
    position: absolute; top: 1px; right: 1px; bottom: 1px; padding-right: 15px; display: inline-flex; align-items: center;
    border-bottom-right-radius: 10px; border-top-right-radius: 10px; padding-left: 15px;
}
.live-search-container-geo > div{
    display: inline-block;
}

.live-search-container-geo-name{
    color: #0066f5; font-weight: 500; cursor: pointer; font-size: 15px;
}

.form-label-error, .verify-code-label-error{
    display: none; color: red; margin-top: 5px; font-size: 13px;
}

.modal-metro-station-color{
    display: inline-block; width: 15px; height: 3px; vertical-align: middle;
}

.mr5{
    margin-right: 5px;
}

.mr10{
    margin-right: 10px;
}

.circle-indicator-count{
    display: inline-flex; align-items: center; justify-content: center; min-width: 18px; height: 18px; border-radius: 50px; padding: 0 5px;
    color: white; background-color: red; font-size: 10px;
}

.header-button-menu-catalog-icon-1 i{
    font-size: 20px;
}

.header-button-menu-catalog-icon-1{
    margin-right: 5px;
}

.big-catalog-menu-container{
    position: relative; display: none;
}

.big-catalog-menu-content{
    border-radius: 25px;
    background-color: white;
    z-index: 10;
    padding: 25px;
    box-shadow: 0 0.25rem 1.125rem rgba(75, 70, 92, 0.1);
    position: absolute;
    left: 0; top: 15px; right: 0;
    height: 450px;
}

.big-catalog-menu-content-categories{
    overflow: auto;
    height: 400px;
}

.big-catalog-menu-category-item{
    padding: 9px 12px;
    display: flex;
    border-radius: 10px;
    color: black;
}

.big-catalog-menu-category-item:hover{
    background-color: #f7f8fa;
    color: black!important;
}

.big-catalog-menu-category-item.active{
    background-color: #f7f8fa;
    color: black!important;
}

.big-catalog-menu-category-item > div{
    width: 25px;
    height: 25px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-right: 8px;
}

.big-catalog-menu-category-item > div img{
    width: 100%;
    object-fit: cover;
}

.big-catalog-menu-banners-item{
    border-radius: 15px;
    background-color: #f7f8fa;
    overflow: hidden;
    width: 100%;
    height: 100px;
    display: block;
    margin-bottom: 10px;
}

.big-catalog-menu-banners-item img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.big-catalog-menu-content-subcategories{
    display: none;
    overflow-x: hidden;
    overflow-y: auto;
    height: 400px;
}

.big-catalog-menu-content-subcategories a{
    display: block;
    color: black;
    margin: 4px 0;
}

.big-catalog-menu-content-subcategories a:hover{
    color: #0066f5;
}

.big-catalog-menu-content-subcategories-title{
    font-size: 28px;
    font-weight: bold;
}

.mt100{
    margin-top: 100px!important;
}

.mt50{
    margin-top: 50px!important;
}

.mt40{
    margin-top: 40px!important;
}

.mt30{
    margin-top: 30px!important;
}

.mt25{
    margin-top: 25px!important;
}

.mt15{
    margin-top: 15px!important;
}

.mt20{
    margin-top: 20px!important;
}

.mt10{
    margin-top: 10px!important;
}

.mt5{
    margin-top: 5px!important;
}

.mt0{
    margin-top: 0px!important;
}

.mb0{
    margin-bottom: 0px!important;
}

.mb30{
    margin-bottom: 30px!important;
}

.widget-categories-or-subcategories{
    display: flex;
    flex-wrap: wrap; 
    gap: 12px;       
    margin-bottom: 35px;   
}

.widget-categories-or-subcategories a{
    display: flex;
    background-color: #f7f8fa;
    padding: 10px 15px;
    border-radius: 12px;
    max-width: 250px;
    position: relative;
    word-break: break-word;
    flex-grow: 1; 
}

.widget-categories-or-subcategories a:hover{
    background-color: #eef0f4;
}

.widget-categories-or-subcategories a div{
    z-index: 5;
    color: black;
    position: relative;  
    width: 100%; 
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; 
}

.widget-categories-or-subcategories a img{
    position: absolute; right: 0; bottom: 0px;
    height: 80px;
}

.widget-categories-or-subcategories a.active{
    background-color: #186aff;
}

.widget-categories-or-subcategories a.active > div{
    color: white!important;
}

.image-autofocus{
    position: relative;
    top: 50%;
    left: 50%;
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.container-item-images{
    overflow: hidden;
    border-radius: 15px;
    position: relative;
    background-color: #F7F8FA;
}

.container-item-grid{
    color: black;
    margin-bottom: 25px;
    display: block;
}

.container-item-grid:hover{
    color: black!important;
}

.container-item-images:hover .container-item-labels{
    display: none;
}

.container-item-images:hover .container-item-images-indicator{
    display: flex;
}

.container-item-grid-content-status{
    margin-bottom: 5px;
    margin-top: 5px;
}

.container-item-grid-content-prices{
    margin-top: 10px;
}

.container-item-grid-content-prices .card-item-price-now{
    font-size: 20px;
    font-weight: 600;
}

.container-item-grid-content-prices .card-item-price-old{
    font-size: 18px;
    color: #f81155;
    text-decoration: line-through;
    margin-left: 5px;
    display: inline-block;
}

.container-item-grid-content-prices .card-item-price-measure-title{
    font-size: 15px;
}

.container-item-grid-content-title{
    font-size: 16px;
    font-weight: 500;
}

.container-item-grid-content-title:hover{
    color: #0066f5;
}

.container-item-grid-content-additionally{
    margin-top: 10px;
}

.container-item-grid-content-additionally > span{
    display: block;
    font-size: 13px;
    color: gray;
}

.container-item-labels{
    position: absolute;
    left: 10px;
    bottom: 10px;
}

.container-item-labels > div{
    display: block;
    margin-top: 3px;
}

.container-item-labels > div > span{
    padding: 3px 10px;
    border-radius: 8px!important;
    color: white;
    display: inline-block;
    font-size: 11px;
    font-weight: 600;
}

.container-item-labels-1 > span{
    background-color: blue;
}

.container-item-labels-2 > span{
    background-color: #f81155;
}

.container-item-labels-3 > span{
    background-color: #309a3e;
}

.container-item-labels-4 > span{
    background-color: #f96f2e;
}

.container-item-images-indicator{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    z-index: 0;
    display: none;
}

.container-item-images-indicator span{
    border-bottom: 2px solid white;
    margin: 0 3px;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: end;
    align-items: flex-end;    
}

.container-item-images-indicator span:hover{border-bottom:2px solid black;}

.catalog-container-options-view-item i{
    font-size: 25px;
}

.catalog-container-options-view-item span{
    display: inline-block;
    margin-left: 10px;
    color: black;
    cursor: pointer;
}

.catalog-container-options-view-item span.active{
    color: blue!important;
}

.container-item-favorite{
    position: absolute;
    top: 5px;
    right: 5px;
    cursor: pointer;
    z-index: 5;
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background-color: white;
}

.container-item-favorite i{
    font-size: 22px;
    color: black;
}

.container-item-favorite i.ti-heart-filled{
    color: red;
}

.container-item-list{
    color: black;
    margin-bottom: 25px;
    display: block;
    border-radius: 10px;
    position: relative;
}

.container-item-list-content-title{
    font-size: 21px;
    font-weight: 500;
}

.container-item-list-content-title:hover{
    color: blue;
}

.container-item-list-content-desc{
    margin-top: 10px;
}

.container-item-list-content-additionally{
    margin-top: 10px;
}

.container-item-list-content-additionally span{
    display: block;
    font-size: 13px;
    color: gray;
}

.container-item-list:hover{
    color: black!important;
}

.container-item-grid-highlight .container-item-grid-content-prices, .container-item-list-highlight .container-item-list-content-prices, .container-item-list-highlight .container-item-list-map-content-prices{
    background-color: #fff3b9!important;
    padding-left: 7px;
    padding-right: 7px;
    border-radius: 8px;
    display: inline-block;
}

.uni-dropdown{
    position: relative;
}

.uni-dropdown-content-align-left{
    left: 0;
}

.uni-dropdown-content-align-right{
    right: 0;
}

.uni-dropdown-content-align-bottom{
    bottom: 30px!important;
    top: auto!important;
}

.uni-dropdown-content-align-top{
    top: 30px!important;
    bottom: auto!important;
}

.uni-dropdown-content{
    padding: 15px;
    border-radius: 15px;
    box-shadow: 0 0 30px rgba(0, 0, 0, .15);
    position: absolute;
    top: 30px;
    background-color: white;
    z-index: 10;
    display: none;
    text-align: left!important;
    width: max-content;
}

.uni-dropdown-content-position-bottom{
    bottom: 30px!important;
    top: auto !important;
}

.uni-dropdown-content-item{
    display: flex;
    padding: 7px 15px;
    color: black;
    cursor: pointer;
    font-size: 14px;
}

.uni-dropdown-content-item:hover{
    background-color: #f8fafc;
    color: black!important;
}

.uni-dropdown-name{
    cursor: pointer;
}

.uni-dropdown-content-stretch{
    left: 0;
    right: 0;
    width: 100%!important;
}

.uni-dropdown-content-width-300{
    width: 300px;
}

.uni-dropdown-content-top-50{
    top: 50px!important;
}

.params-form-item-price input[type=text]{
    height: 42px!important;
    background-color: white;
    border: 1px solid #dcdcdc!important;
}

.params-form-item{
    margin-bottom: 15px;
}

.params-form-item-label{
    margin-bottom: 8px;
    font-weight: 600;
    font-size: 16px;
}

/* Boxed section wrapper for grouped filter items */
.item-boxed {
    --item-boxed-padding: 18px;
    background: #fff;
    border: 1.5px solid #e0e0e0;
    border-radius: 10px;
    box-shadow: 0 4px 20px rgba(120, 180, 255, 0.07);
    padding: 0 var(--item-boxed-padding) 16px;
    margin-bottom: 28px;
    transition: box-shadow 0.2s;
}

.item-boxed .label-header {
    display: block;
    margin: 0 calc(-1 * var(--item-boxed-padding)) 0;
    padding: 17px var(--item-boxed-padding);
    border-bottom: 1px solid #e0e0e0;
    font-size: 17px;
    line-height: 1.35;
    letter-spacing: 0;
}

.item-boxed > .params-form-item,
.item-boxed > .params-sub-item {
    margin-bottom: 0;
}

.params-sub-item {
    margin-left: calc(-1 * var(--item-boxed-padding));
    margin-right: calc(-1 * var(--item-boxed-padding));
    padding: 18px var(--item-boxed-padding) !important;
    border-bottom: 1px solid #e9e9e9;
}

.item-boxed > .params-form-item:not(.params-sub-item) {
    margin-left: calc(-1 * var(--item-boxed-padding));
    margin-right: calc(-1 * var(--item-boxed-padding));
    padding: 18px var(--item-boxed-padding) !important;
    border-bottom: 1px solid #e9e9e9;
    margin-bottom: 0;
}

.item-boxed > .params-form-item:not(.params-sub-item):last-child {
    padding-bottom: 0 !important;
    border-bottom: none;
    margin-bottom: 0 !important;
}

.params-form-block.item-boxed > .params-sub-item:last-child,
.item-boxed > .params-sub-item:last-child {
    padding-bottom: 0 !important;
    border-bottom: none;
    margin-bottom: 0 !important;
}

.item-boxed > .params-sub-item-last {
    border-bottom: 0;
    padding-bottom: 0 !important;
}

.item-boxed > .params-form-item-last {
    border-bottom: 0;
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}

.ad-edit-admin-tools-block {
    background: #f4fbf4;
    border: 1px solid #dcefdc;
    border-radius: 12px;
    padding: 14px 16px;
    margin-bottom: 15px;
}

.ad-edit-admin-tools-block-title {
    display: block;
    font-size: 15px;
    font-weight: 600;
    color: #1a1a1a;
    margin-bottom: 10px;
}

.ad-edit-admin-tools-hint {
    font-size: 13px;
    line-height: 1.5;
    color: #5a6b5a;
    margin: 0 0 10px;
}

/* Birthday block and weight/height slider value display */
#birthdayBlock {
    padding-top: 1rem !important;
    border-top: 1px solid #e0e0e0;
}

.slider-display {
    font-size: 0.875rem;
    margin-top: 4px;
    font-weight: 600;
}

.slider-display .slider-value {
    font-size: 20px;
}

.slider-display .slider-suffix {
    color: #888;
}

.age-visual-output {
    font-size: 0.875rem;
    margin-top: 10px;
    font-weight: 600;
}

.age-visual-output .age-number {
    font-size: 20px;
}

.age-visual-output .age-suffix,
.age-visual-output .age-placeholder {
    color: #888;
}

/* Toggle-style checkbox and circle-style radio button */
.fb-check {
    position: relative;
    cursor: pointer;
    font-weight: 400;
    height: 30px;
    line-height: 30px;
    display: inline-block;
    margin-bottom: 2px;
    user-select: none;
}

.fb-check input {
    opacity: 0;
    position: absolute;
    cursor: pointer;
}

.fb-check span {
    display: inline-block;
    padding-left: 50px;
    height: 30px;
    line-height: 30px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    position: relative;
}

.fb-check span:before,
.fb-check span:after {
    content: '';
    position: absolute;
    top: 50%;
    transition: .3s;
}

.fb-check span:before {
    left: 0;
    height: 20px;
    margin-top: -10px;
    width: 40px;
    border-radius: 4px;
    background: #fff;
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.15);
}

.fb-check span:after {
    left: 1px;
    height: 18px;
    width: 18px;
    margin-top: -9px;
    background: #ccc;
    border-radius: 4px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .14);
}

.fb-check input:checked + span:before {
    background-color: #fff;
}

.fb-check input:checked + span:after {
    left: 21px;
    background-color: #6ab04c;
    box-shadow: 0 1px 2px rgba(106,176,76,0.22);
}

.fb-radio {
    position: relative;
    cursor: pointer;
    font-weight: 400;
    height: 30px;
    line-height: 30px;
    display: inline-block;
    margin-bottom: 2px;
    user-select: none;
}

.fb-radio input {
    opacity: 0;
    position: absolute;
    cursor: pointer;
}

.fb-radio span {
    display: inline-block;
    padding-left: 36px;
    height: 30px;
    line-height: 30px;
    white-space: nowrap;
}

.fb-radio span:before,
.fb-radio span:after {
    content: '';
    position: absolute;
    top: 50%;
    transition: .3s;
    border-radius: 50%;
}

.fb-radio span:before {
    left: 0;
    width: 22px;
    height: 22px;
    margin-top: -11px;
    background: #fff;
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, .15);
}

.fb-radio span:after {
    left: 5px;
    width: 12px;
    height: 12px;
    margin-top: -6px;
    background: #ccc;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .14);
}

.fb-radio input:checked + span:after {
    background-color: #6ab04c;
    box-shadow: 0 1px 2px rgba(106,176,76,.22);
}

.structured-services-client-type .fb-check,
#basicBioBlock .fb-radio {
    margin-bottom: 0;
}

/* Hint text shown below a form field */
.prefix-hint {
    display: block;
    font-size: 12px;
    color: #8b7280;
    margin-top: 6px;
    line-height: 1.4;
}

@media (max-width: 768px) {
    [data-item-key="receiving_incall"] .prefix-hint {
        border-bottom: 1px dashed #ead4dc;
        padding-bottom: 6px;
        margin-bottom: 4px;
    }
}

.birthdate-edit-hint {
    margin-top: 8px;
}

.birthdate-edit-hint-locked {
    color: #d93025;
}

.sub-box-label {
    font-size: 16px;
    border-bottom: 1px dashed #e0e0e0;
    margin-bottom: 15px;
    padding-bottom: 15px;
    font-weight: 600;
    display: block;
}

.form-switch {
  padding-left: 2.5em;
}
.form-switch .form-check-input {
  --bs-form-switch-bg: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='9' cy='9' r='6' fill='rgba%2875, 70, 92, 0.2%29'/%3E%3C/svg%3E%0A");
  width: 2em;
  margin-left: -2.5em;
  background-image: var(--bs-form-switch-bg);
  background-position: left center;
  border-radius: 2em;
  transition: background-position 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-switch .form-check-input {
    transition: none;
  }
}
.form-switch .form-check-input:focus {
  --bs-form-switch-bg: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='9' cy='9' r='6' fill='%237367f0'/%3E%3C/svg%3E%0A");
}
.form-switch .form-check-input:checked {
  background-position: right center;
  --bs-form-switch-bg: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='9' cy='9' r='6' fill='%23fff'/%3E%3C/svg%3E%0A");
}
.form-switch.form-check-reverse {
  padding-right: 2.5em;
  padding-left: 0;
}
.form-switch.form-check-reverse .form-check-input {
  margin-right: -2.5em;
  margin-left: 0;
}

.switch {
  margin-right: 0.75rem;
  position: relative;
  vertical-align: middle;
  margin-bottom: 0;
  display: inline-block;
  border-radius: 30rem;
  cursor: pointer;
  min-height: 1.35rem;
  font-size: 0.9375rem;
  line-height: 1.4;
}
.switch .switch-label:first-child {
  padding-right: 0.5rem;
}
.switch .switch-input ~ .switch-label {
  padding-left: 3rem;
}
.switch .switch-toggle-slider {
  width: 2.5rem;
  height: 1.35rem;
  font-size: 0.625rem;
  line-height: 1.35rem;
  border: 1px solid transparent;
  top: 0;
}
.switch .switch-toggle-slider i {
  position: relative;
  font-size: 0.9375rem;
  top: -1.35px;
}
.switch .switch-label {
  top: 0.01875rem;
}
.switch .switch-input:checked ~ .switch-toggle-slider::after {
  left: 1.15rem;
}
.switch .switch-toggle-slider::after {
  top: -1px;
  margin: 0.25rem 0 0 0.25rem;
  width: 13px;
  height: 13px;
}
.switch .switch-on {
  padding-left: 0.25rem;
  padding-right: 1.1rem;
}
.switch .switch-off {
  padding-left: 1.1rem;
  padding-right: 0.25rem;
}
[dir=rtl] .switch .switch-label {
  padding-right: 3rem;
  padding-left: 0;
}
[dir=rtl] .switch .switch-input:checked ~ .switch-toggle-slider::after {
  left: auto;
  right: 1.15rem;
}
[dir=rtl] .switch .switch-toggle-slider::after {
  margin-left: 0;
  margin-right: 0.25rem;
}
[dir=rtl] .switch .switch-on {
  padding-left: 1.1rem;
  padding-right: 0.25rem;
}
[dir=rtl] .switch .switch-off {
  padding-left: 0.25rem;
  padding-right: 1.1rem;
}
[dir=rtl] .switch {
  margin-left: 0.75rem;
  margin-right: 0;
}

.switch-input {
  opacity: 0;
  position: absolute;
  padding: 0;
  margin: 0;
  z-index: -1;
}

.switch-toggle-slider {
  position: absolute;
  overflow: hidden;
  border-radius: 30rem;
  background: transparent;
  border: 1px solid rgba(75, 70, 92, 0.2) !important;
  color: rgba(75, 70, 92, 0.4);
  transition-duration: 0.2s;
  transition-property: left, right, background, box-shadow;
  cursor: pointer;
  user-select: none;
}
.switch-toggle-slider i {
  top: -2.3px !important;
}

.switch-label {
  display: inline-block;
  font-weight: 400;
  color: #6f6b7d;
  position: relative;
  cursor: pointer;
}

.switch-off,
.switch-on {
  height: 100%;
  width: 100%;
  text-align: center;
  position: absolute;
  top: 0;
  transition-duration: 0.2s;
  transition-property: left, right;
}

.switch-on {
  left: -100%;
}
[dir=rtl] .switch-on {
  left: auto;
  right: -100%;
}
.switch-input:not(:checked) ~ .switch-toggle-slider .switch-on {
  color: transparent;
}

.switch-off {
  left: 0;
}
[dir=rtl] .switch-off {
  right: 0;
  left: auto;
}

.switch-input:checked ~ .switch-toggle-slider {
  border-color: #7367f0;
}
.switch-input:checked ~ .switch-toggle-slider:after {
  background: #fff;
}
.switch-input:checked ~ .switch-toggle-slider .switch-on {
  left: 0;
}
[dir=rtl] .switch-input:checked ~ .switch-toggle-slider .switch-on {
  right: 0;
  left: auto;
}
.switch-input:checked ~ .switch-toggle-slider .switch-off {
  left: 100%;
  color: transparent;
}
[dir=rtl] .switch-input:checked ~ .switch-toggle-slider .switch-off {
  right: 100%;
  left: auto;
}

.switch-toggle-slider::after {
  content: "";
  position: absolute;
  left: 0;
  display: block;
  border-radius: 999px;
  background: rgba(75, 70, 92, 0.2);
  box-shadow: none;
  transition-duration: 0.2s;
  transition-property: left, right, background;
}
[dir=rtl] .switch-toggle-slider::after {
  right: 0;
  left: auto;
}

.switches-stacked::after {
  display: block;
  clear: both;
  content: "";
}
.switches-stacked .switch {
  display: block;
}
html:not([dir=rtl]) .switches-stacked .switch {
  margin-right: 0;
}
[dir=rtl] .switches-stacked .switch {
  margin-left: 0;
}
.switches-stacked .switch:not(:last-child) {
  margin-bottom: 0.75rem;
}

.switch-square,
.switch-square .switch-toggle-slider {
  border-radius: 0.375rem;
}

.switch-square .switch-toggle-slider::after {
  border-radius: calc(0.375rem - 2px);
}

.switch.switch-outline .switch-toggle-slider:after {
  background: rgba(75, 70, 92, 0.2);
}

.switch-input:disabled ~ .switch-toggle-slider {
  opacity: 0.5;
  background: rgba(75, 70, 92, 0.2);
  border-color: transparent !important;
}
.switch-input:disabled ~ .switch-toggle-slider::after {
  box-shadow: none;
}
.switch-input:disabled ~ .switch-label {
  color: #a5a3ae;
}

.switch-sm {
  min-height: 1.125rem;
  font-size: 0.75rem;
  line-height: 1.48;
}
.switch-sm .switch-label:first-child {
  padding-right: 0.5rem;
}
.switch-sm .switch-input ~ .switch-label {
  padding-left: 2.5rem;
}
.switch-sm .switch-toggle-slider {
  width: 2rem;
  height: 1.125rem;
  font-size: 0.625rem;
  line-height: 1.125rem;
  border: 1px solid transparent;
  top: 0;
}
.switch-sm .switch-toggle-slider i {
  position: relative;
  font-size: 0.75rem;
  top: -2px;
}
.switch-sm .switch-label {
  top: 0.0075rem;
}
.switch-sm .switch-input:checked ~ .switch-toggle-slider::after {
  left: 0.875rem;
}
.switch-sm .switch-toggle-slider::after {
  top: -1px;
  margin: 0.25rem 0 0 0.25rem;
  width: 10px;
  height: 10px;
}
.switch-sm .switch-on {
  padding-left: 0.25rem;
  padding-right: 0.875rem;
}
.switch-sm .switch-off {
  padding-left: 0.875rem;
  padding-right: 0.25rem;
}
[dir=rtl] .switch-sm .switch-label {
  padding-right: 2.5rem;
  padding-left: 0;
}
[dir=rtl] .switch-sm .switch-input:checked ~ .switch-toggle-slider::after {
  left: auto;
  right: 0.875rem;
}
[dir=rtl] .switch-sm .switch-toggle-slider::after {
  margin-left: 0;
  margin-right: 0.25rem;
}
[dir=rtl] .switch-sm .switch-on {
  padding-left: 0.875rem;
  padding-right: 0.25rem;
}
[dir=rtl] .switch-sm .switch-off {
  padding-left: 0.25rem;
  padding-right: 0.875rem;
}

.switch-lg {
  min-height: 1.75rem;
  font-size: 1rem;
  line-height: 1.47;
}
.switch-lg .switch-label:first-child {
  padding-right: 0.5rem;
}
.switch-lg .switch-input ~ .switch-label {
  padding-left: 3.75rem;
}
.switch-lg .switch-toggle-slider {
  width: 3.25rem;
  height: 1.75rem;
  font-size: 0.625rem;
  line-height: 1.75rem;
  border: 1px solid transparent;
  top: 0;
}
.switch-lg .switch-toggle-slider i {
  position: relative;
  font-size: 1rem;
  top: -2px;
}
.switch-lg .switch-label {
  top: 0.14rem;
}
.switch-lg .switch-input:checked ~ .switch-toggle-slider::after {
  left: 1.5rem;
}
.switch-lg .switch-toggle-slider::after {
  top: -1px;
  margin: 0.25rem 0 0 0.25rem;
  width: 20px;
  height: 20px;
}
.switch-lg .switch-on {
  padding-left: 0.25rem;
  padding-right: 1.5rem;
}
.switch-lg .switch-off {
  padding-left: 1.5rem;
  padding-right: 0.25rem;
}
[dir=rtl] .switch-lg .switch-label {
  padding-right: 3.75rem;
  padding-left: 0;
}
[dir=rtl] .switch-lg .switch-input:checked ~ .switch-toggle-slider::after {
  left: auto;
  right: 1.5rem;
}
[dir=rtl] .switch-lg .switch-toggle-slider::after {
  margin-left: 0;
  margin-right: 0.25rem;
}
[dir=rtl] .switch-lg .switch-on {
  padding-left: 1.5rem;
  padding-right: 0.25rem;
}
[dir=rtl] .switch-lg .switch-off {
  padding-left: 0.25rem;
  padding-right: 1.5rem;
}

.switch-secondary.switch .switch-input:checked ~ .switch-toggle-slider {
  background: #a8aaae;
  border-color: #a8aaae !important;
  color: #fff;
}

.switch-secondary.switch .switch-input:active ~ .switch-toggle-slider {
  box-shadow: none;
}

.switch-secondary.switch .switch-input:focus ~ .switch-toggle-slider {
  border: 1px solid #a8aaae;
  box-shadow: 0 0 0.25rem 0.05rem rgba(115, 103, 240, 0.1);
}

.switch-success.switch .switch-input:checked ~ .switch-toggle-slider {
  background: #28c76f;
  border-color: #28c76f !important;
  color: #fff;
}

.switch-success.switch .switch-input:active ~ .switch-toggle-slider {
  box-shadow: none;
}

.switch-success.switch .switch-input:focus ~ .switch-toggle-slider {
  border: 1px solid #28c76f;
  box-shadow: 0 0 0.25rem 0.05rem rgba(115, 103, 240, 0.1);
}

.switch-info.switch .switch-input:checked ~ .switch-toggle-slider {
  background: #00cfe8;
  border-color: #00cfe8 !important;
  color: #fff;
}

.switch-info.switch .switch-input:active ~ .switch-toggle-slider {
  box-shadow: none;
}

.switch-info.switch .switch-input:focus ~ .switch-toggle-slider {
  border: 1px solid #00cfe8;
  box-shadow: 0 0 0.25rem 0.05rem rgba(115, 103, 240, 0.1);
}

.switch-warning.switch .switch-input:checked ~ .switch-toggle-slider {
  background: #ff9f43;
  border-color: #ff9f43 !important;
  color: #fff;
}

.switch-warning.switch .switch-input:active ~ .switch-toggle-slider {
  box-shadow: none;
}

.switch-warning.switch .switch-input:focus ~ .switch-toggle-slider {
  border: 1px solid #ff9f43;
  box-shadow: 0 0 0.25rem 0.05rem rgba(115, 103, 240, 0.1);
}

.switch-danger.switch .switch-input:checked ~ .switch-toggle-slider {
  background: #ea5455;
  border-color: #ea5455 !important;
  color: #fff;
}

.switch-danger.switch .switch-input:active ~ .switch-toggle-slider {
  box-shadow: none;
}

.switch-danger.switch .switch-input:focus ~ .switch-toggle-slider {
  border: 1px solid #ea5455;
  box-shadow: 0 0 0.25rem 0.05rem rgba(115, 103, 240, 0.1);
}

.switch-dark.switch .switch-input:checked ~ .switch-toggle-slider {
  background: #4b4b4b;
  border-color: #4b4b4b !important;
  color: #fff;
}

.switch-dark.switch .switch-input:active ~ .switch-toggle-slider {
  box-shadow: none;
}

.switch-dark.switch .switch-input:focus ~ .switch-toggle-slider {
  border: 1px solid #4b4b4b;
  box-shadow: 0 0 0.25rem 0.05rem rgba(115, 103, 240, 0.1);
}

.switch-gray.switch .switch-input:checked ~ .switch-toggle-slider {
  background: rgba(75, 70, 92, 0.05);
  border-color: rgba(75, 70, 92, 0.05) !important;
  color: #fff;
}

.switch-gray.switch .switch-input:active ~ .switch-toggle-slider {
  box-shadow: none;
}

.switch-gray.switch .switch-input:focus ~ .switch-toggle-slider {
  border: 1px solid rgba(75, 70, 92, 0.05);
  box-shadow: 0 0 0.25rem 0.05rem rgba(115, 103, 240, 0.1);
}

.switch .valid-feedback,
.switch .invalid-feedback {
  padding-left: 0.5rem;
}

.was-validated .switch-input:valid ~ .switch-label, .switch-input.invalid ~ .switch-label, .switch-input.is-valid ~ .switch-label {
  color: #28c76f;
}
.was-validated .switch-input:valid ~ .valid-feedback,
.was-validated .switch-input:valid ~ .valid-tooltip, .switch-input.invalid ~ .valid-feedback,
.switch-input.invalid ~ .valid-tooltip, .switch-input.is-valid ~ .valid-feedback,
.switch-input.is-valid ~ .valid-tooltip {
  display: block;
}
.was-validated .switch-input:valid ~ .switch-toggle-slider, .switch-input.invalid ~ .switch-toggle-slider, .switch-input.is-valid ~ .switch-toggle-slider {
  border: 1px solid #28c76f !important;
}
.was-validated .switch-input:valid:checked ~ .switch-toggle-slider, .switch-input.invalid:checked ~ .switch-toggle-slider, .switch-input.is-valid:checked ~ .switch-toggle-slider {
  background: #28c76f;
  border-color: #28c76f !important;
  color: #fff;
}
.was-validated .switch-input:valid:focus ~ .switch-toggle-slider, .switch-input.invalid:focus ~ .switch-toggle-slider, .switch-input.is-valid:focus ~ .switch-toggle-slider {
  box-shadow: 0 0 0.25rem 0.05rem rgba(40, 199, 111, 0.4);
}
.was-validated .switch-input:valid:active ~ .switch-toggle-slider, .switch-input.invalid:active ~ .switch-toggle-slider, .switch-input.is-valid:active ~ .switch-toggle-slider {
  box-shadow: none;
}

.was-validated .switch-input:invalid ~ .switch-label, .switch-input.invalid ~ .switch-label, .switch-input.is-invalid ~ .switch-label {
  color: #ea5455;
}
.was-validated .switch-input:invalid ~ .invalid-feedback,
.was-validated .switch-input:invalid ~ .invalid-tooltip, .switch-input.invalid ~ .invalid-feedback,
.switch-input.invalid ~ .invalid-tooltip, .switch-input.is-invalid ~ .invalid-feedback,
.switch-input.is-invalid ~ .invalid-tooltip {
  display: block;
}
.was-validated .switch-input:invalid ~ .switch-toggle-slider, .switch-input.invalid ~ .switch-toggle-slider, .switch-input.is-invalid ~ .switch-toggle-slider {
  border: 1px solid #ea5455 !important;
}
.was-validated .switch-input:invalid:checked ~ .switch-toggle-slider, .switch-input.invalid:checked ~ .switch-toggle-slider, .switch-input.is-invalid:checked ~ .switch-toggle-slider {
  background: #ea5455;
  border-color: #ea5455 !important;
  color: #fff;
}
.was-validated .switch-input:invalid:focus ~ .switch-toggle-slider, .switch-input.invalid:focus ~ .switch-toggle-slider, .switch-input.is-invalid:focus ~ .switch-toggle-slider {
  box-shadow: 0 0 0.25rem 0.05rem rgba(234, 84, 85, 0.4);
}
.was-validated .switch-input:invalid:active ~ .switch-toggle-slider, .switch-input.invalid:active ~ .switch-toggle-slider, .switch-input.is-invalid:active ~ .switch-toggle-slider {
  box-shadow: none;
}

.form-switch {
  padding-left: 0;
  padding-right: 2.5em;
}
.form-switch .form-check-input {
  margin-left: 0;
  margin-right: -2.5em;
  background-position: right center;
}
.form-switch .form-check-input:checked {
  background-position: left center;
}
.switch-input:checked ~ .switch-toggle-slider {
    background: #005bff;
    border-color: #005bff !important;
    color: #fff;
}

.mb5{
    margin-bottom: 5px;
}

.mb10{
    margin-bottom: 10px;
}

.mb15{
    margin-bottom: 15px;
}

.mb40{
    margin-bottom: 40px;
}

.mb50{
    margin-bottom: 50px;
}

.catalog-container-items{
    min-height: 500px;
    margin-top: 25px;
}

.uni-select{
    position: relative;
}

.uni-select-name{
    border-radius: 15px;
    padding: 0px 15px;
    background-color: #f8fafc;
    cursor: pointer;
    width: 100%;
    display: flex;
    align-items: center;
    height: 50px;
}

.uni-select-name:after {
  content: url("data:image/svg+xml,%0A%3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.423 6.91a.833.833 0 0 0-1.179 0L10 12.156 4.756 6.91a.833.833 0 0 0-1.178 1.178l5.833 5.833a.833.833 0 0 0 1.179 0l5.833-5.833a.833.833 0 0 0 0-1.178Z' fill='%23000'/%3E%3C/svg%3E");
  position: absolute;
  right: 15px;
  top: 17px;
}

.uni-select-name{
    border-radius: 15px;
    padding: 0px 15px;
    background-color: #f8fafc;
    cursor: pointer;
    width: 100%;
    display: flex;
    align-items: center;
    height: 50px;
}

.uni-select-name:active{
    transform: scale(0.98); 
}

.uni-select-content{
    padding: 15px 0;
    border-radius: 15px;
    box-shadow: 0 0 30px rgba(0, 0, 0, .15);
    position: absolute;
    top: 58px;
    left: 0px;
    right: 0px;
    background-color: white;
    z-index: 11;
    min-width: 200px;
    display: none;
}

.uni-select-content-container{
    overflow: auto;
    max-height: 250px;
}

.uni-select-content-item{
    padding: 8px 15px;
    cursor: pointer;
    position: relative;
    display: block;
}

.uni-select-content-item:hover{
    background-color: #f8fafc;
}

.uni-select-content-item input{
    display: none;
}

.uni-select-content-item.uni-select-item-active {
    background: rgba(0, 91, 255, .07);
    color: var(--primary);
    font-weight: 600;
}

.uni-select-content-item.uni-select-item-active:after {
    content: '';
    position: absolute;
    right: 16px;
    top: 50%;
    width: 6px;
    height: 11px;
    border: 2px solid var(--primary);
    border-top: none;
    border-left: none;
    transform: translateY(-60%) rotate(45deg);
}

.uni-select-content-item.uni-select-content-item-disabled {
    opacity: .45;
    cursor: not-allowed;
    pointer-events: none;
    background-color: #f3f4f6;
}

.uni-select-content-item.uni-select-content-item-disabled span {
    color: #9aa3af;
}

.uni-select-content-item.uni-select-content-item-disabled:hover {
    background-color: #f3f4f6;
}

.uni-select-content-input{
    padding: 0 15px;
}

.uni-select-content-input input{
    height: 42px!important;
    background-color: white;
    border: 1px solid #dcdcdc!important;    
}

.uni-select-content-search input{
    height: 42px!important;
    background-color: white;
    border: 1px solid #dcdcdc!important; 
}

.uni-select-content-search{
    margin-bottom: 15px;
    padding: 0 15px;
}

.uni-select-content-empty {
    padding: 10px 15px;
    color: #8a8a8a;
    font-size: 14px;
    text-align: center;
}

.uni-select-content-search-with-clear {
    position: relative;
}

.uni-select-content-search-with-clear input {
    padding-right: 42px;
}

.uni-select-content-search-clear {
    position: absolute;
    right: 15px;
    top: 0;
    bottom: 0;
    width: 42px;
    display: none;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: #9aa4b2;
    z-index: 2;
}

.uni-select-content-search-clear.is-visible {
    display: flex;
}

.uni-select-content-search-clear i {
    font-size: 16px;
    line-height: 1;
    transition: color 0.18s ease, transform 0.18s ease;
}

.uni-select-content-search-clear:hover i {
    color: #4b5563;
}

.uni-select-open .uni-select-content{
    display: block; 
}

.top-banner-item{
    border-radius: 15px;
    height: 140px;
    width: 500px;
    background-color: #f8fafc;
    overflow: hidden;
}

.top-banners-container{
    margin-bottom: 15px;
}

.params-form-sticky{
    position: relative;
}

.params-buttons-sticky{
    position: sticky;
    bottom: 0px;
    left: 0;
    right: 0;
    background-color: white;
    padding-bottom: 10px;
    padding-top: 10px;
}

.catalog-filter-links-container{
    margin-top: 15px;
}

.catalog-filter-links-container a{
    display: inline-block;
    padding: 5px 0;
    margin-right: 15px;
    font-weight: 600;
}

.catalog-filter-links-container a:hover{
    text-decoration: underline;
    color: black;
}

.catalog-container-options-links-inline > div{
    display: inline-block;
}

.catalog-container-links-inline-item{
    display: inline-block;
    margin-right: 15px;
    color: black!important;
    cursor: pointer;
}

.catalog-container-links-inline-item:hover{
    background-color: #f8fafc;
}

.catalog-not-found{
    text-align: center;
    margin-top: 120px;
    margin-bottom: 120px;
}

.catalog-not-found h4{
    font-weight: bold;
    margin-bottom: 15px;
}

.catalog-not-found p{
    margin: 0;
}

.container-item-grid-skeleton{
    color: black;
    display: block;
}

.container-item-images-skeleton{
    height: 320px;
    overflow: hidden;
    border-radius: 15px;
    position: relative;
    background-color: #F7F8FA;
}

.container-item-grid-content-title-skeleton{
    border-radius: 3px;
    display: block;
    background-color: #F7F8FA; 
    height: 20px;
    margin-top: 10px;
}

.container-item-grid-content{
    word-break: break-word;
}

.container-item-grid-content-prices-skeleton{
    border-radius: 3px;
    display: block;
    background-color: #F7F8FA; 
    height: 20px;
    margin-top: 10px;
}

.container-item-list-skeleton{
    color: black;
    margin-bottom: 25px;
    display: block;
    border-radius: 15px;
}

.container-item-images-skeleton{
    height: 320px;
    overflow: hidden;
    border-radius: 15px;
    position: relative;
    background-color: #F7F8FA;
}

.shops-container-items .container-item-images-skeleton{
    height: 225px;
}

.container-item-images::before, .container-item-images-skeleton::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('/storage/images/logo-dark.png');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100px auto;
    opacity: 0.05;
    pointer-events: none;
    z-index: 0;
}

.container-item-list-content-title-skeleton{
    border-radius: 3px;
    display: block;
    background-color: #F7F8FA; 
    height: 20px;
    margin-top: 10px;
}

.container-item-list-content-prices-skeleton{
    border-radius: 3px;
    display: block;
    background-color: #F7F8FA; 
    height: 20px;
    margin-top: 10px;    
}

.container-item-list-content-prices .card-item-price-now{
    font-size: 22px;
    font-weight: 600;
}

.container-item-list-content-prices .card-item-price-old{
    font-size: 18px;
    color: #f81155;
    text-decoration: line-through;
    margin-left: 5px;
    display: inline-block;
}

.container-item-list-content-prices .card-item-price-measure-title{
    font-size: 15px;
}

.container-item-list-content-desc-skeleton{
    border-radius: 3px;
    display: block;
    background-color: #F7F8FA; 
    height: 100px;
    margin-top: 10px;
}

.mr5{
    margin-right: 5px!important;
}

.mr10{
    margin-right: 10px!important;
}

.mb20{
    margin-bottom: 20px;
}

.mb25{
    margin-bottom: 25px;
}

.block-social-auth-list{
    display: inline-block;
    margin-top: 15px;
}

.block-social-auth-list img{
    height: 32px;
}

.block-social-auth-list a{
    transition: 0.5s;
    display: inline-block;
}

.block-social-auth-list a:not(:last-child) {
    margin-right: 5px;
}

.block-social-auth-list a:hover{
    transform: scale(1.2); 
}

.block-social-auth-buttons a:not(:last-child) {
    margin-bottom: 5px;
}

.block-social-auth-buttons img{
    height: 24px;
    margin-right: 5px;
}

.block-social-auth-buttons a:hover{
    color: white!important;
}

.button-color-vkontakte{
    background-color: #4d76a1!important;
    color: white!important;
}

.button-color-google{
    background-color: #4285f3!important;
    color: white!important;
}

.button-color-facebook{
    background-color: #3f65a6!important;
    color: white!important;
}

.button-color-yandex{
    background-color: #f8604a!important;
    color: white!important;
}

.container-page-auth{
    margin: 35px auto;
    max-width: 480px;
}

.footer-bg-box-link-inline{
    border-radius: 18px;
    background-color: #292b2e;
    padding: 20px 30px;
}

.footer-bg-box-link-inline-item{
    display: inline-block;
    margin-right: 15px;
    color: white;
    font-weight: 600;
    font-size: 16px;
}

.footer-bg-box-link-inline-item:hover{
    color: #43E9E4;
}

.footer-bg-box-link-inline .uni-dropdown-name{
    color: white;
}

.footer-bg-box-link-inline .uni-dropdown{
    text-align: right;
}

.flex-wrapper{
    flex: 1 0 auto;
}

.auth-block-tab-list-action{
    margin-bottom: 25px;
}

.auth-block-tab-list-action span{
    display: inline-block;
    margin-right: 20px;
    font-size: 25px;
    cursor: pointer;
}

.auth-block-tab-list-action span.active{
    font-weight: bold;
}

.auth-block-tab-2, .auth-block-tab-2-check-verify{
    display: none;
}

.mini-avatar-img{
    display: inline-flex; align-items: center; justify-content: center; width: 44px; overflow: hidden; border-radius: 50%; height: 44px; background-color: #f8fafc;
}

.mini-avatar .label-count{
    position: absolute; top: -6px; right: 1px;
}
.mini-avatar{
    position: relative; height: 44px; display: block;
}

.dropdown-box-list-link a{
    display: block; padding: 8px 20px; color: black; font-size: 14px; font-weight: normal;
}
.dropdown-box-list-link a:hover{
    background: rgba(0, 0, 0, 0) linear-gradient(210deg, rgb(215, 245, 255), rgb(236, 239, 255)) repeat scroll 0% 0%; text-decoration: none;
}
.dropdown-box-list-link a > i, .user-menu a > i, .mobile-fixed-menu-user-link a > i{
    margin-right: 4px;
    font-size: 23px;
}

.width-250{
    width: 250px;
}

.header-user-dropdown-menu-box{
    position: absolute;
    top: 55px;
    width: 270px;
    right: 0;
    background-color: white;
    box-shadow: 0 6px 32px #5e5c5c24;
    padding: 15px;
    border-radius: 15px;
    display: none;
    overflow: hidden;
    border: 1px solid transparent;
    text-align: left;
    z-index: 15;
}

.header-user-dropdown-menu{
    position: relative;
}

.header-user-dropdown-menu-box-link a {
    display: block;
    padding: 5px 8px;
    color: black;
    font-weight: normal;
}

.header-user-dropdown-menu-box-link a:hover{
    color: #0066f5;
}

.header-user-dropdown-menu-box-link a > i{
    margin-right: 4px;
    font-size: 23px;
}

.container-user-rating-stars span i{
    font-size: 18px;
    color: #c9c9c9;
}
.container-user-rating-stars span i.ti-star-filled{
    color: #ffaf00;
}
.container-user-rating-stars span{
    margin-right: 5px;
    color: black;
}
.user-rating-stars-count-reviews{
    font-size: 13px; margin-left: 3px;
}
.container-user-rating-stars{
    display: flex; align-items: flex-end;
}
.dropdown-box-list-nested{
    display: none;
}

.profile-user-sidebar-avatar > div{
    width: 90px;
    height: 90px;
    border-radius: 50%;
    overflow: hidden;
    position: relative;
    display: inline-block;
    background-color: #f8fafc;
}

.profile-user-sidebar-avatar-change{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    backdrop-filter: blur(5px);
    cursor: pointer;
    z-index: 1;
    display: none;
    align-items: center;
    justify-content: center;
}

.profile-user-sidebar-avatar-change i{
    font-size: 32px;
    color: white;
}

.profile-user-sidebar-avatar > div:hover .profile-user-sidebar-avatar-change{
    display: flex;
}

.profile-user-sidebar-menu a{
    display: block;
    color: black;
    font-weight: normal;
    margin: 13px 0;
}

.profile-user-sidebar-menu a:hover{
    color: #0066f5;
}

.profile-user-sidebar-menu a > i{
    margin-right: 4px;
    font-size: 23px;
}

.profile-user-sidebar-full-name{
    margin-top: 10px;
    margin-bottom: 10px;
    font-weight: 900;
    font-size: 22px;
    color: black;
    display: block;
}

.profile-user-sidebar-full-name:hover{
    color: black;
}

.profile-user-sidebar-menu{
    margin-top: 15px;
}

.user-label-verification{
    cursor: pointer;
}

.user-label-verification i{
    font-size: 20px;
    color: #36b555;
}

.container-reviews-list-item{
    margin-bottom: 25px;
}

.container-reviews-list-item-info-avatar{
    position: relative;
    overflow: hidden;
    border-radius: 50%;
    width: 45px;
    height: 45px;
    display: block;
}

.container-reviews-list-item-info-name{
    display: block;
    font-size: 16px;
    font-weight: bold;
}

.container-reviews-list-item-info-date{
    display: block;
    font-size: 14px;
}

.container-reviews-list-item-info{
    display: flex;
    justify-content: space-between;
    flex-grow: 1;
}

.container-reviews-list-item-info-name-and-date{
    font-size: 14px;
    font-weight: normal;
}

.container-reviews-list-item-info-title{
    font-size: 14px;
    font-weight: normal;
}

.container-reviews-list-item-info-block2{
    margin-left: 10px;
    flex-grow: 1;
}

.container-reviews-list-item-text{
    margin-top: 15px;
}

.container-reviews-list-item-media{
    margin-top: 15px;
}

.container-reviews-list-item-media-photo{
    height: 50px;
    width: 50px;
    overflow: hidden;
    border-radius: 10px;
    margin-right: 5px;
    display: inline-block;
    cursor: pointer;
}

.container-reviews-list-item-parent{
    margin-left: 40px;
    margin-top: 20px;
}

/* ============================================================
   REVIEW CARD LIST
   ============================================================ */

.review-card-list-thumb {
    width: 72px;
    height: 90px;
}

.review-card-list-avatar {
    width: 36px;
    height: 36px;
    object-fit: cover;
}

.reviewsSwiper .swiper-slide {
    height: auto;
    display: flex;
    flex-direction: column;
}

.reviewsSwiper .swiper-slide > div {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.reviewsSwiper .container-reviews-list-item-info-name {
    font-size: 13px;
}

.reviews-pagination .pagination,
.video-reels-pagination .pagination { justify-content: center; }

.reviews-grid .col-md-4 { padding: 8px; }

.review-card-header {
    background: linear-gradient(135deg, #f8f0ff 0%, #fce8f0 100%);
}

/* ============================================================
   END REVIEW CARD LIST
   ============================================================ */

.font-bold{
    font-weight: bold;
}

.ad-create-categories-container{
    margin-top: 30px;
    margin-bottom: 50px;
}

.ad-create-categories-container span{
    display: block;
    padding: 10px 15px;
    border-radius: 10px;
    transition: all .10s linear; 
}

.ad-create-categories-container span:hover{
    background-color: #186aff;
    color: white;
    cursor: pointer;
}

.ad-create-categories-container span:active{
    transform: scale(0.98); 
}

.ad-create-options-category-chain{
    margin-bottom: 25px;
    display: block;
    cursor: pointer;
    font-weight: 500;
}

.ad-create-options-container-item{
    margin-bottom: 40px;
}

.form-control-textarea{
    border: 1px solid #f8fafc!important;
    padding: 13px;
    border-radius: 15px;
    background-color: #f8fafc;
    width: 100%;
    min-height: 170px;
}

.form-control-textarea:focus {
    border-color: #007bff!important;
    border-width: 1px;
    box-shadow: none!important;
    outline: none!important;
    background-color: white!important;
}

.unidropzone {
    border: 2px dashed #e9e9e9 !important;
    border-radius: 10px !important;
    position: relative;
    z-index: 1;
    padding: 15px;
    width: 100%;
}

.unidropzone-container{
    position: relative;
}

.unidropzone-container-show{
    display: block;
}

.unidropzone-item{
    position: relative;
    border-radius: 10px;
    overflow: hidden;
    height: 235px;
    width: 132px;
    margin-right: 10px;
    background-color: #f8fafc;
    display: inline-block;
    border: 1px solid #f5f5f5;
    cursor: move;
}

.unidropzone-item-loader{
    position: absolute;
    margin-left: -15px;
    margin-top: -15px;
    left: 50%;
    top: 50%;
    z-index: 3;
}

.unidropzone-item-loader span{
    width: 30px;
    height: 30px;
    color: black;
    border-width: 2px;
}

.unidropzone-item-delete{
    position: absolute;
    right: 5px;
    top: 5px;
    cursor: pointer;
    z-index: 2;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: white;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 0.25rem 1rem rgba(165, 163, 174, 0.45);
}

.unidropzone-item-delete i{
    font-size: 16px;
}

.unidropzone-item-settings {
    position: absolute;
    left: 5px;
    top: 5px;
    cursor: pointer;
    z-index: 2;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: white;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 0.25rem 1rem rgba(165, 163, 174, 0.45);
}

.unidropzone-item-settings i {
    font-size: 16px;
}

/* AdsMediaCore - layout modal adMediaSettings */

.ad-media-settings-preview {
    display: grid;
    grid-template-columns: 140px minmax(0, 1fr);
    gap: 18px;
    align-items: stretch;
}

.ad-media-settings-preview-image {
    position: relative;
    height: 180px;
    border-radius: 14px;
    overflow: hidden;
    background: #f7f8fa;
}

.ad-media-settings-preview-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.ad-media-settings-preview-type {
    position: absolute;
    left: 10px;
    bottom: 10px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: rgba(0, 0, 0, .72);
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.ad-media-settings-preview-info {
    border: 1px solid #ececec;
    border-radius: 14px;
    padding: 14px;
}

.ad-media-settings-meta-title {
    font-weight: 600;
    margin-bottom: 10px;
}

.ad-media-settings-meta-row {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    padding: 8px 0;
    border-bottom: 1px solid #f0f0f0;
}

.ad-media-settings-meta-row:last-child {
    border-bottom: 0;
}

.ad-media-settings-description {
    min-height: 92px;
    resize: vertical;
}

.ad-media-settings-switches {
    display: grid;
    gap: 12px;
}

.ad-media-settings-switch {
    align-items: flex-start;
}

.ad-media-settings-switch .switch-label small {
    display: block;
    margin-top: 3px;
    color: #898989;
    font-size: 13px;
    line-height: 1.35;
}

@media (max-width: 575px) {
    .ad-media-settings-preview {
        grid-template-columns: 1fr;
    }

    .ad-media-settings-preview-image {
        height: 220px;
    }
}

.unidropzone-item-error{
    position: absolute;
    margin-left: 15px;
    margin-right: 15px;
    bottom: 10px;
    z-index: 3;    
    color: red;
    font-size: 12px;
}

.unidropzone:hover{
    border: 2px dashed #d2d2d2 !important;
}

.unidropzone-change{
    font-weight: 300;
    cursor: pointer;
    text-align: center;
    padding: 20px 0;
    color: #8e8e8e;
}

.init-unidropzone input[type=file]{
    display: none;
}

.map-container{
    border-radius: 10px;
    overflow: hidden;
    height: 300px;
    width: 100%;
    background-color: #f8fafc;
    margin-top: 10px;
    z-index: 1;
}

.ad-create-options-container-item-title{
    margin-bottom: 15px;
    font-size: 24px;
}

.input-geo-search-container{
    position: relative;
}

.input-geo-search-container-result{
    position: absolute;
    top: 50px;
    border-radius: 15px;
    background-color: white;
    box-shadow: 0 6px 32px #5e5c5c24;
    left: 0;
    right: 0;
    z-index: 5;
    padding: 15px 0;
    display: none;
    max-height: 300px;
    overflow: auto;
}

.input-geo-search-container-result span {
    display: block;
    padding: 8px 15px;
    color: #333333;
    font-weight: 500;
    cursor: pointer;
}

.input-geo-search-container-result span:hover{
    background: rgba(0, 0, 0, 0) linear-gradient(210deg, rgb(215, 245, 255), rgb(236, 239, 255)) repeat scroll 0% 0%;
    color: black!important;
}

.params-form-item-label-required{
    color: red;
}

.ad-create-info-block-payment{
    border-radius: 15px;
    background: rgba(0, 0, 0, 0) linear-gradient(210deg, rgb(215, 245, 255), rgb(236, 239, 255)) repeat scroll 0% 0%;
    padding: 20px;
    margin-bottom: 25px;
}

.ad-create-info-block-payment h5{
    font-size: 21px;
    font-weight: 900;
}

.ad-create-info-block-payment p{
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 0;
}

.ad-create-options-container-item-box-available-settings, .ad-create-options-container-item-box-booking-deposit-settings, .ad-create-options-container-item-box-booking-prepayment-settings{
    display: none;
}

.ad-create-options-container-item-box-booking{
    padding: 25px;
    border-radius: 15px;
    background: rgba(0, 0, 0, 0) linear-gradient(210deg, rgb(215, 245, 255), rgb(236, 239, 255)) repeat scroll 0% 0%;
}

.ad-create-options-container-item-extra:not(:last-child) {
   margin-bottom: 10px;
}

.info-box-publication{
    margin-top: 120px;
}

.info-box-publication img{
    height: 128px;
}

.info-box-publication h4{
    font-weight: 800;
    margin-top: 15px;
}

.ad-card-media-slider-container{
    position: relative;
}

.ad-card-media-slider{
    overflow: hidden;
    position: relative;
}

.ad-card-media-slider-item {
    width: auto!important;
}

.ad-card-media-slider-item > div{
    border-radius: 15px;
    overflow: hidden;
    display: inline-block;
    position: relative;
}

.ad-card-media-slider-item-label-video{
    position: absolute;
    left: 50%;
    top: 50%;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: #e45959;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-left: -25px;
    margin-top: -25px;
}

.ad-card-media-slider-item-label-video i{
    font-size: 26px;
    color: white;
}

.ad-card-media-slider-item > div > img {
    height: 100%;
}

.ad-card-media-slider::-webkit-scrollbar {
   display: none;
}

.ad-card-media-slider-nav-left{
    position: absolute;
    left: 15px;
    top: 50%;
    margin-top: -20px;
    display: inline-flex;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    background-color: white;
    cursor: pointer;
    color: black;
    box-shadow: rgb(0 0 0 / 6%) 0 4px 8px 0;
    z-index: 3;
}

.ad-card-media-slider-nav-right{
    position: absolute;
    right: 15px;
    top: 50%;
    margin-top: -20px;
    display: inline-flex;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    background-color: white;
    cursor: pointer;
    color: black;
    box-shadow: rgb(0 0 0 / 6%) 0 4px 8px 0;
    z-index: 3;
}

.ad-card-media-slider-nav-left i, .ad-card-media-slider-nav-right i{
    font-size: 21px;
}

.ad-card-media-slider-nav-left:active, .ad-card-media-slider-nav-right:active{
    transform: scale(0.95); 
}

.ad-card-media-slider-miniatures .swiper-slide{
    height: 65px;
    width: 65px;
    border-radius: 10px;
    overflow: hidden;
    display: inline-block;
    cursor: pointer;
    margin-right: 5px;
    margin-bottom: 5px;
    border: 1px solid transparent;
}

.ad-card-media-slider-miniatures{
    margin-top: 15px;
    overflow: hidden;
    visibility: hidden;
}

.ad-card-media-slider-miniatures .swiper-slide.active {
    border: 1px solid #0066f5;
}

.breadcrumb{
    font-size: 14px!important;
    color: black;
    margin-bottom: 10px;
}

.breadcrumb a{
    color: black;
}

.breadcrumb a:hover{
    color: black!important;
}

.ad-card-favorite-action span:active{
    transform: scale(0.97); 
}

.ad-card-info-line span{
    display: inline-block;
    margin-right: 15px;
}

.ad-card-info-line span .ad-views-count,
.ad-card-info-line span .ad-views-today{
    display: inline;
    margin-right: 0;
}

.ad-card-menu-line{
    display: flex;
    justify-content: end;
}

.ad-card-menu-line-item{
    cursor: pointer;
    display: inline-flex;
    border-radius: 10px;
    width: 35px;
    height: 35px;
    align-items: center;
    justify-content: center;
    background-color: #f8fafc;
    position: relative;
}

.ad-card-menu-line-item:not(:last-child) {
    margin-right: 5px;
}

.ad-card-menu-line-item i{
   font-size: 22px;
}

.active-scale:active{
    transform: scale(0.97); 
}

.ad-card-prices-line span{
    display: inline-block;
    margin-right: 10px;
    margin-top: 5px;
}

.ad-card-prices .card-item-price-now{
    font-size: 28px;
    font-weight: 900;
    display: inline-block;
    margin-right: 10px;
    line-height: 1;
}

.card-item-price-old{
    font-size: 20px;
    font-weight: 500;
    display: inline-block;
    color: red;
    text-decoration: line-through;
}

.ad-card-prices-currency span{
    font-size: 16px;
    margin-right: 10px;
    display: inline-block;
}

.ad-card-prices-currency{
    margin-top: 5px;
}

.ad-card-subtitle{
    margin-top: 0px;
    font-size: 24px;
    font-weight: 800;
    margin-bottom: 10px;
}

.ad-card-sidebar{
    background-color: #f8fafc;
    padding: 20px;
    border-radius: 20px;
    gap: 20px;
    display: flex;
    flex-direction: column;
}

.ad-card-content .ad-card-content-item:not(:last-child) {
    margin-bottom: 25px;
}

/* ===== AdStructuredData: ad-card tariffs block ===== */

.ad-card-tariffs-section {
    margin-top: 28px;
}

.ad-card-tariffs-section .ad-card-subtitle {
    margin-bottom: 14px;
}

.ad-card-tariffs-wrap {
    border: 1px solid #ececec;
    border-radius: 14px;
    overflow: hidden;
    background: #fff;
}

.ad-card-tariffs-wrap .row {
    margin-left: 0;
    margin-right: 0;
}

.ad-card-tariffs-wrap .row > [class*="col-"] {
    padding-left: 16px;
    padding-right: 16px;
}

.ad-card-tariffs-wrap .row.border-bottom {
    border-color: #f0f0f0 !important;
}

.ad-card-tariffs-min-duration {
    padding: 14px 16px;
    border-bottom: 1px solid #f0f0f0;
    background: #fbfbfc;
}

.ad-card-tariffs-min-duration-title {
    font-weight: 700;
    color: #2d2d2d;
    margin-bottom: 8px;
}

.ad-card-tariffs-min-duration-items {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.ad-card-tariffs-min-duration-item {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-height: 30px;
    padding: 5px 10px;
    border-radius: 999px;
    background: #fff;
    border: 1px solid #ececec;
    font-weight: 600;
}

.ad-card-tariffs-head {
    color: #2d2d2d;
    background: #fbfbfc;
    padding-top: 13px;
    padding-bottom: 13px !important;
    font-size: 13px;
}

.ad-card-tariffs-row {
    align-items: center;
    min-height: 52px;
}

.ad-card-tariffs-row:last-of-type {
    border-bottom: 0 !important;
}

.ad-card-tariffs-label {
    color: #2d2d2d;
    font-weight: 600 !important;
}

.ad-card-tariffs-value {
    font-weight: 700;
    color: #111111;
}

.ad-card-tariffs-empty {
    color: #aaa;
    font-weight: 400;
}

.ad-card-taxi-note {
    margin: 0 !important;
    padding: 14px 16px;
    border-top: 1px solid #f0f0f0;
    background: #fffaf1;
}

.ad-card-taxi-note .fw-bold {
    color: #b46b00;
}

@media (max-width: 576px) {
    .ad-card-tariffs-wrap .row > [class*="col-"] {
        padding-left: 12px;
        padding-right: 12px;
    }

    .ad-card-tariffs-head {
        font-size: 12px;
    }

    .ad-card-tariffs-row {
        min-height: 48px;
    }
}

.services-section .ad-card-subtitle i, .ad-card-tariffs-section .ad-card-subtitle i,
.ad-card-availability-section .ad-card-subtitle i {
    color: #01a8f8;
    font-weight: 1000;
    margin-right: 6px;
}

.all-days-7, i[data-id="all-days-7"], .all-day-24, i[data-id="all-day-24"] {
    color: #12bc00;
    text-shadow:
        0 0 6px #12bc00,
        0 0 10px #15e800,
        0 2px 14px #54ff2a,
        0 0 2px #067a00;
    font-weight: bold;
    font-size: 11px;
    position: relative;
    top: -1px;
    margin-left: 8px;
    vertical-align: super;
    letter-spacing: 1px;
    font-family: inherit;
}

/* ===== AdStructuredData: ad-card services block ===== */

.services-section {
    margin-top: 30px;
}

.services-section .services-tabs {
    margin-bottom: 10px;
}

.services-section .services-tabs a {
    text-decoration: none;
    color: inherit;
}

.services-list {
    display: flex;
    flex-wrap: wrap;
    gap: 12px 0;
}

.services-list > [class^="col-"] {
    display: flex;
    align-items: stretch;
}

.service-item {
    width: 100%;
    min-height: 52px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 12px 14px;
    border-radius: 12px;
    border: 1px solid #e6e6e6;
    background: #fff;
    transition: background 0.18s ease, border-color 0.18s ease;
}

.service-item-left {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 10px;
}

.service-item-main {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.service-item-icon {
    flex: 0 0 18px;
    font-size: 18px;
    line-height: 1;
}

.service-item-name {
    line-height: 1.35;
}

.service-item-price {
    flex-shrink: 0;
    padding: 4px 10px;
    border-radius: 999px;
    border: 1px solid #f3d79f;
    background: #fff7e7;
    color: #9a5b00;
    font-weight: 600;
    font-size: 13px;
    white-space: nowrap;
}

.service-item-badge {
    display: inline-flex;
    align-items: center;
    padding: 3px 8px;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 600;
    line-height: 1;
    white-space: nowrap;
}

.service-item-badge.badge-popular {
    background: #e8fff6;
    color: #1f6d46;
    border: 1px solid #bde8d5;
}

.service-item-badge.badge-new {
    background: #eaf2ff;
    color: #1f4ea3;
    border: 1px solid #cfe0ff;
}

.service-item-badge.badge-exclusive {
    background: #fff0f6;
    color: #a11b61;
    border: 1px solid #f2c7da;
}

.service-item.service-yes {
    background: linear-gradient(90deg, #e8fff6 0%, #dff8ef 100%);
    border-color: #cdeedd;
}

.service-item.service-yes .service-item-icon {
    color: #36b37e;
}

.service-item.service-no {
    background: #fafafa;
    border-color: #ececec;
}

.service-item.service-no .service-item-icon {
    color: #b8b8b8;
}

.service-item.service-no .service-item-name {
    color: #8f8f8f;
    text-decoration: line-through;
    text-decoration-color: #ef4444;
    opacity: 0.8;
}

/* ===== AdStructuredData: ad-card availability block ===== */

.ad-card-availability-section {
    margin-top: 28px;
}

.ad-card-availability-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    margin-bottom: 14px;
}

.ad-card-availability-section .ad-card-subtitle {
    margin-bottom: 0;
}

.availability-status-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    padding: 6px 12px;
    font-size: 13px;
    font-weight: 600;
    white-space: nowrap;
}

.availability-status-badge.is-online {
    color: #118600;
    background: rgba(18, 188, 0, .1);
}

.availability-status-badge.is-offline {
    color: #777;
    background: #f3f4f6;
}

.availability-status-badge.is-holiday {
    color: #c77700;
    background: rgba(255, 173, 31, .16);
}

.availability-schedule-list {
    border: 1px solid #ececec;
    border-radius: 14px;
    overflow: hidden;
    background: #fff;
}

.availability-schedule-row {
    display: grid;
    grid-template-columns: minmax(150px, 1fr) 1.4fr;
    gap: 18px;
    align-items: center;
    padding: 13px 16px;
    border-bottom: 1px solid #f0f0f0;
}

.availability-schedule-row:last-child {
    border-bottom: 0;
}

.availability-day-name {
    font-weight: 600;
    color: #2d2d2d;
}

.availability-day-time {
    color: #1f1f1f;
    font-weight: 500;
}

.availability-day-closed {
    color: #aaa;
    text-decoration: line-through;
}

.availability-day-all {
    font-weight: 600;
}

.availability-holiday-list {
    margin-top: 14px;
    border: 1px solid #f0e2c9;
    border-radius: 14px;
    padding: 14px 16px;
    background: #fffaf1;
}

.availability-holiday-title {
    font-weight: 700;
    margin-bottom: 10px;
}

.availability-holiday-item {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    color: #555;
}

.availability-holiday-item + .availability-holiday-item {
    margin-top: 7px;
}

.availability-holiday-item.is-active {
    color: #b46b00;
    font-weight: 600;
}

.availability-holiday-status {
    font-weight: 700;
}

.availability-holiday-dates {
    color: inherit;
}

@media (max-width: 576px) {
    .ad-card-availability-head {
        align-items: flex-start;
        flex-direction: column;
    }

    .availability-schedule-row {
        grid-template-columns: 1fr;
        gap: 4px;
        padding: 12px 14px;
    }
}

/* ===== [AdStructuredData] sfarsit blocuri ad-card portate din 5.6 ===== */

/* ===== FiltersRegistry: meeting type inactive state ===== */

i.inactive {
    color: #aaa;
    text-decoration: line-through;
    text-decoration-color: red;
}

.list-properties-item i {
    font-style: normal;
}

.ad-card-action-buttons .btn-custom:not(:last-child) {
    margin-bottom: 5px;
}

.ad-card-content-info-box-container{
    margin-bottom: 25px;
    display: flex;
    overflow: hidden;
}

.ad-card-content-info-box{
    padding: 15px 25px;
    border-radius: 15px;
    max-width: 370px;
    min-width: 270px;
    min-height: 110px;
    background-color: #ebffeb;
}

.ad-card-content-info-box:not(:last-child) {
    margin-right: 10px;
}

.ad-card-content-info-box strong{
    font-size: 18px;
}

.ad-card-content-info-box p{
    margin-bottom: 0;
    margin-top: 5px;
}

.list-properties-item:not(:last-child) {
    margin-bottom: 5px;
}

.container-item-list-content-properties .list-properties-item:not(:last-child) {
    margin-right: 10px;
}

.container-item-list-content-properties .list-properties-item{
    font-weight: normal!important;
    display: inline-grid;
    max-width: 210px!important;
    font-size: 14px;
}

.container-item-list-content-properties .list-properties-item span{
    display: block;
    font-weight: normal!important;
    font-size: 13px!important;
}

.list-properties-item{
    font-weight: 600;
}

.list-properties-item span:not([class]){
    color: #757575;
    margin-right: 5px;
    font-weight: 400!important;
}

.ad-card-user-avatar{
    position: relative;
    display: inline-block;
}

.ad-card-user-avatar > div{
    width: 50px;
    height: 50px;
    border-radius: 50%;
    overflow: hidden;
    position: relative;
    display: inline-block;
    background-color: #f8fafc;
}

.ad-card-user-avatar .user-online-indicator{
    top: 2px;
    right: 2px;
    width: 11px;
    height: 11px;
}

.ad-card-user{
    display: flex;
    justify-content: space-between;
    gap: 10px;
}

.ad-card-user-content{
    flex-grow: 1;
}

.card-status-info{
    padding: 20px;
    border-radius: 25px;
    margin-bottom: 15px;
}

.card-status-info-bg-gray{
    background-color: #f2f2f2;
}

.card-status-info-bg-moderation{
    background-color: #ffffc2;
}

.card-status-info-bg-error{
    background-color: #ffe7e7;
}

.card-status-info-bg-success{
    background-color: #ebffeb;
}

.card-status-info strong{
    font-size: 20px;
    font-weight: 600;
}
.card-status-info p{
    margin-bottom: 0;
    margin-top: 0px;
}

.ad-card-buy-now{
    position: relative;
}

.ad-card-buy-now > span{
    position: absolute;
    right: 15px;
    top: -14px;
    border-radius: 15px;
    height: 24px;
    padding: 0 15px;
    background-color: #3a3a3a;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 11px;
    color: white;
    transition: all .10s linear; 
}

.ad-card-buy-now > span i{
    margin-right: 5px;
    font-size: 15px;
}

.ad-card-buy-now:hover > span{
    display: none;
}

.ad-card-reviews-content{
    margin-top: 80px;
}

.my-tabs-items-big .my-tabs-item{
    display: inline-block;
    margin-right: 30px;
    font-size: 26px;
    position: relative;
    cursor: pointer;
}

.my-tabs-items-small .my-tabs-item{
    display: inline-block;
    margin-right: 30px;
    font-size: 18px;
    position: relative;
    cursor: pointer;
}

.my-tabs-items-medium .my-tabs-item{
    display: inline-block;
    margin-right: 30px;
    font-size: 21px;
    position: relative;
    cursor: pointer;
}

.my-tabs-items-big .my-tabs-item.active, .my-tabs-items-small .my-tabs-item.active, .my-tabs-items-medium .my-tabs-item.active{
    font-weight: 700;
}

.my-tabs-items-big .my-tabs-item span, .my-tabs-items-small .my-tabs-item span, .my-tabs-items-medium .my-tabs-item span{
    position: absolute;
    top: -10px;
    right: -10px;
    font-size: 14px;
    color: #0066f5;
}

.my-tabs-content-container{
    margin-top: 25px;
}

.container-reviews-media{
    margin-top: 25px;
    margin-bottom: 35px;
    overflow: hidden;
}

.container-reviews-media-item{
    height: 100px!important;
    width: 100px!important;
    border-radius: 15px;
    overflow: hidden;
    margin-right: 10px;
    display: inline-flex;
    cursor: pointer;
}

.uni-slider-counter{
    position: absolute;
    top: 12px;
    left: 50%;
    transform: translateX(-50%);
    background: rgba(0,0,0,0.5);
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    line-height: 1;
    padding: 5px 13px;
    border-radius: 12px;
    pointer-events: none;
    z-index: 103;
    user-select: none;
    white-space: nowrap;
}

.uni-media-slider-modal{
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1500;
    background-color: #3c3c3ca6;
    backdrop-filter: blur(5px);
    display: flex;
    justify-content: center;
}
.slider-autoplay-init .plyr__control--overlaid{
    opacity: 0 !important;
    pointer-events: none !important;
}

.uni-media-slider-modal-container{
    position: relative;
    z-index: 1501;
    background-color: white;
    box-shadow: 0 0.25rem 1.125rem rgba(75, 70, 92, 0.1);
    width: 100%!important;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    text-align: center;
    height: 100%!important;
    min-height: 100%;
    border-radius: 0px;
}

.uni-media-slider-modal-backing{
    position: absolute;
    top: -13px;
    right: -13px;
    bottom: -13px;
    left: -13px;
    display: block;
    opacity: .4;
    background: no-repeat center;
    background-size: cover;
    -webkit-filter: blur(13px);
    filter: blur(13px);
    z-index: 100;
}

.uni-media-slider-modal-container img{
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    flex-shrink: 0;
    z-index: 101;
    position: relative;
    width: 100%;
    height: auto;
}

.uni-media-slider-modal-container-item{
    height: 100%;
    width: 100%;
    position: relative;
    overflow: hidden;
    border-radius: 0px;
    align-content: center;
}

.plyr--video{
    height: 100%;
    width: 100%;
}

.uni-media-slider-modal-iframe-video{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}

.uni-media-slider-modal-container-nav-left{
    position: absolute;
    left: 25px;
    top: 50%;
    margin-top: -30px;
    display: inline-flex;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    background-color: white;
    cursor: pointer;
    color: black;
    box-shadow: rgb(0 0 0 / 6%) 0 4px 8px 0;
    z-index: 102;
}

.uni-media-slider-modal-container-nav-right{
    position: absolute;
    right: 25px;
    top: 50%;
    margin-top: -30px;
    display: inline-flex;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    background-color: white;
    cursor: pointer;
    color: black;
    box-shadow: rgb(0 0 0 / 6%) 0 4px 8px 0;
    z-index: 102;
}

.uni-media-slider-modal-container-nav-left i, .uni-media-slider-modal-container-nav-right i{
    font-size: 26px;
}

.uni-media-slider-modal-container-nav-left:active, .uni-media-slider-modal-container-nav-right:active{
    transform: scale(0.95); 
}

.uni-media-slider-modal-container-item{
    display: none;
}

.uni-slider-pending {
    background: #111;
}

.uni-slider-timer-bar {
    position: absolute;
    top: 0; left: 0; right: 0;
    height: 4px;
    z-index: 200;
    background: rgba(0,0,0,.15);
    display: none;
}
.uni-slider-timer-progress {
    height: 100%;
    background: rgba(220,50,50,.85);
    width: 100%;
}

@keyframes slider-bomb-shake {
    0%,100%  { transform: translate(0,0) scale(1); }
    20%      { transform: translate(-3px,2px) scale(1.05); }
    40%      { transform: translate(3px,-2px) scale(1.05); }
    60%      { transform: translate(-2px,2px) scale(1.02); }
    80%      { transform: translate(2px,-1px) scale(1.02); }
}
.uni-slider-bomb-anim { animation: slider-bomb-shake .45s ease; }
@keyframes slider-bomb-out { to { opacity: 0; } }
.uni-slider-bomb-out { animation: slider-bomb-out .3s ease .4s forwards; }

.chat-media-bomb-icon {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0,0,0,.35);
    border-radius: inherit;
    z-index: 3;
}
.chat-media-bomb-icon i { font-size: 26px; color: rgba(255,255,255,.9); }

.chat-media-item-vo-status {
    position: absolute;
    bottom: 4px; right: 5px;
    z-index: 5;
    line-height: 1;
}
.chat-media[data-media-type="audio"] .chat-media-item-vo-status {
    position: static;
    display: inline-flex;
    margin-top: 3px;
}
.chat-media[data-media-type="audio"] .chat-media-vo-seen   { color: #22c55e; }
.chat-media[data-media-type="audio"] .chat-media-vo-unseen { color: rgba(0,0,0,.35); }
.chat-media-vo-seen   { font-size: 15px; color: rgba(255,255,255,.95); }
.chat-media-vo-unseen { font-size: 15px; color: rgba(255,255,255,.45); }
.chat-msg-read-status--sent,
.chat-msg-read-status--read { display: block; font-size: 16px; text-align: center; line-height: 1; margin-bottom: 1px; }
.chat-msg-read-status--sent { color: rgba(0,0,0,.35); }
.chat-msg-read-status--read { color: #22c55e; cursor: default; }

.uni-slider-loading-wrap {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.uni-slider-spinner {
    width: 52px;
    height: 52px;
    border: 3px solid rgba(255,255,255,.15);
    border-top-color: rgba(255,255,255,.85);
    border-radius: 50%;
    animation: chat-spin .75s linear infinite;
}

.uni-slider-loading-text {
    color: rgba(255,255,255,.6);
    font-size: 13px;
    margin-top: 14px;
    text-align: center;
}

.uni-media-slider-modal-close{
    right: 10px;
    top: 10px;
    color: #646161;
    z-index: 150;
    cursor: pointer;
    position: absolute;
}

.uni-media-slider-modal-close i{
    font-size: 38px;
}

.option-payment-item{
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 12px;
    border: 2px solid #e7ecf4;
    border-radius: 15px;
    background: #fff;
    text-align: left;
    transition: 0.2s ease;
    cursor: pointer;
}

.option-payment-item:hover{
    background-color: #f4f8ff;
}

.option-payment-item.active{
    border-color: var(--primary);
    background: #f7faff;
    box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.08);
}

.option-payment-item-logo img{
    width: 40px;
}

.option-payment-item-name strong{
    display: block;
    font-size: 18px;
}

.option-payment-item-name span{
    overflow: hidden;
    color: #8792a5;
    font-size: 13px;
    font-weight: 600;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.option-payment-item-logo{
    display: grid;
    flex: 0 0 40px;
    width: 40px;
    height: 40px;
    place-items: center;
    border-radius: 12px;
    color: #fff;
    font-size: 12px;
    font-weight: 800;  
    text-align: center;
    justify-content: center;
    align-items: center;
    border: 1px solid #dfe7f5;
    background-color: white;
}

.option-payment-item-logo img{
    width: 30px;  
}

.pinCodeInputItem{
    height: 70px!important;
    width: 55px!important;
    display: inline-block;
    font-size: 21px!important;
    text-align: center;
    margin-bottom: 10px;
}

.pinCodeInputItem:not(:last-child) {
    margin-right: 10px;
}

.pinCodeInputContainer{
    text-align: center;
}

.action-to-favorite .ti-heart-filled{
    color: red;
}

.card-contact-user h4{
    display: block;
    font-size: 25px;
    margin: 0px;
}

.card-contact-user a{
    display: block;
    font-size: 18px;
}

.card-contact-user-item:not(:last-child) {
    margin-bottom: 15px;
}

.card-contact-user-item > p{
    margin-bottom: 5px;
    margin-top: 0px;
}

.card-contact-user-item a{
    color: black;
}

.card-contact-user-item-box:hover{
    color: white!important;
    background-color: #186aff!important;
}

.card-contact-user-item-box:not(:last-child) {
    margin-bottom: 10px;
}

.card-contact-user-item-box{
    padding: 15px;
    border-radius: 15px;
    background-color: #f8fafc;
    transition: all .10s linear;
    display: flex !important;
    align-items: center;
}

.card-contact-user-item-box img{
    height: 23px;
    margin-right: 5px;
}

.card-contact-user-item i{
    font-size: 26px;
}

.card-contact-user{
    margin-top: 15px;
}

.ad-paid-services-item{
    margin-top: 20px;
}

.ad-card-item-image{
    height: 60px;
    width: 60px;
    border-radius: 10px;
    margin-right: 15px;
    overflow: hidden;
    flex-shrink: 0;
}

.ad-card-item{
    display: flex;
    justify-content: space-between; 
    border: 1px solid #eaeaea;
    padding: 10px;
    border-radius: 15px;
}

.ad-card-item:not(:last-child) {
    margin-bottom: 15px;
}

.ad-card-item-title{
    flex-grow: 1;
    font-size: 14px;
    font-weight: 800;
    width: 100%;
}

.ad-card-item-title a{
    font-size: 16px;
    font-weight: 800;
}

.ad-paid-services-list{
    margin-top: 25px;
}

.quantity_inner * {
    box-sizing: border-box;    
}    
.quantity_inner {
    display: inline-flex;
    border-radius: 15px;
    border: 1px solid #186aff;
}        
.quantity_inner .bt_minus,
.quantity_inner .bt_plus,
.quantity_inner .quantity {
    height: 30px;
    width: 30px;
    padding: 0;
    border: 0;
    margin: 0;
    background: transparent;
    cursor: pointer;
    outline: 0;
}
.quantity_inner .quantity {
    width: 85px;
    text-align: center;
    font-size: 14px;
    color: #000;
    padding-top: 4px;
}
.quantity_inner .bt_minus svg,
.quantity_inner .bt_plus svg {
    stroke: #337AB7;
    stroke-width: 4;
    transition: 0.5s;
    margin: 10px;
}    
.quantity_inner .bt_minus:hover svg,
.quantity_inner .bt_plus:hover svg {
    stroke: #000;
}

.status-label{
    display: inline-block;
    padding: 2px 10px;
    border-radius: 8px;
    font-size: 12px;
    font-weight: normal;
}

.ad-paid-services-action-payment{
    display: none;
    margin-top: 15px;
}

.status-label-color-warning{
    color: black;
    background-color: yellow;
}

.status-label-color-success{
    color: black;
    background-color: #ebffeb;    
}

.status-label-color-danger{
    color: black;
    background-color: #ffe7e7;    
}

.status-label-color-secondary{
    color: white;
    background-color: #a6a6a6;    
}

.ad-card-active-services-item-name{
    margin-bottom: 5px;
}

.ad-card-active-services-container{
    max-width: 300px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.ad-card-active-services-item:not(:last-child) {
    margin-bottom: 10px;
}

.progress{
    height: 6px!important;
}

.progress .bg-success{
    background-color: rgb(46 186 121) !important;
}

.ad-create-options-container-item-box-geo{
    display: none;
}

.geo-metro-station-color-label{
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 50px;
    margin-right: 5px;
}

.card-item-price-measure-title{
    font-size: 18px;
    text-transform: lowercase;
    margin-left: 5px;
    display: inline-block;
}

.splash-notification, .splash-notification-alert{
    position: fixed;
    text-align: center;
    z-index: 10100;
    display: none;
    left: 0px;
    right: 0px;
    top: 0px;
}

.splash-notification-container, .splash-notification-alert-container{
    padding: 25px;
    border-radius: 20px;
    background-color: rgb(41, 41, 41);
    color: white;
    min-width: 400px;
    max-width: 550px;
    display: inline-block;
    text-align: left;
    margin-top: 25px;
}

.splash-notification-container p, .splash-notification-alert-container p{
    margin: 0px;
    font-size: 16px;
}

.splash-notification-alert-buttons{
    margin-top: 10px;
}

.splash-notification-alert-buttons span{
    display: inline-block;
    border-radius: 8px;
    cursor: pointer;
    margin-right: 5px;
    padding: 3px 15px;
    background-color: white;
    color: black;
    font-size: 14px;
}

.splash-notification-alert-yes{
    background-color: #ff4747!important;
    color: white!important;
}

.ad-card-content-geo-map{
    height: 350px;
    overflow: hidden;
    border-radius: 10px;
    background-color: #f8fafc;
    display: none;
    margin-top: 15px;
}

.ad-card-content-geo-metro{
    margin-top: 10px;
}

.ad-card-content-geo-metro > div{
    display: inline-block;
    margin-right: 10px;
}

.ad-card-content-geo-metro svg{
    vertical-align: baseline;
}

.profile-home-sections section:not(:last-child) {
    margin-bottom: 30px;
}

.profile-container-item-list{
    color: black;
    margin-bottom: 15px;
    display: block;
    border-radius: 21px;
    background-color: white;
    padding: 20px;
}

.profile-container-item-list-content-info{
    font-size: 14px;
    margin-top: 5px;
}

.profile-container-item-list-content-title{
    font-size: 21px;
    font-weight: 700;
}

.profile-container-item-list-content-title:hover{
    color: #0066f5;
}

.profile-container-item-list-content-additionally{
    margin-top: 10px;
}

.profile-container-item-list-content-additionally span{
    display: block;
    font-size: 13px;
    color: gray;
}

.profile-container-item-list:hover{
    color: black!important;
}

/* story-my-card */
.story-my-card .profile-container-item-list-content-status{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px;
}

.story-my-card-thumb{
    position: relative;
    width: 100px;
    height: 140px;
    border-radius: 10px;
    overflow: hidden;
    background-color: #e2e4e8;
    flex-shrink: 0;
    cursor: pointer;
}

.story-my-card-thumb img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.story-my-card-type-badge{
    position: absolute;
    top: 5px;
    left: 5px;
    background: rgba(0,0,0,.45);
    color: #fff;
    font-size: 10px;
    padding: 2px 4px;
    border-radius: 4px;
    line-height: 1;
}

.story-my-card-duration{
    position: absolute;
    bottom: 5px;
    right: 4px;
    background: rgba(0,0,0,.5);
    color: #fff;
    font-size: 10px;
    padding: 1px 4px;
    border-radius: 4px;
    line-height: 1.4;
}

.profile-container-item-images{
    height: 150px;
    overflow: hidden;
    border-radius: 15px;
    position: relative;
    background-color: #F7F8FA;
}

.profile-container-item-list-content-prices .card-item-price-now{
    font-size: 17px;
    font-weight: 500;
}

.profile-container-item-list-content-prices .card-item-price-old{
    font-size: 15px;
    color: #f81155;
    text-decoration: line-through;
    margin-left: 5px;
    display: inline-block;
}

.profile-container-item-list-content-prices .card-item-price-measure-title{
    font-size: 15px;
}

.profile-wallet-info-balance p{
    margin: 0px;
}

.profile-wallet-info-balance h3{
    margin: 0px;
    font-weight: 900;
    font-size: 28px;
}

.my-tabs-content:not(:first-child) {
    display: none;
}

.payment-status-container{
    text-align: center;
    margin-top: 80px;
}

.payment-status-container h2{
    font-weight: 900;
}

.chat-dialogue-item-card{
    display: flex;
    justify-content: space-between;
}

.chat-dialogue-item-card-image{
    height: 50px;
    width: 60px;
    border-radius: 10px;
    overflow: hidden;
    margin-right: 10px;
    position: relative;
}

.chat-dialogue-item-card-content{
    flex-grow: 1;
    width: 100%;
}

.chat-dialogue-item-card-content-link-ad{
    display: block;
    font-size: 16px;
    font-weight: 900;
    margin: 0;
    color: black;
}

.chat-dialogue-item-card-content-link-user{
    display: block;
    margin: 0;
    color: black;
    font-size: 15px;
}

.chat-dialogue-item-card-content-link-user-name{
    display: block;
    font-size: 16px;
    font-weight: 900;
    margin: 0;
    color: black;
}

.chat-dialogue-items-container{
    position: relative;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    justify-content: flex-end;
}

.chat-dialogue-container{
      display: flex;
      flex-direction: column;
      height: 100dvh;
      max-height: 900px;
}

.chat-dialogues-head{display:flex;align-items:center;gap:10px;margin-bottom:15px}
.chat-dialogues-head h3{margin-bottom:0}
.chat-sound-toggle{background:none;border:none;cursor:pointer;color:#898989;font-size:20px;padding:4px 8px;border-radius:6px;line-height:1;transition:color .15s}
.chat-sound-toggle:hover{color:#333;background:#f0f0f0}

/* Custom: scroll fix dialog chat */
.chat-dialogue-container-content{
   flex: 1 0 auto;
   overflow: auto;
   flex: auto;
   display: block;
   overflow-anchor: none;
}

.chat-dialogue-container-content::-webkit-scrollbar {
    width: 4px;
}
.chat-dialogue-container-content::-webkit-scrollbar-track {
    background: transparent;
}
.chat-dialogue-container-content::-webkit-scrollbar-thumb {
    background: rgba(0,0,0,0.15);
    border-radius: 4px;
}
.chat-dialogue-container-content::-webkit-scrollbar-thumb:hover {
    background: rgba(0,0,0,0.3);
}

.chat-dialogue-container-header{
    flex: 0 0 auto;
    padding-bottom: 15px;
}

.chat-dialogue-container-footer{
    flex: 0 0 auto;
    position: relative;
}

/* Custom: new-message card (Odnoklassniki style) */
.chat-new-messages-card{
    position: absolute;
    left: 50%;
    top: -14px;
    transform: translate(-50%, -100%);
    background: #fff;
    color: #e0245e;
    border: 1px solid #ffd0dc;
    box-shadow: 0 4px 14px rgba(0,0,0,.12);
    border-radius: 20px;
    padding: 7px 16px;
    font-size: 13px;
    font-weight: 700;
    cursor: pointer;
    white-space: nowrap;
    opacity: 0;
    pointer-events: none;
    transition: opacity .2s ease, transform .2s ease;
    z-index: 5;
}
.chat-new-messages-card.is-visible{
    opacity: 1;
    pointer-events: auto;
    transform: translate(-50%, calc(-100% - 6px));
}

/* Custom: unseen new-message highlight */
.chat-dialogue-item-container.chat-msg-new.item-message-whom .chat-dialogue-item-message-text{
    background-color: #c5e1fb;
    transition: background-color 1.2s ease;
}
.chat-dialogue-item-container.chat-msg-new.chat-msg-fading.item-message-whom .chat-dialogue-item-message-text{
    background-color: #f7f8fa;
}

#chatModal .modal-body{
    padding: 0px!important;
}

.item-message-from{
    text-align: right;
}

.chat-dialogue-footer{
    display: flex;
    justify-content: space-between;
    margin-top: 15px;
}

.chat-dialogue-footer-action-attach, .chat-dialogue-footer-action-send{
    cursor: pointer;
}

.chat-dialogue-footer-action-attach:active, .chat-dialogue-footer-action-send:active{
    transform: scale(0.90); 
}

.chat-dialogue-footer-action-attach i{
    font-size: 25px;
}

.chat-dialogue-footer-action-send i{
    font-size: 25px;
}

.chat-dialogue-footer-action-send.chat-send-uploading{
    opacity: .5;
    cursor: not-allowed;
    pointer-events: none;
}

.chat-dialogue-footer-action-textarea{
    width: 100%;
    border-radius: 10px;
    padding: 10px;
    outline: none;
    border: 1px solid transparent;
    flex-grow: 1;
    margin-right: 15px;
    max-height: 200px;
    min-height: 50px;
    background-color: #fafafa;
}

.chat-dialogue-footer-action-textarea:focus{
    border: 1px solid #0066f5;
}

.chat-dialogue-footer-action-1{
    display: inline-flex;
    align-items: center;
    justify-content: center;    
    margin-right: 15px;
}

.chat-dialogue-footer-action-2{
    flex-grow: 1;
    margin-right: 15px;
}

.chat-dialogue-footer-action-3{
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.chat-dialogue-item-message{
    display: inline-flex;    
    align-items: flex-end;
}

.chat-dialogue-item-container:not(:last-child) { 
    margin-bottom: 15px;
}

.chat-dialogue-item-message-text{
    border-radius: 15px;
    padding: 10px 15px;
    text-align: left;
    max-width: 400px;
    word-break: break-word;
}

.chat-dialogue-item-message-avatar{
    width: 30px;
    height: 30px;
    border-radius: 50%;
    overflow: hidden;
    position: relative;
    margin-right: 10px;
    flex-shrink: 0;
}

.item-message-from .chat-dialogue-item-message-text{
    background-color: #e6f6ff;
}

.item-message-whom .chat-dialogue-item-message-text{
    background-color: #f8fafc;
}

.chat-message-deleted{
    font-style: italic;
    opacity: 0.55;
    color: inherit;
}

.chat-edited-mark{
    font-size: 11px;
    opacity: 0.55;
    margin-left: 3px;
}

.chat-edited-label{
    font-size: 11px;
    opacity: 0.55;
    margin-top: 4px;
}

.chat-dialogue-item-message-text.chat-is-editing{
    min-width: min(260px, 80vw);
}

.chat-edit-textarea{
    width: 100%;
    min-height: 70px;
    max-height: 200px;
    border: 1.5px solid #b0c4de;
    border-radius: 10px;
    padding: 8px 10px;
    font-size: 14px;
    line-height: 1.5;
    resize: vertical;
    box-sizing: border-box;
    font-family: inherit;
    outline: none;
    display: block;
}

.chat-edit-textarea:focus{
    border-color: #4dabf7;
    box-shadow: 0 0 0 3px rgba(77,171,247,0.15);
}

.chat-edit-actions{
    display: flex;
    gap: 6px;
    margin-top: 6px;
    justify-content: flex-end;
}

.chat-edit-save,
.chat-edit-cancel{
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 4px 12px;
    border-radius: 7px;
    font-size: 13px;
    font-weight: 500;
    line-height: 1;
    user-select: none;
    transition: opacity .15s;
}

.chat-edit-save:hover,
.chat-edit-cancel:hover{
    opacity: .8;
}

.chat-edit-save{
    background: #d4edff;
    color: #0a6ebd;
}

.chat-edit-cancel{
    background: #f0f0f0;
    color: #555;
}

.item-message-system .chat-dialogue-item-message-text{
    background-color: #e2ffd6;
}

.item-message-system{
    width: 100%!important;
}

.chat-dialogue-item-message-date{
    font-size: 12px;
    margin-left: 10px;
    margin-right: 5px;
    flex-shrink: 0;
}

.chat-dialogues-item{
    display: flex;
    justify-content: space-between;    
    padding: 15px;
    border-radius: 15px;
    cursor: pointer;
    transition: all .10s linear;
}

.chat-dialogues-item-avatar{
    width: 60px;
    height: 60px;
    /* border-radius: 10px; */
    /* overflow: hidden; */
    position: relative;
    margin-right: 15px;
    flex-shrink: 0;
}
.chat-dialogues-item-avatar img{
    border-radius: 10px;
}

.chat-dialogues-item-content{
   flex-grow: 1; 
}

.chat-dialogues-item:hover{
    background-color: #f8fafc;
}

.chat-dialogues-items{
    min-height: 300px;
    overflow-anchor: none;
}

#chatModal .chat-dialogues-items{
    max-height: calc(100vh - 200px);
    overflow-y: auto;
}

.chat-dialogues-items::-webkit-scrollbar {
    width: 4px;
}
.chat-dialogues-items::-webkit-scrollbar-track {
    background: transparent;
}
.chat-dialogues-items::-webkit-scrollbar-thumb {
    background: rgba(0,0,0,0.15);
    border-radius: 4px;
}
.chat-dialogues-items::-webkit-scrollbar-thumb:hover {
    background: rgba(0,0,0,0.3);
}

.chat-dialogues-item-content-channel{
    font-weight: 600;
}

.chat-dialogues-item-content-channel p{
    margin-bottom: 0;
    font-size: 15px;
    font-weight: normal;
}

.chat-dialogues-item-content-user{
    font-weight: 600;
}

.chat-dialogues-item-content-message{
    font-size: 14px;
    color: #898989;
}

.chat-dialogues-item-date{
    font-size: 13px;
    color: #898989;
    margin-top: 5px;
}

.chat-dialogues-item-view-status{
    margin-right: 5px;
    display: inline-block;
}

.chat-dialogues-item-view-status i{
    font-size: 17px;
}

.chat-dialogues-item-view-status i.ti-checks{
    color: green;
}

.chat-dialogues-item-view-status i.ti-check{
    color: #898989;
}

.chat-dialogue-item-menu{
    display: block;
    cursor: pointer;
}

.chat-dialogue-item-menu i{
    font-size: 26px;
}

.chat-dialogue-item-date{
    text-align: center;
    font-size: 14px;
    color: #898989;
    margin-bottom: 10px;
}

.chat-dialogues-items-empty{
    text-align: center;
    margin-top: 80px;
}

.chat-dialogues-items-empty img{
    height: 128px;
    margin-bottom: 10px;
}

.chat-dialogues-items-empty-icon{
    font-size: 30px;
}

.chat-dialogues-items-empty h4{
    font-size: 17px;
    font-weight: 600;
}

.chat-dialogues-item-content-count-messages{
    display: inline-flex;
    margin-left: 5px;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background-color: red;
    color: white;
    align-items: center;
    justify-content: center;
    font-size: 11px;
}

.chat-dialogue-item-card-content-status-online{
    font-size: 15px;
}

@-webkit-keyframes BadgePulseGreen {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(105, 205, 0, .4)
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(105, 205, 0, 0)
    }
    100% {
        -webkit-box-shadow: 0 0 0 20px rgba(105, 205, 0, 0)
    }
}

@keyframes BadgePulseGreen {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(105, 205, 0, .4);
        box-shadow: 0 0 0 0 rgba(105, 205, 0, .4)
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(105, 205, 0, 0);
        box-shadow: 0 0 0 10px rgba(105, 205, 0, 0)
    }
    100% {
        -moz-box-shadow: 0 0 0 20px rgba(105, 205, 0, 0);
        box-shadow: 0 0 0 20px rgba(105, 205, 0, 0)
    }
}

@-webkit-keyframes BadgePulseRed {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(242, 64, 64, .9);
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(242, 64, 64, 0);
    }
    100% {
        -webkit-box-shadow: 0 0 0 10px rgba(242, 64, 64, 0);
    }
}

@keyframes BadgePulseRed {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(242, 64, 64, .9);
        box-shadow: 0 0 0 0 rgba(242, 64, 64, .9)
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(242, 64, 64, 0);
        box-shadow: 0 0 0 10px rgba(242, 64, 64, 0)
    }
    100% {
        -moz-box-shadow: 0 0 0 20px rgba(242, 64, 64, 0);
        box-shadow: 0 0 0 20px rgba(242, 64, 64, 0)
    }
}

.label-circle-count{
    position: absolute;
    top: -6px;
    right: -8px;
    display: inline-flex;
    height: 18px;
    min-width: 18px;
    align-items: center;
    justify-content: center;
    font-size: 10px;
    border-radius: 50%;
    overflow: hidden;
    background-color: #f24040;
    color: white;
}

.label-circle-count.profile-menu-icon-counter{
    position: relative;
    top: -2px!important;
}

.chat-icon-counter{
    animation: BadgePulseRed 1.8s infinite;
    display: none;
}

.labelChatCountMessages, .labelCartCountItems{
    display: none;
}

.chat-dialogue-footer-blacklist{
    text-align: center;
    font-weight: 600;
    margin-top: 15px;
}

.chat-dialogue-item-card-content-link-user-name p{
    margin-bottom: 0;
    font-size: 15px;
    font-weight: normal;
}

/* ── Chat Camera Shell ──────────────────────────────────────────── */
.cam-shell{position:fixed;inset:0;z-index:1060;display:flex;align-items:center;justify-content:center;}
.cam-shell-hidden{display:none;}
.cam-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.72);}
.cam-modal{position:relative;background:#1a1a1a;width:100%;height:100%;display:flex;flex-direction:column;overflow:hidden;}
.cam-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;color:#fff;}
.cam-body{position:relative;flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;container-type:size;}
.cam-header-info{display:flex;flex-direction:column;gap:2px;}
.cam-title{font-weight:600;font-size:15px;}
.cam-max-duration{font-size:11px;color:rgba(255,255,255,.45);font-weight:400;visibility:hidden;}
.cam-close{background:none;border:none;color:#aaa;font-size:22px;cursor:pointer;padding:4px;line-height:1;display:flex;}
.cam-close:hover{color:#fff;}
.cam-preview{position:relative;width:100%;flex:1;min-height:0;background:#000;overflow:hidden;}
.cam-preview video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;display:block;transform:scaleX(-1);}
.cam-preview video.cam-video-flipped{transform:scaleX(1);}
.cam-flip-overlay{position:absolute;top:20px;right:10px;z-index:10;background:rgba(0,0,0,.45);border:none;color:rgba(255,255,255,.75);font-size:16px;width:32px;height:32px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(3px);}
.cam-flip-overlay:hover,.cam-flip-overlay.active{color:#fff;background:rgba(0,0,0,.7);}
.cam-switch-overlay{position:absolute;top:62px;right:10px;z-index:10;background:rgba(0,0,0,.45);border:none;color:rgba(255,255,255,.75);font-size:16px;width:32px;height:32px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(3px);}
.cam-switch-overlay:hover{color:#fff;background:rgba(0,0,0,.7);}
.cam-circle-mask{display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:min(92cqw,92cqh);height:min(92cqw,92cqh);box-shadow:0 0 0 9999px #1a1a1a;border-radius:50%;pointer-events:none;}
.cam-circle-mask::after{content:'';position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 0deg,rgba(255,255,255,.95) var(--cam-circle-progress,0%),rgba(255,255,255,.18) 0%);-webkit-mask:radial-gradient(farthest-side,transparent 96%,#000 96.6%);mask:radial-gradient(farthest-side,transparent 96%,#000 96.6%);opacity:0;transition:opacity .25s;}
.cam-circle-mask--progress::after{opacity:1;}
@property --cam-circle-progress{syntax:'<percentage>';inherits:true;initial-value:0%;}
.cam-circle-mask--rec-tick::after{transition:opacity .25s,--cam-circle-progress 1s linear;}
.cam-preview-playpause{position:absolute;inset:0;z-index:8;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.3);border:none;cursor:pointer;padding:0;opacity:1;transition:opacity .2s;}
.cam-preview-playpause[data-playing="1"]{opacity:0;}
.cam-preview-playpause[data-playing="1"]:hover{opacity:1;}
.cam-preview-playpause i{font-size:44px;color:#fff;}
.cam-preview-playpause--circle{inset:auto;top:50%;left:50%;transform:translate(-50%,-50%);width:min(92cqw,92cqh);height:min(92cqw,92cqh);border-radius:50%;}
.cam-shell-hidden-el{display:none !important;}
.cam-photo-preview{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;display:block;transform:scaleX(-1);}
.cam-photo-preview.cam-video-flipped{transform:scaleX(1);}
.cam-modal-loading{position:absolute;inset:0;z-index:30;background:rgba(0,0,0,.55);display:flex;align-items:center;justify-content:center;color:#fff;font-size:52px;opacity:1;transform:scale(1);transition:opacity .2s,transform .2s;}
.cam-modal-loading--hidden{opacity:0;transform:scale(.85);pointer-events:none;}
.cam-modal-loading i{font-size:52px;}
.cam-modal-loading .cam-spin{animation:camSpin .8s linear infinite;}
@keyframes camSpin{to{transform:rotate(360deg);}}
.cam-audio-ui{position:relative;width:240px;height:240px;flex:none;display:flex;align-items:center;justify-content:center;background:#1a1a1a;border-radius:20px;}
.cam-audio-ring{width:110px;height:110px;border-radius:50%;background:rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;color:#fff;font-size:36px;}
.cam-audio-ring.cam-recording{flex-direction:column;gap:4px;animation:camPulse 1s ease-in-out infinite;}
@keyframes camPulse{0%,100%{box-shadow:0 0 0 0 rgba(229,57,53,.4);}50%{box-shadow:0 0 0 16px rgba(229,57,53,0);}}
.cam-timer{position:absolute;top:14px;left:50%;transform:translateX(-50%);background:rgba(0,0,0,.52);backdrop-filter:blur(6px);color:#fff;font-size:13px;font-variant-numeric:tabular-nums;padding:3px 14px;border-radius:20px;z-index:5;white-space:nowrap;}
.cam-ring-timer{color:#fff;font-size:12px;font-variant-numeric:tabular-nums;line-height:1;opacity:.85;}
#camAudioWave{position:absolute;bottom:16px;left:50%;transform:translateX(-50%);width:180px;height:24px;}
.cam-footer{position:absolute;left:0;right:0;bottom:0;z-index:10;padding:28px 20px 20px;display:flex;align-items:center;justify-content:center;gap:16px;background:linear-gradient(transparent,rgba(0,0,0,.75));}
.cam-btn{width:68px;height:68px;border-radius:50%;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:28px;transition:transform .1s,opacity .15s;}
.cam-btn:active{transform:scale(.91);}
.cam-btn-capture{background:#fff;color:#1a1a1a;}
.cam-btn-record{background:#e53935;color:#fff;}
.cam-btn-stop{background:#444;color:#fff;}
.cam-btn-retry{background:#444;color:#fff;font-size:24px;}
.cam-btn-confirm{background:#2e7d32;color:#fff;}
.cam-mode-switch{position:absolute;top:20px;left:10px;z-index:10;display:flex;flex-direction:column;align-items:center;gap:10px;}
.cam-mode-tab{width:32px;height:32px;border-radius:50%;border:none;cursor:pointer;background:rgba(0,0,0,.45);color:rgba(255,255,255,.75);font-size:16px;display:flex;align-items:center;justify-content:center;transition:background .15s,color .15s;backdrop-filter:blur(3px);}
.cam-mode-tab:hover{background:#fff;color:#1a1a1a;}
.cam-mode-tab--active{background:#fff;color:#1a1a1a;}
.cam-mode-switch--locked{opacity:.4;pointer-events:none;}

/* -- Chat Attach Picker ---------------------------------------- */
.uni-attach-picker-menu.uni-dropdown-content{
    min-width:200px;
}
.uni-attach-picker-menu .uni-dropdown-content-item{
    display:flex;
    align-items:center;
    gap:12px;
}
.uni-attach-picker-menu .uni-dropdown-content-item i{
    font-size:18px;
    width:22px;
    text-align:center;
    color:#555;
}
.uni-attach-picker-item--disabled{
    opacity:0.4;
    cursor:not-allowed;
}

.uni-attach-files-container{
    display: none;
}

.uni-attach-files-item{
    display: none;
    width: 60px;
    height: 60px;
    border-radius: 10px;
    overflow: hidden;
    position: relative;
    margin-top: 5px;
    margin-right: 5px;
    display: inline-block;
    background-color: #f8fafc;
}

.uni-attach-files-item-delete{
    display: inline-flex;
    width: 15px;
    height: 15px;
    color: white;
    border-radius: 50%;
    cursor: pointer;
    position: absolute;
    top: 5px;
    right: 5px;
    background-color: red;
    z-index: 1;
}

.uni-attach-files-item-delete i{
    font-size: 14px;
}

.chat-dialogue-item-message-text-attach-image{
    width: 100%;
    border-radius: 10px;
    position: relative;
    overflow: hidden;
    margin-top: 10px;
    display: block;
}

.chat-dialogue-item-message-text-attach-image img{
    width: 100%;
    height: auto;
}

.uni-attach-files-item-loader{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

.uni-attach-files-item-loader span{
    width: 15px;
    height: 15px;
    color: black;
    border-width: 1px;
    margin: 0px;
}

.uni-attach-files-item--media{
    width: 60px;
    height: 60px;
    border-radius: 8px;
    overflow: hidden;
    flex-shrink: 0;
    position: relative;
}

.uni-attach-files-item--media .uniAttachFilesDeleteItem{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 15px;
    height: 15px;
    color: white;
    border-radius: 50%;
    cursor: pointer;
    position: absolute;
    top: 3px;
    right: 3px;
    background-color: red;
    z-index: 2;
    font-size: 10px;
    line-height: 1;
}

.uni-attach-files-item--media .uniAttachFilesEditItem{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 15px;
    height: 15px;
    color: white;
    border-radius: 50%;
    cursor: pointer;
    position: absolute;
    top: 3px;
    left: 3px;
    background-color: rgba(0,0,0,.6);
    z-index: 2;
    font-size: 10px;
    line-height: 1;
}

.uni-attach-files-item--media .uni-attach-blob-preview{
    width: 84px;
    height: 84px;
    object-fit: cover;
    display: block;
}

.chat-dialogue-form .uni-attach-files-item--media{
    width: 84px;
    height: 84px;
}

.chat-dialogue-form .uni-attach-files-item--media .uniAttachFilesDeleteItem,
.chat-dialogue-form .uni-attach-files-item--media .uniAttachFilesEditItem{
    width: 20px;
    height: 20px;
    font-size: 12px;
}

.uni-attach-files-item--media:has(.cap-player--attach){
    width: 220px;
    height: auto;
    overflow: visible;
    background: rgba(128,128,128,.1);
    border-radius: 12px;
}
.uni-attach-files-item--media:has(.cap-player--attach) .uni-attach-preview-size{
    display: none;
}

.uni-attach-files-item--media .uni-attach-video-icon{
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: none;
}
.uni-attach-files-item--media .uni-attach-video-icon i{
    font-size: 20px;
    color: #fff;
    filter: drop-shadow(0 1px 3px rgba(0,0,0,.6));
}

.chat-ppv-panel{
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 6px 10px;
    background: var(--bs-secondary-bg, #f8f9fa);
    border-radius: 8px;
    margin-top: 4px;
}

.chat-ppv-price-wrap{
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
}

.chat-ppv-price-input{
    width: 90px;
    padding: 3px 8px;
    border: 1px solid var(--bs-border-color, #dee2e6);
    border-radius: 6px;
    font-size: 13px;
    background: var(--bs-body-bg);
    color: var(--bs-body-color);
}

.chat-view-once-wrap{
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    cursor: pointer;
    user-select: none;
}

/* desktop */
.chat-media-private-list{
    display: grid;
    grid-template-columns: repeat(3, 118px);
    grid-auto-rows: 150px;
    gap: 4px;
    margin-top: 6px;
    width: 362px;
}
.chat-media-private-list:has(.chat-media:only-child){
    grid-template-columns: 240px;
    grid-auto-rows: 260px;
    width: 240px;
}
.chat-media-private-list:has(.chat-media:only-child) .chat-media{
    height: 100%;
}
.chat-media-private-list:has(.chat-media:nth-child(2):last-child){
    grid-template-columns: repeat(2, 118px);
    width: 240px;
}
/* mobil */
@media (max-width: 480px) {
    .chat-media-private-list{
        grid-template-columns: repeat(2, 110px);
        grid-auto-rows: 130px;
        width: 224px;
    }
    .chat-media-private-list:has(.chat-media:only-child){
        grid-template-columns: 200px;
        grid-auto-rows: 220px;
        width: 200px;
    }
    .chat-media-private-list:has(.chat-media:nth-child(2):last-child){
        grid-template-columns: repeat(2, 110px);
        width: 224px;
    }
    .chat-media-private-list .chat-media{
        height: 130px;
    }
    .chat-media-private-list:has(.chat-media:only-child) .chat-media{
        height: 100%;
    }
}

.chat-media{
    width: 100%;
    height: 150px;
    border-radius: 8px;
    overflow: hidden;
    position: relative;
    background: rgba(0,0,0,.06);
}

.chat-media-blob{
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

img.chat-media-blob[src=""],
img.chat-media-blob:not([src]){
    opacity: 0;
}

.chat-media-audio{
    min-height: 44px;
}

.chat-media--viewed {
    background: #c8c8c8;
}
.uni-slider-sound-btn {
    position: absolute;
    bottom: 18px;
    right: 18px;
    z-index: 210;
    background: rgba(0,0,0,.55);
    border: none;
    border-radius: 50%;
    width: 42px;
    height: 42px;
    color: #fff;
    font-size: 19px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
    transition: background .15s;
}
.uni-slider-sound-btn:hover {
    background: rgba(0,0,0,.75);
}
@keyframes chat-ppv-pulse {
    0%   { box-shadow: 0 0 0 0 rgba(59,130,246,.6); }
    40%  { box-shadow: 0 0 0 10px rgba(59,130,246,.2); }
    70%  { box-shadow: 0 0 0 14px rgba(59,130,246,0); }
    100% { box-shadow: 0 0 0 0 rgba(59,130,246,0); }
}
.chat-ppv-pulse {
    animation: chat-ppv-pulse 1.1s ease;
}

.chat-media-lock-icon{
    position: absolute;
    top: 6px;
    right: 6px;
    width: 22px;
    height: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0,0,0,.52);
    border-radius: 50%;
    z-index: 5;
    pointer-events: none;
}
.chat-media-lock-icon i{
    font-size: 13px;
    color: #fff;
    line-height: 1;
}

.chat-ppv-unlock-bar{
    display: flex;
    justify-content: center;
    margin-top: 8px;
    padding: 0 0 2px;
}

.chat-media-view-once-icon{
    position: absolute;
    top: 6px;
    right: 6px;
    width: 22px;
    height: 22px;
    font-size: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0,0,0,.52);
    border-radius: 50%;
    z-index: 5;
    pointer-events: none;
}
.chat-media-view-once-icon i{
    font-size: 13px;
    color: #fff;
    line-height: 1;
}

.chat-view-once-label,
.chat-ppv-label{
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 12px;
    opacity: .75;
}
.chat-view-once-label i,
.chat-ppv-label i{
    font-size: 14px;
    flex-shrink: 0;
}

.chat-ppv-paid--yes{
    color: #22c55e;
    font-size: 14px;
}

.chat-media-video-thumb{
    position: relative;
    width: 100%;
    height: 100%;
    min-height: 110px;
    cursor: pointer;
}

/* ── CAP AUDIO PLAYER ───────────────────────────────────── */
.chat-media[data-media-type="audio"]{
    height: auto;
    overflow: visible;
    background: none;
    border-radius: 0;
}
.chat-media-private-list:has(.chat-media[data-media-type="audio"]){
    display: block;
    width: auto;
    max-width: 300px;
}

.cap-player{
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 10px;
    border-radius: 12px;
    background: rgba(128,128,128,.1);
    min-width: 200px;
    max-width: 300px;
    width: 100%;
    box-sizing: border-box;
    user-select: none;
}
.cap-player--attach{
    min-width: 0;
    max-width: 100%;
    border-radius: 0;
    background: none;
    padding: 4px 6px;
}

.cap-btn{
    flex-shrink: 0;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    border: none;
    background: var(--bs-primary, #0d6efd);
    color: #fff;
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: filter .15s;
}
.cap-btn:hover{ filter: brightness(1.12); }
.cap-btn i{ pointer-events: none; }

.cap-track{
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.cap-wave{
    height: 28px;
    display: flex;
    align-items: center;
    gap: 2px;
    cursor: pointer;
    overflow: hidden;
}
.cap-player--attach .cap-wave{ height: 22px; }

.cap-bar{
    flex: 1;
    height: calc(var(--h,.3)*100%);
    min-height: 3px;
    border-radius: 2px;
    background: rgba(var(--bs-primary-rgb,13,110,253),.28);
    transition: background .08s;
}
.cap-bar--on{
    background: var(--bs-primary,#0d6efd);
}

@keyframes cap-skel{
    0%,100%{ opacity:.25; }
    50%     { opacity:.6; }
}
.cap-bar--skel{ animation: cap-skel 1.5s ease-in-out infinite; }
.cap-bar--skel:nth-child(2n){ animation-delay:.25s; }
.cap-bar--skel:nth-child(3n){ animation-delay:.5s;  }
.cap-bar--skel:nth-child(5n){ animation-delay:.75s; }
.cap-bar--skel:nth-child(7n){ animation-delay:1s;   }

.cap-times{
    display: flex;
    justify-content: space-between;
    font-size: 10px;
    opacity: .6;
    font-variant-numeric: tabular-nums;
}
.cap-player--locked{
    opacity: .55;
    cursor: default;
    pointer-events: none;
}
.cap-player--locked .cap-btn{
    background: rgba(120,120,120,.45);
    cursor: default;
}
/* ─────────────────────────────────────────────────────────── */

a.chat-media-blob-link{
    display: block;
    width: 100%;
    height: 100%;
}

a.chat-media-open-video{
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    cursor: pointer;
    text-decoration: none;
}

.chat-media-play-icon{
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: none;
}

.chat-media-play-icon i{
    font-size: 18px;
    color: #fff;
    background: rgba(0,0,0,.45);
    border-radius: 50%;
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background .15s;
}

.chat-media-open-video:hover .chat-media-play-icon i{
    background: rgba(0,0,0,.72);
}

.chat-media-play-icon.chat-media-play-loading i{
    opacity: .4;
}
@keyframes chat-spin{ to{ transform: rotate(360deg); } }

.chat-media-skeleton,
.chat-media:has(img.chat-media-blob[src=""]),
.chat-media:has(img.chat-media-blob:not([src])){
    background: linear-gradient(90deg, rgba(128,128,128,.08) 0%, rgba(128,128,128,.20) 50%, rgba(128,128,128,.08) 100%);
    background-size: 200% 100%;
    animation: chat-skeleton-shimmer 1.4s ease-in-out infinite;
}
@keyframes chat-skeleton-shimmer{
    0%{ background-position: 200% 0; }
    100%{ background-position: -200% 0; }
}
.chat-media-loading-ring,
.chat-video-circle-overlay[data-loading="1"]::after {
    position: absolute;
    top: calc(50% - 26px);
    left: calc(50% - 26px);
    width: 52px; height: 52px;
    border: 2px solid rgba(255,255,255,.2);
    border-top-color: rgba(255,255,255,.85);
    border-radius: 50%;
    animation: chat-spin .75s linear infinite;
    z-index: 4;
    pointer-events: none;
}
.chat-media-loading-ring { display: none; }
.chat-video-circle-overlay[data-loading="1"]::after { content: ''; }
.chat-media-skeleton .chat-media-loading-ring,
.chat-media:has(img.chat-media-blob[src=""]) .chat-media-loading-ring,
.chat-media:has(img.chat-media-blob:not([src])) .chat-media-loading-ring,
.chat-media:has(.chat-media-play-icon.chat-media-play-loading) .chat-media-loading-ring,
.chat-media--loading .chat-media-loading-ring{
    display: block;
}
.chat-media-icon-center{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    color: rgba(128,128,128,.35);
    font-size: 28px;
}
.chat-media-img-fill{
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.chat-media-caption{
    margin-top: 4px;
    line-height: 1.4;
}


.chat-media-expired,
.chat-media-load-error{
    padding: 10px 12px;
    border-radius: 10px;
    color: #7a7a7a;
    background: rgba(0,0,0,.06);
}

.chat-media-pending{
    padding: 10px 12px;
    border-radius: 10px;
    background: rgba(0,0,0,.06);
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #7a7a7a;
    font-size: 13px;
}

/* ── Chat Video Circle Player ────────────────────────────── */
.chat-video-circle {
    display: inline-block;
}
.chat-video-circle-wrap {
    position: relative;
    width: 200px;
    height: 200px;
    border-radius: 50%;
    overflow: hidden;
    background: #000;
    cursor: pointer;
}
.chat-video-circle-player {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.chat-vc-thumb {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.chat-video-circle-overlay {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0,0,0,.3);
    transition: opacity .2s;
}
.chat-video-circle-overlay[data-playing="1"] {
    opacity: 0;
}
.chat-video-circle-overlay[data-playing="1"]:hover {
    opacity: 1;
}
.chat-video-circle-overlay i {
    font-size: 44px;
    color: #fff;
}
.chat-video-circle::before {
    content: '';
    position: absolute;
    top: 0; left: 0;
    width: 200px; height: 200px;
    border-radius: 50%;
    background: conic-gradient(from 0deg, rgba(255,255,255,.95) var(--vc-progress, 0%), rgba(255,255,255,.18) 0%);
    -webkit-mask: radial-gradient(farthest-side, transparent 94%, #000 95%);
    mask: radial-gradient(farthest-side, transparent 94%, #000 95%);
    z-index: 4;
    pointer-events: none;
    opacity: 0;
    transition: opacity .3s;
}
.chat-video-circle[data-vc-playing="1"]::before {
    opacity: 1;
}

/* ── Video circle view-once ──────────────────────────────── */
.chat-video-circle {
    position: relative;
    display: inline-block;
}
.chat-vc-blur {
    position: absolute;
    inset: 0;
    border-radius: 50%;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    background: rgba(0,0,0,.25);
    z-index: 2;
    pointer-events: none;
    transition: opacity .3s;
}
.chat-vc-seen {
    position: absolute;
    inset: 0;
    border-radius: 50%;
    background: rgba(0,0,0,.75);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 6px;
    color: #fff;
    font-size: 11px;
    text-align: center;
    z-index: 8;
    pointer-events: none;
}
.chat-vc-seen i {
    font-size: 28px;
}
.chat-vc-bomb {
    position: absolute;
    top: -10px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 20px;
    z-index: 10;
    pointer-events: none;
    color: rgba(255,255,255,0.9);
    filter: drop-shadow(0 1px 4px rgba(0,0,0,0.9)) drop-shadow(0 0 8px rgba(0,0,0,0.7));
}
@keyframes vc-bomb-pulse {
    0%, 100% { transform: translateX(-50%) scale(1); }
    50%       { transform: translateX(-50%) scale(1.35); }
}
@keyframes vc-bomb-explode {
    0%   { transform: translateX(-50%) scale(1);  opacity: 1; }
    40%  { transform: translateX(-50%) scale(2.5); opacity: .9; }
    100% { transform: translateX(-50%) scale(0);  opacity: 0; }
}
.chat-vc-bomb.pulsing {
    animation: vc-bomb-pulse 1.4s ease-in-out infinite;
}
.chat-vc-bomb.exploding {
    animation: vc-bomb-explode .5s ease-out forwards;
}

.chat-media-mirror{transform:scaleX(-1);}

.chat-older-loading{display:flex;align-items:center;justify-content:center;gap:7px;padding:10px 0;color:#aaa;font-size:13px;}
.chat-older-loading i{font-size:16px;animation:chat-older-spin .7s linear infinite;}
@keyframes chat-older-spin{to{transform:rotate(360deg);}}

/* ── Captured media badge ────────────────────────────────── */
.chat-media-captured-badge {
    position: absolute;
    top: 6px;
    left: 6px;
    background: rgba(41,182,246,.88);
    color: #fff;
    border-radius: 50%;
    width: 22px;
    height: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    z-index: 4;
    pointer-events: none;
}

.share-social-list-link{
    margin-top: 15px;
}

.share-social-list-link a{
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    color: black;
}

.share-social-list-link a:hover{
    color: #0066f5;
}

.share-social-list-link a img{
    width: 25px;
    margin-right: 10px;
}

.order-buy-card-sidebar{
    background-color: #f8fafc;
    padding: 20px;
    border-radius: 20px;  
}

.order-buy-card-sidebar h3{
    font-weight: 900;
}

.ad-card-item-content{
    flex-grow: 1;
}

.ad-card-item-content-title{
    font-size: 17px;
    font-weight: 600;
}

.ad-card-item-content-prices .card-item-price-now{
    font-size: 16px;
    font-weight: normal;
}

.ad-card-item-content-prices .card-item-price-old{
    font-size: 15px;
    margin-left: 10px;
    text-decoration: line-through;
    color: red;
}

.order-buy-card-sidebar-info{
    margin-top: 15px;
    font-size: 13px;
    color: #757575;
}

.order-buy-card-delivery-item{
    display: inline-block;
    align-items: center;
    justify-content: center;
    border-radius: 15px;
    padding: 20px;
    background-color: #f6f6f6;
    cursor: pointer;
    margin-bottom: 10px;
    border: 2px solid white;
    vertical-align: top;
    min-height: 100px;
    min-width: 200px;
}

.order-buy-card-delivery-item.active{
    border: 2px solid #186aff;
}

.order-buy-card-delivery-item:not(:last-child) { 
    margin-right: 10px;
}

.order-buy-card-delivery-item span{
    display: block;
}

.order-buy-card-delivery-item img{
    height: 25px;
    margin-bottom: 5px;
    max-width: 64px;
}

.order-buy-card-delivery{
    margin-top: 20px;
}

.order-buy-card-info{
    margin-top: 30px;
}

.profile-container-order-item-image{
    width: 60px;
    height: 60px;
    border-radius: 50%;
    position: relative;
    overflow: hidden;
    background-color: #f7f8fa;
    margin-right: 5px;
    margin-top: 10px;
    display: inline-block;
}

.profile-container-order-list{
    display: block;
    color: black;
    background-color: white;
    padding: 20px;
    border-radius: 21px;
}

.profile-container-order-list h1{
    font-size: 17px;
    font-weight: 900;
    color: black;
    margin-top: 5px;
    margin-bottom: 0px;
}

.profile-container-order-item-buttons{
    margin-top: 10px;
}

.order-card-section-action-info{
    padding: 15px;
    border-radius: 15px;
    background-color: #f7f8fa;
    margin-top: 15px;
}

.order-card-section{
    margin-bottom: 35px;
}

.order-card-section-user{
    display: flex;
    justify-content: space-between;
}

.order-card-section-user-avatar{
    width: 40px;
    height: 40px;
    border-radius: 50%;
    overflow: hidden;
    position: relative;
}

.order-card-section-user-name{
    flex-grow: 1;
    margin-left: 10px;
    display: flex;
    align-items: center;
}

.order-card-section-items{
    display: flex;
    justify-content: space-between;   
    margin-bottom: 10px; 
}

.order-card-section-items-image{
    width: 50px;
    height: 50px;
    border-radius: 50%;
    overflow: hidden;
    position: relative;
    flex-shrink: 0;
}

.order-card-section-items-content{
    flex-grow: 1;
    margin-left: 10px;  
    width: 100%; 
}

.timeline-action-item-point{
    display: block;
    height: 10px;
    width: 10px;
    border-radius: 50%;
    background-color: #ff9f43 !important;
    box-shadow: 0 0 0 0.1875rem rgba(255, 159, 67, 0.16);
    flex-shrink: 0;
}

.timeline-action-item{
   display: flex;
   justify-content: space-between;
   align-items: baseline;
}

.timeline-action-item-event{
    margin-left: 15px;
    flex-grow: 1;  
    width: 100%;
}

.timeline-action-item:not(:last-child) { 
    margin-bottom: 15px;
}

.order-card-section-action-buttons{
    margin-top: 15px;
}

.timeline-action-media{
    margin-top: 15px;
}

.timeline-action-media-item{
    border-radius: 15px;
    width: 70px;
    height: 70px;
    position: relative;
    overflow: hidden;
    margin-right: 5px;
    margin-bottom: 5px;
    display: inline-block;
    background-color: #f7f8fa;
}

.order-buy-card-sidebar-list-box{
    display: flex;
    justify-content: space-between;    
}

.order-buy-card-sidebar-list-box-item2{
    flex-grow: 1;
    text-align: right;
    font-weight: bold;
}

.order-buy-card-sidebar-list-box:not(:last-child) { 
    margin-bottom: 2px;
}

.order-buy-card-sidebar-list{
    margin-top: 20px;
}

.review-add-section:not(:last-child) { 
    margin-bottom: 30px;
}

.review-add-form{
    margin-top: 35px;
    margin-bottom: 60px;
}

.review-add-change-rating span{ 
    display: inline-block;
    cursor: pointer;
}

.review-add-change-rating span:not(:last-child) { 
    margin-right: 10px;
}

.review-add-change-rating span i.ti-star{
    font-size: 33px;
    color: rgb(224, 224, 224);
}

.review-add-change-rating span i.ti-star-filled{
    font-size: 33px;
    color: rgb(255, 176, 33);
}

.review-add-success{
    display: none;
    margin-top: 35px;
    margin-bottom: 60px;
}

.modal-response-review-whom-user{
    margin-bottom: 15px;
    font-weight: 900;
}

.header-user-dropdown-menu-box-link .menu-user-rating-stars{
    display: block;
    padding: 5px 8px;
    color: black;
    font-weight: normal;
}

.message-action-interaction{ 
    margin-top: 10px;
}

.message-action-interaction .btn-custom-mini:not(:last-child){ 
    margin-bottom: 5px;
}

.chat-dialogue-item-card-content-status-online-label{
    font-size: 12px;
    font-weight: 600;
    color: #7cb606;
}

.review-add-items-container{
    max-height: 300px;
    overflow: auto;
}

.review-add-item-container{
    border-radius: 15px;
    padding: 10px;
    display: flex;
    justify-content: space-between;
    cursor: pointer;
}

.review-add-item-container:not(:last-child){ 
    margin-bottom: 5px;
}

.review-add-item-container.active{
    background-color: #186aff;
    color: white;
}

.review-add-item-container-box2{
    margin-left: 15px;
    flex-grow: 1;    
    font-weight: 600;
}

.review-add-item-container-image{
    border-radius: 15px;
    width: 50px;
    height: 50px;
    position: relative;
    overflow: hidden;
}

.review-add-item-container-box2 span{
    display: block;
}

.review-add-item-container:hover{
    background-color: #f8fafc;
    color: black;
}

.chat-dialogue-item-message-menu{
  margin-right: 10px;
}

.chat-dialogue-item-message-menu i{
    font-size: 20px;
    color: gray;
}

.label-color-secondary{
    color: white!important;
    background-color: #a6a6a6!important;    
}

.home-widget-categories-item{
    display: flex;
    background-color: #f7f8fa;
    padding: 15px;
    border-radius: 15px;
    overflow: hidden;
    height: 100px;
    position: relative;
    min-width: 150px;
    max-width: 250px;
    grid-row: 1;
    flex-grow: 1;
}

.home-widget-categories-item:hover{
    background-color: #186aff;
}

.home-widget-categories-item:hover > div{
    color: white!important;
}

.home-widget-categories-item div{
    z-index: 5;
    color: black;
    position: relative;
}

.home-widget-categories-item img{
    position: absolute; right: 5px; bottom: 0px;
    height: 60px;
}

.widget-promo-banner-item{
    border-radius: 15px;
    padding: 15px;
    position: relative;
    overflow: hidden;
    height: 180px!important;
    width: 160px!important;
    display: inline-block;
}

.widget-promo-banner-item:not(:last-child){ 
    margin-right: 10px;
}

.widget-promo-banners-container{
    overflow: hidden;
}

.widget-promo-banner-item h4{
    font-size: 16px;
    font-weight: 900;
    margin: 0px;
    margin-bottom: 10px;
    z-index: 1;
    position: relative;
}

.widget-promo-banner-item p{
    margin: 0px;
    font-size: 14px;
    z-index: 1;
    position: relative;
}

.widget-promo-banner-item img{
    position: absolute;
    bottom: 0;
    right: 0;
    height: 100px;
}

.stories-border-no-view{
    border: 2px solid #ff6163 !important;
}

.stories-border-view{
    border: 2px solid #5b5b5b;
}

.stories-border-add{
   background-color: #f7f8fa!important;
}

.widget-stories-item{
    width: 100px!important;
    text-align: center;
}

.widget-stories-item-title{
    display: block;
    font-size: 14px;
    word-break: break-all;
}

.widget-stories-item-circle{
    width: 100px!important;
    height: 100px!important;
    position: relative;
    border-radius: 50%;
    display: flex;
    cursor: pointer;
    background-color: white;
    align-items: center;
    justify-content: center;
    border: 2px solid #d0d0d0;
}

.widget-stories-container{
    overflow: hidden;
}

.widget-stories-item:not(:last-child){ 
    margin-right: 10px;
}

.widget-stories-item:active{
    transform: scale(0.98); 
}

.widget-stories-item-circle-image{
    width: 90px;
    height: 90px;
    position: relative;
    border-radius: 50%;
    overflow: hidden;  
}

.widget-stories-item-process-load{
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: #f7f8fa!important;
}

.widget-stories-item-process-load span{
    width: 20px;
    height: 20px;
    color: #0066f5;
}

.widget-stories-item-process-load{
    visibility: hidden;
}

.stories-pg-meta { display: none !important; }
.stories-pg-meta.is-loading { display: block !important; }
.stories-pg-meta .widget-stories-item-circle-image { background: #f7f8fa; display: flex; align-items: center; justify-content: center; }
.stories-pg-meta .spinner-border { width: 20px; height: 20px; border-width: 2px; color: #0066f5; }

/* ── Add Story button ── */
.add-story-circle {
    background: linear-gradient(white, white) padding-box,
                linear-gradient(135deg, #4a0080, #833ab4, #c13584) border-box !important;
    border: 2.5px solid transparent !important;
}
.add-story-image-wrap {
    border: none !important;
}
.add-story-image-wrap .widget-stories-item-process-load {
    background: linear-gradient(145deg, rgba(35,0,55,.92), rgba(120,0,55,.86)) !important;
}
.add-story-image-wrap .widget-stories-item-process-load span {
    color: #fff;
}
.add-story-avatar {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: opacity .22s;
}
.add-story-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(145deg, rgba(35,0,55,.92) 0%, rgba(120,0,55,.86) 100%);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 3px;
    opacity: 0;
    transition: opacity .22s;
    color: #fff;
    border-radius: 50%;
}
.add-story-overlay i {
    font-size: 22px;
}
.add-story-overlay span {
    font-size: 7px;
    font-weight: 700;
    letter-spacing: .1em;
    text-transform: uppercase;
}
.add-story-badge {
    position: absolute;
    bottom: 3px;
    right: 3px;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    background: linear-gradient(135deg, #4a0080, #c13584);
    border: 2.5px solid #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    z-index: 2;
    transition: opacity .22s;
}
.add-story-badge i {
    font-size: 11px;
    line-height: 1;
}
@media (hover: hover) {
    .actionChangeAddStory:hover .add-story-avatar { opacity: 0; }
    .actionChangeAddStory:hover .add-story-overlay { opacity: 1; }
    .actionChangeAddStory:hover .add-story-badge { opacity: 0; }
}

/* ── Story side controls ── */
.story-side-controls {
    position: absolute;
    right: 10px;
    top: 55%;
    transform: translateY(-50%);
    z-index: 10;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 14px;
}
.story-ctrl-btn {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
    background: none;
    border: none;
    color: #fff;
    cursor: pointer;
    padding: 4px;
    transition: transform .12s;
    text-shadow: 0 1px 4px rgba(0,0,0,0.85), 0 0 8px rgba(0,0,0,0.6);
}
.story-ctrl-btn:hover { transform: scale(1.1); }
.story-ctrl-readonly { cursor: default; }
.story-ctrl-readonly:hover { transform: none; }
.story-ctrl-btn i { font-size: 20px; transition: color .18s; }
.story-ctrl-btn.liked i { color: #ff2d55; }
.story-ctrl-btn.like-pop i { animation: storyLikePop .3s cubic-bezier(.36,.07,.19,.97) both; }
.story-ctrl-count { font-size: 11px; font-weight: 700; line-height: 1; }

@keyframes storyLikePop {
    0%   { transform: scale(1); }
    40%  { transform: scale(1.45); }
    70%  { transform: scale(0.9); }
    100% { transform: scale(1); }
}

/* ── Story heart burst ── */
#story-heart-burst {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 30;
    font-size: 96px;
    color: #ff2d55;
    opacity: 0;
    pointer-events: none;
    transform: translate(-50%, -50%) scale(0);
    filter: drop-shadow(0 0 24px rgba(255,45,85,.75));
}
#story-heart-burst.burst-active {
    animation: storyHeartBurst 1.1s cubic-bezier(0.17, 0.67, 0.35, 1.2) forwards;
}
@keyframes storyHeartBurst {
    0%   { opacity: 0;   transform: translate(-50%, -50%) scale(0.2); }
    30%  { opacity: 1;   transform: translate(-50%, -50%) scale(1.35); }
    55%  { opacity: 1;   transform: translate(-50%, -50%) scale(1.0); }
    100% { opacity: 0;   transform: translate(-50%, -72%) scale(0.85); }
}

.home-widget-sections section:not(:last-child){
    margin-bottom: 40px;
}

.widget-shops-item-link{
    color: black;
    border-radius: 15px;
    min-height: 150px;
    display: block;
}

.widget-shops-item-link:hover{
    color: black;
}

.widget-shops-item-link > p{
    margin-top: 10px;
    margin-bottom: 0px;
}

.widget-shops-item-link:hover .widget-shops-item-content h4{
    color: #0066f5;
}

.widget-shops-item{
    text-align: center;
    margin-bottom: 25px;
}

.widget-shops-item-content{
}

.widget-shops-item-image {
    text-align: center;
    margin-bottom: 10px;
}

.widget-shops-item-image > div{
    display: inline-block;
    width: 120px;
    height: 120px;
    border-radius: 15px;
    overflow: hidden;
    position: relative;
}

.widget-article-blog-item{
    height: 240px;
    border-radius: 15px;
    overflow: hidden;
    position: relative;
    display: inline-flex;
    background-color: #f7f8fa;
    display: block;
    width: 100%;
    margin-bottom: 15px;
}

.widget-article-blog-item h4{
    font-size: 16px;
    font-weight: 900;
    color: white;
    display: inline-block;
    margin-bottom: 0;
    padding: 15px;
    background-color: #000000d6;
    width: 100%;
}

.widget-article-blog-item:not(:last-child){ 
    margin-right: 10px;
}

.widget-article-blog-item-title{
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 0px;
}

.bold-title-and-link{
    margin-bottom: 25px;
}

.bold-title-and-link span{
    font-size: 35px;
    font-weight: 900;
    display: inline-block;
    margin-right: 25px;
}

.widget-ads-slider-container-item{
    width: 223px;
    display: inline-flex;
}

.widget-ads-slider-container-item:not(:last-child){ 
    margin-right: 15px;
}

.widget-ads-slider-container-items{
    border-radius: 15px;
    padding: 15px;
}

.widget-ads-slider-container-items-vip{
    margin-bottom: 25px;
    background-color: #f7ffe5;
    border-radius: 25px;
    padding: 15px;
}

.profile-container-order-list-title{
    color: black;
    font-size: 16px;
    font-weight: 900;
}

.profile-verification-info-container{
    margin-top: 25px;
}

.profile-verification-info-container ul{
    margin: 0;
    padding-left: 15px;
}

.cart-ad-card-item-image{
    height: 80px;
    width: 80px;
    border-radius: 10px;
    margin-right: 15px;
    overflow: hidden;
    flex-shrink: 0;
}

.cart-ad-card-item{
    display: flex;
    justify-content: space-between; 
}

.cart-ad-card-item:not(:last-child) {
    margin-bottom: 15px;
}

.cart-ad-card-item-title{
    flex-grow: 1;
    font-size: 16px;
    font-weight: 800;
}

.cart-ad-card-item-title a{
    font-size: 16px;
    font-weight: 800;
}

.cart-ad-card-item-content{
    flex-grow: 1;
}

.cart-ad-card-item-content-title a{
    font-size: 17px;
    color: black;
}

.cart-ad-card-item-content-prices{
    font-size: 18px;
    font-weight: normal;
    font-weight: 900;
}

.cart-ad-card-item-content-prices .card-item-price-now{
    font-size: 18px;
    font-weight: normal;
    font-weight: 900;
}

.cart-ad-card-item-content-prices .card-item-price-old{
    font-size: 15px;
    margin-left: 10px;
    text-decoration: line-through;
    color: red;
}

.cart-ad-card-container:not(:last-child) {
    margin-bottom: 30px;
}

.cart-ad-card-item-delete{
    cursor: pointer;
    display: inline-block;
}

.cart-ad-card-item-delete i{
    font-size: 21px;
}

.cart-ad-card-item-content-quantity{
    margin-top: 10px;
}

.cart-ad-card-item-content-quantity-remains{
    margin-top: 10px;
    color: red;
    display: block;
    font-size: 14px;
}

.cart-sidebar-not-selected-items{
    display: none;
}

.cart-ad-card-item-content-quantity .quantity_inner .quantity{
    width: auto!important;
    min-width: 40px!important;
}

.cart-ad-card-item-user-rating{
    font-size: 15px;
    font-weight: 600;
    color: black;
    margin-left: 10px;
}

.cart-ad-card-item-user-rating i{
    font-size: 17px;
    color: #ffaf00;
}

.cart-ad-card-item-user a{
    color: black;
    font-size: 20px;
    font-weight: 900;
}

.cart-ad-card-item-user{
    display: inline-flex;
    align-items: center;
    margin-bottom: 15px;
}

.cart-ad-card-item-checkbox{
    margin-right: 15px;
}

.add-story-user-item:not(:last-child) {
    margin-bottom: 15px;
}

.add-story-user-item label{
    font-weight: bold;
    margin-bottom: 5px;
}

.add-story-user-tab-2, .add-story-user-tab-change-item{
    display: none;
}

.user-stories-modal{
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 100;
    background-color: #3c3c3ca6;
    backdrop-filter: blur(5px);
    display: flex;
    justify-content: center;    
}

.user-stories-modal-container-item{
    overflow: hidden;
    position: relative;
    border-radius: 20px;
    width: 470px;
    height: 100%;
    max-height: 900px;
    display: none;
}

.user-stories-modal-container{
    position: relative;
    z-index: 101;
    background-color: black;
    border-radius: 20px;
    box-shadow: 0 0.25rem 1.125rem rgba(75, 70, 92, 0.1);
    text-align: center;
    width: 470px;
    height: 100%;
    max-height: 900px;  
    margin-top: auto;
    margin-bottom: auto;  
}

.user-stories-modal-container-item-media{
    display: flex;
    align-items: center;
    height: 100%;
    width: 100%;
    position: relative;
    text-align: center;
    justify-content: center;
}

.user-stories-modal-container-item-media img{
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
}

.user-stories-modal-container-item-media.display-contain_black .story-video{
    width: 100%;
    height: 100%;
}

.user-stories-modal-container-item-media.display-contain_black .story-video,
.user-stories-modal-container-item-media.display-contain_black img,
.cube-face .user-stories-modal-container-item-media.display-contain_black .story-video,
.cube-face .user-stories-modal-container-item-media.display-contain_black img{
    object-fit: contain;
    background: #000;
}

.user-stories-modal-container-item-media.display-contain_blur,
.cube-face .user-stories-modal-container-item-media.display-contain_blur{
    overflow: hidden;
}

.user-stories-modal-container-item-media.display-contain_blur .story-video{
    width: 100%;
    height: 100%;
}

.user-stories-modal-container-item-media.display-contain_blur .story-video,
.user-stories-modal-container-item-media.display-contain_blur img,
.cube-face .user-stories-modal-container-item-media.display-contain_blur .story-video,
.cube-face .user-stories-modal-container-item-media.display-contain_blur img{
    object-fit: contain;
    position: relative;
    z-index: 1;
    background: transparent;
}

.story-bg-blur-layer{
    position: absolute;
    inset: 0;
    background-size: cover;
    background-position: center;
    filter: blur(30px) brightness(0.55);
    transform: scale(1.1);
    z-index: 0;
}

.user-stories-modal-container-item-footer{
    position: absolute;
    left: 20px;
    right: 20px;
    bottom: 20px;
    display: flex;
    gap: 10px;
    z-index: 15;
}

.user-stories-modal-container-item-footer .btn-custom{
    flex: 1;
    width: auto;
}

.user-stories-modal-container-item-header{
    position: absolute;
    left: 20px;
    right: 20px;
    top: 65px;
    display: inline-block;   
    text-align: left;
    z-index: 10;
    background-color: white;
    padding: 15px;
    border-radius: 15px; 
}

.user-stories-modal-container-header-timeline{
    align-items: left;
    display: flex;
    height: 5px;
    position: absolute;
    left: 20px;
    right: 20px;
    top: 8px;
    z-index: 10;
}

.user-stories-modal-container-header-timeline > div{
    height: 3px;
    background-color: rgba(250, 250, 250, 0.45);
    border-radius: 3px;
    position: relative;
    overflow: hidden;
    display: inline-flex;
    width: 100%;
}

.user-stories-modal-container-header-timeline > div:not(:last-child) {
    margin-right: 5px;
}

.user-stories-modal-container-close{
    position: static;
    cursor: pointer;
    align-items: center;
    justify-content: center;
}

.user-stories-modal-container-close span{
    position: relative;
}

.user-stories-modal-container-close span::after{
    content: '';
    position: absolute;
    inset: -16px -16px -16px 0;
}

.user-stories-modal-container > .user-stories-modal-container-close {
    position: absolute;
    top: 24px;
    right: 20px;
    z-index: 20;
}

/* ── Story top pills ── */
.story-top-pills{
    position: absolute;
    top: 24px;
    left: 20px;
    right: 20px;
    display: flex;
    align-items: center;
    gap: 10px;
    z-index: 20;
    pointer-events: none;
}

.story-pill{
    display: inline-flex;
    align-items: center;
    gap: 4px;
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    line-height: 1;
    text-shadow: 0 1px 4px rgba(0,0,0,0.85), 0 0 8px rgba(0,0,0,0.6);
}

.story-pill-user {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    pointer-events: auto;
    text-decoration: none;
    color: inherit;
}

.story-pill-avatar {
    width: 26px !important;
    height: 26px !important;
    min-width: 26px;
    border-radius: 50%;
    object-fit: cover;
    border: 2px solid rgba(255,255,255,0.75);
    background: #b0b0b0;
    flex-shrink: 0;
}

.story-pill-name {
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    line-height: 1;
    text-shadow: 0 1px 4px rgba(0,0,0,0.85), 0 0 8px rgba(0,0,0,0.6);
}

.story-pill::before {
    content: "\00B7";
    margin-right: 5px;
    opacity: .5;
    color: #fff;
}
.story-pill-verified { font-size: 14px; color: #4f9eff; flex-shrink: 0; filter: drop-shadow(0 1px 3px rgba(0,0,0,0.7)); }

/* ── Story bottom bar ── */
.story-bottom-bar {
    position: absolute;
    left: 20px;
    right: 20px;
    bottom: 20px;
    z-index: 15;
}

.story-user-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    text-align: left;
    background-color: white;
    padding: 15px;
    border-radius: 15px;
}

.story-meta-bar {
    display: inline-block;
}

.story-top-actions {
    position: absolute;
    top: 24px;
    right: 20px;
    display: flex;
    align-items: center;
    gap: 8px;
    z-index: 12;
}

.user-stories-modal-container-toggle-ui {
    position: static;
    cursor: pointer;
    align-items: center;
    justify-content: center;
}

.user-stories-modal-container-toggle-ui span {
    position: relative;
    display: inline-flex;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background-color: white;
    align-items: center;
    justify-content: center;
}

.user-stories-modal-container-toggle-ui span::after {
    content: '';
    position: absolute;
    inset: -16px 0 -16px -16px;
}

.user-stories-modal-container-toggle-ui i {
    font-size: 15px;
    color: black;
}

/* ── Stories hide UI ── */
body.stories-hide-user-bar .story-user-bar { display: none !important; }
body.stories-hide-controls .story-side-controls { display: none !important; }

/* ── Story Menu Dropdown ── */
.story-menu-wrap {
    position: relative;
}
/* shared style for top action circles (dots + close) */
.story-menu-btn,
.user-stories-modal-container-close span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: rgba(255,255,255,0.18);
    backdrop-filter: blur(6px);
    cursor: pointer;
    transition: background .15s;
}
.story-menu-btn:hover,
.user-stories-modal-container-close:hover span { background: rgba(255,255,255,0.28); }
.story-menu-btn span { display: inline-flex; align-items: center; justify-content: center; }
.story-menu-btn i,
.user-stories-modal-container-close i { font-size: 18px; color: #fff; }
.story-menu-btn.story-sound-hidden { display: none; }
.story-menu-dropdown {
    display: none;
    position: absolute;
    top: calc(100% + 8px);
    right: 0;
    min-width: 160px;
    background: rgba(30,30,30,0.92);
    backdrop-filter: blur(12px);
    border-radius: 12px;
    overflow: hidden;
    z-index: 200;
    box-shadow: 0 4px 20px rgba(0,0,0,0.4);
}
.story-menu-dropdown.is-open { display: block; }
.story-menu-item {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 16px;
    color: #fff;
    font-size: 14px;
    cursor: pointer;
    transition: background .12s;
}
.story-menu-item:hover { background: rgba(255,255,255,0.1); }
.story-menu-item i { font-size: 18px; flex-shrink: 0; }
.story-menu-close-dropdown { border-top: 1px solid rgba(255,255,255,0.12); margin-top: 4px; }

.add-story-sheet-backdrop {
    position: fixed;
    inset: 0;
    z-index: 1100;
    background: rgba(0,0,0,0);
    opacity: 0;
    pointer-events: none;
    transition: opacity .3s ease;
}
.add-story-sheet-backdrop.is-open { background: rgba(0,0,0,0.55); opacity: 1; pointer-events: auto; }
.add-story-sheet {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    max-width: 480px;
    margin-left: auto;
    margin-right: auto;
    z-index: 1101;
    background: rgba(30,30,30,0.96);
    backdrop-filter: blur(16px);
    border-radius: 20px 20px 0 0;
    padding: 10px 10px calc(10px + env(safe-area-inset-bottom));
    box-shadow: 0 -4px 24px rgba(0,0,0,0.4);
    transform: translateY(100%);
    transition: transform .3s cubic-bezier(.25,.1,.25,1);
}
.add-story-sheet.is-open { transform: translateY(0); }
.add-story-sheet-item {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 12px;
    color: #fff;
    font-size: 15px;
    cursor: pointer;
    border-radius: 14px;
    transition: background .12s;
}
.add-story-sheet-item:hover, .add-story-sheet-item:active { background: rgba(255,255,255,0.08); }
.add-story-sheet-item i {
    width: 40px;
    height: 40px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: rgba(255,255,255,0.1);
    font-size: 18px;
}
.add-story-sheet-cancel { margin-top: 4px; border-top: 1px solid rgba(255,255,255,0.12); border-radius: 0; justify-content: center; }
.add-story-sheet-cancel i { display: none; }
.add-story-sheet-cancel span { font-weight: 500; }

.user-stories-modal-container-header-timeline > div span.end {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: white;
    display: block;
}

.user-stories-modal-container-header-timeline > div span.animation {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 0%;
    background-color: white;
    display: block;
    animation: progressbar-countdown;
    animation-duration: 10s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    animation-play-state: paused;
    animation-timing-function: linear;
}

.profile-home-sections-info-item{
    background-color: #f8fafc;
    padding: 25px;
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.profile-home-sections-info-item .btn-custom-mini{
    flex-shrink: 0;
}
 
.profile-home-sections-info-item:not(:last-child) {
    margin-bottom: 10px;
}

.profile-home-sections-info-item h5{
    margin: 0px;
}

.text-color-red{
    color: red;
}

.personal-shop-banners-item{
    height: 400px;
    background-color: #f7f8fa;
    position: relative;
    display: block;
    position: relative;
}

.personal-shop-banners{
    margin-bottom: 25px;
    height: 400px;
    position: relative;
    border-radius: 25px;
    overflow: hidden;
}

.personal-shop-banners-item-slide{
    height: 400px;
    position: relative;
    width: 100%;
}

.personal-shop-banners-item-control{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 25px;
    border-radius: 25px;
}

.personal-shop-banners-item-control span{
    display: flex;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    cursor: pointer;
    color: white;
    background-color: #0066f5;
    align-items: center;
    justify-content: center;
}

.personal-shop-banners-item-control span i{
    font-size: 25px;
    color: white;
}

.personal-shop-banners-control-floating{
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -70px;
    margin-top: -35px;
    z-index: 5;
}

.personal-shop-banners-control-floating span{
    display: inline-flex;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    cursor: pointer;
    color: white;
    align-items: center;
    justify-content: center;
    margin: 5px;    
}

.personal-shop-banners-control-floating span i{
    font-size: 25px;
    color: white;
}

.personal-shop-banners-control-floating span.actionChangeShopBanner{
    background-color: blue;   
}

.personal-shop-banners-control-floating span.actionDeleteShopBanner{
    background-color: red;   
}

.personal-shop-banners{
    position: relative;    
}

.personal-shop-banners-items{
    position: relative;    
}

.personal-shop-banners-prev{
    position: absolute;
    left: 15px;
    top: 50%;
    margin-top: -25px;
    cursor: pointer;
    z-index: 10;
    display: inline-flex;
    width: 50px;
    height: 50px;
    background-color: white;
    color: black;
    cursor: pointer;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    box-shadow: rgb(0 0 0 / 6%) 0 4px 8px 0;
}

.personal-shop-banners-prev i{
    font-size: 22px;
    color: black;
}

.personal-shop-banners-next{
    position: absolute;
    right: 15px;
    top: 50%;
    margin-top: -25px;
    cursor: pointer;
    z-index: 10;
    display: inline-flex;
    width: 50px;
    height: 50px;
    background-color: white;
    color: black;
    cursor: pointer;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    box-shadow: rgb(0 0 0 / 6%) 0 4px 8px 0;
}

.personal-shop-banners-next i{
    font-size: 22px;
    color: black;
}

.personal-shop-banners-prev:active, .personal-shop-banners-next:active{
    transform: scale(0.95); 
}

.not-found-title-container-image{
    font-size: 35px;
}

.profile-container-user-grid{
    text-align: center;
}

.profile-container-user-grid-avatar-circle{
    width: 80px;
    height: 80px;
    border-radius: 50%;
    position: relative;
    overflow: hidden;
    background-color: #f7f8fa;
    display: inline-block;
}

.profile-container-user-grid-name{
    margin-top: 5px;
    font-size: 18px;
    display: inline-block;
    margin-bottom: 5px;
}

.profile-container-user-grid{
    border-radius: 15px;
    padding: 25px;
    background-color: #f7f8fa;
    margin-bottom: 10px;
}

.stamp-user-rating{
    font-size: 15px;
    display: inline-flex;
    font-weight: 600;
    color: black;
    align-items: center;
    justify-content: center;
}

.stamp-user-rating i{
    font-size: 20px;
    color: #ffaf00;
    margin-right: 3px;
}

.profile-settings-section-item:not(:last-child) {
    margin-bottom: 10px;
}

.profile-settings-section:not(:last-child) {
    margin-bottom: 25px;
}

.profile-settings-section > h5{
    margin-bottom: 20px;
}

.profile-settings-section{
    border-radius: 21px;
    padding: 25px;
    background-color: white;
}

.profile-settings-section-item-organization{
    display: none;
}

.user-stories-modal-container-item-header-user{
    display: flex;
    justify-content: space-between;    
}

.user-stories-modal-container-item-header-user-avatar{
    border-radius: 50%;
    width: 40px;
    height: 40px;
    overflow: hidden;
    position: relative;
}

.user-stories-modal-container-item-header-user-box2{
    flex-grow: 1;
    width: 100%;
    margin-left: 10px;
    display: inline-flex;
    align-items: center;
}

/* ── Stories Cube ─────────────────────────────────────────────────── */
.user-stories-modal {
    align-items: center;
}

.story-shell {
    --sw: min(470px, calc(100vw - 36px));
    --sh: min(900px, calc(100vh - 28px));
    --sz: calc(var(--sw) / 2);
    width: var(--sw);
    height: var(--sh);
    position: relative;
    perspective: 1500px;
    flex-shrink: 0;
    cursor: grab;
    touch-action: none;
    user-select: none;
}

.story-shell.is-grabbing { cursor: grabbing; }


.story-face-loader {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.story-face-spinner {
    width: 36px;
    height: 36px;
    border: 3px solid rgba(255,255,255,.2);
    border-top-color: rgba(255,255,255,.8);
    border-radius: 50%;
    animation: storySpin .7s linear infinite;
}

@keyframes storySpin { to { transform: rotate(360deg); } }

.cube {
    position: relative;
    width: 100%;
    height: 100%;
    transform-style: preserve-3d;
    transform: translateZ(calc(-1 * var(--sz))) rotateY(0deg);
    will-change: transform;
}

.cube.is-animating { transition: transform 980ms cubic-bezier(.18,.74,.2,1); }
.cube.is-dragging  { transition: none; }

.cube-face {
    position: absolute;
    inset: 0;
    overflow: hidden;
    border-radius: 20px;
    background: var(--scrim-brand);
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}

.cube-face--front { transform: rotateY(0deg)   translateZ(var(--sz)); }
.cube-face--right { transform: rotateY(90deg)  translateZ(var(--sz)); }
.cube-face--back  { transform: rotateY(180deg) translateZ(var(--sz)); }
.cube-face--left  { transform: rotateY(-90deg) translateZ(var(--sz)); }

.cube-face .user-stories-modal-container {
    width: 100%;
    height: 100%;
    max-height: none;
    border-radius: 0;
    box-shadow: none;
    margin: 0;
    background: transparent;
    z-index: auto;
}

.cube-face .user-stories-modal-container-item {
    width: 100%;
    height: 100%;
    max-height: none;
    border-radius: 0;
}

.cube-face .user-stories-modal-container-item-media {
    height: 100%;
}

.cube-face .user-stories-modal-container-item-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.cube-face .story-video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* ── Story profile card ───────────────────────────────────────────── */
.story-profile-card {
    display: grid;
    grid-template-columns: 72px 1fr;
    gap: 12px;
    align-items: center;
    padding: 12px;
    border-radius: 16px;
    background: rgba(0,0,0,.55);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.1);
}

.story-card-avatar {
    width: 72px;
    height: 90px;
    border-radius: 10px;
    object-fit: cover;
}

.story-card-info {
    display: flex;
    flex-direction: column;
    gap: 3px;
    color: #fff;
    min-width: 0;
}

.story-card-name {
    font-size: 17px;
    font-weight: 700;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.story-card-age {
    font-size: 12px;
    opacity: .7;
}

.story-card-price {
    font-size: 14px;
    font-weight: 600;
}

.story-card-location {
    font-size: 12px;
    opacity: .75;
    line-height: 1.3;
}

.story-card-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-top: 6px;
    padding: 7px 14px;
    border-radius: 8px;
    background: var(--bs-primary, #7367f0);
    color: #fff !important;
    font-size: 13px;
    font-weight: 600;
    text-decoration: none !important;
    width: fit-content;
}


.story-action-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: rgba(0,0,0,.45);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    color: #fff;
    cursor: pointer;
    font-size: 15px;
    flex-shrink: 0;
}

/* ── Update header layout to fit pills ───────────────────────────── */
.user-stories-modal-container-item-header-user {
    flex: 1;
    min-width: 0;
}

@keyframes progressbar-countdown {
  0% {
    width: 0%;
  }
  100% {
    width: 100%;
  }
}

.story-video{
    width: 100%;
}

.ml10{
    margin-left: 10px;
}

.user-avatar-by-stories{
    display: inline-block;
    cursor: pointer;    
}

.user-avatar-by-stories > div{
    width: 100px;
    height: 100px;
    position: relative;
    border-radius: 50%;
    display: flex;
    background-color: white;
    align-items: center;
    justify-content: center;
}

.user-avatar-by-stories-circle{
    width: 90px;
    height: 90px;
    position: relative;
    border-radius: 50%;
    overflow: hidden; 
}

.profile-searches-item-list{
    padding: 25px;
    border-radius: 15px;
    background-color: #f7f8fa;
    display: block;
    color: black;
}

.profile-searches-item-list a{
    color: black;
}

.profile-searches-item-list a:hover{
    color: #0066f5;
}

.profile-button-item-delete{
    cursor: pointer;
    display: inline-block;
}

.profile-button-item-delete i{
    font-size: 21px;
}

.profile-button-item-delete:hover{
    color: red;
}

.blog-content-image{
    border-radius: 15px;
    overflow: hidden;
}

.blog-content-image img{
    max-width: 100%;
}

.blog-content-iframe iframe{
    width: 100%;
    height: 550px;
}

.blog-post-card-content section:not(:last-child) {
    margin-bottom: 25px;
}

.table table{
    width: 100%;
}

.blog-grid-item{
    display: block;
    margin-bottom: 50px;
}

.blog-grid-item:hover .blog-grid-item-title{
    color: #0066f5;
}

.blog-grid-item-image{
    position: relative;
    width: 100%;
    height: 250px;
    border-radius: 20px;
    overflow: hidden;
    margin-bottom: 15px;
}

.blog-grid-item-title{
    display: block;
    color: black;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.3;
}

.advertising-banner-item{
    width: 100%;
    display: inline-block;
}

.advertising-banner-item img{
    max-width: 100%;
}

.advertising-banner-container{
    text-align: center;
    margin-bottom: 15px;
    overflow: hidden;
}

.advertising-banner-grid-item{
    width: 100%;
    display: inline-block;
    border-radius: 10px;
    overflow: hidden;
}

.advertising-banner-grid-item img{
    max-width: 100%;
}

.footer-cookie-container{
    position: fixed;
    right: 15px;
    z-index: 50;
    bottom: 15px;
    border-radius: 15px;
    background-color: #070707;
    border-radius: 20px;
    color: #f5f7fa;
    display: none;
    padding: 20px;
    width: 280px;     
    font-size: 14px;
}

.footer-cookie-title{
    font-size: 17px;
    margin-bottom: 10px;
    font-weight: bold;
}

/* xs (<=543px) */
@media (max-width: 575px) {

    #chatModal .chat-dialogue-container, #chatModal .chat-dialogues-container, .modal-body{
        padding-left: 15px!important;
        padding-top: 35px!important;
        padding-right: 15px!important;
        padding-bottom: 15px!important;
    }

    .personal-shop-banners, .personal-shop-banners-item, .personal-shop-banners-item-slide{
        height: 200px!important;
    }

    .user-stories-modal-container, .user-stories-modal-container-item{
        width: 100%!important;
        height: 100%!important;
        border-radius: 0px!important;
    }

    .story-shell {
        --sw: 100vw!important;
        --sh: 100dvh!important;
        width: 100vw!important;
        height: 100dvh!important;
    }

    .cube-face {
        border-radius: 0!important;
    }

    .story-top-actions {
        top: calc(24px + env(safe-area-inset-top, 0px))!important;
    }

    .user-stories-modal-container-header-timeline {
        top: calc(8px + env(safe-area-inset-top, 0px))!important;
    }

    .story-top-pills {
        top: calc(24px + env(safe-area-inset-top, 0px))!important;
    }

    .story-bottom-bar {
        bottom: calc(20px + env(safe-area-inset-bottom, 0px))!important;
    }

    .splash-notification, .splash-notification-alert{
        left: 15px!important;
        right: 15px!important;
    }

    .splash-notification-container, .splash-notification-alert-container{
        width: 100%!important;
        min-width: 100%!important;
        max-width: 100%!important;
    }

    .chat-live-notifications-container{
        left: 15px!important;
        right: 15px!important;
        width: auto!important;
        bottom: calc(16px + env(safe-area-inset-bottom, 0px))!important;
    }

    .live-search-results{
        width: 100%!important;
        left: 0!important;
        right: 0!important;
    }

    .footer-cookie-container{
        left: 15px!important;
        width: auto!important;
        right: 15px!important;
    }

    .chat-dialogue-item-container .uni-dropdown-content{
        left: 0px!important;
        right: 0px!important;
    }

    .search-map-sidebar, .search-map-sidebar-card, .search-map-sidebar-filters{
        left: 0px!important;
        right: 0px!important;
        top: 125px!important;
        bottom: 0px!important;
        width: auto!important;
        border-radius: 0px!important;
    }

    .search-map-sidebar-control-mobile{
        display: block!important;
    }

    .container-item-list-content-title, .container-item-list-content-user{
        margin-top: 10px!important;
    }

    .container-item-list-map-content-title{
        margin-top: 10px!important;
    }

    .container-item-list-map-images{
        height: 200px!important;
    }

    .footer-bg-box-link-inline .uni-dropdown{
        text-align: left!important;
        margin-top: 10px!important;
    }

    .catalog-container-options-links-inline-sorting{
        margin-top: 15px!important;
    }

    .container-item-images{
        height: 225px!important;
    }

    .footer-social-links{
        text-align: center!important;
        margin-top: 15px!important;
    }

    .search-map-container{
        top: 125px!important;
    }

    .blog-content-iframe > div{
        width: 100%!important;
    }

    .blog-content-image img{
        width: 100%!important;
    }

    .blog-post-card-sidebar{
        margin-top: 100px!important;
    }

    .blog-content-iframe iframe{
        width: 100%!important;
    }

    .section-promo-download-app-image-device{
        display: none;
    }

    .section-promo-download-app{
        padding: 40px!important;
        margin: 15px 0px!important;
    }

    .section-promo-download-app h2{
        font-size: 35px!important;
    }

    .ad-paid-services-ads-container{
        margin-top: 15px!important;
    }

    .ad-create-options-actions-swim{
        display: block!important;
        text-align: center!important;
    }

    .ad-create-options-actions-swim button{
        width: 100%!important;
    }

    .ad-create-options-actions-swim div{
        margin-bottom: 5px!important;
        margin-right: 0px!important;
    }

    .profile-container-shop-list-content, .profile-container-item-list-content, .profile-container-item-content-actions{
        margin-top: 15px!important;
    }

    .title-h1-adaptive{
        font-size: 30px!important;
    }

    .bold-title-and-link span{
        font-size: 26px!important;
    }

    .uni-dropdown-shop-categories .uni-dropdown-content{
        width: 100%!important;
    }

    .widget-categories-container{
        display: none!important;
    }

    .tariffs-swiper-prev{
        left: -10px!important;
    }

    .tariffs-swiper-next{
        right: -10px!important;
    }

    .shop-page-button-back{
        margin-bottom: 15px;
    }

    .profile-settings-section-item label:not(.form-check-label){
        margin-bottom: 6px;
    }

    .profile-settings-section-item label:not(.form-check-label){
        font-weight: bold;
    }

    .widget-categories-or-subcategories a{
        max-width: 100%!important;
        width: 100%!important;
    }

}

/* sm (>=576 и <=767) */
@media (min-width: 576px) and (max-width: 767px) {

    #chatModal .chat-dialogue-container, #chatModal .chat-dialogues-container, .modal-body{
        padding-left: 15px!important;
        padding-top: 35px!important;
        padding-right: 15px!important;
        padding-bottom: 15px!important;
    }

    .personal-shop-banners, .personal-shop-banners-item, .personal-shop-banners-item-slide{
        height: 200px!important;
    }

    .splash-notification, .splash-notification-alert{
        left: 15px!important;
        right: 15px!important;
    }

    .splash-notification-container, .splash-notification-alert-container{
        width: 100%!important;
        min-width: 100%!important;
        max-width: 100%!important;
    }

    .footer-cookie-container{
        left: 15px!important;
        width: auto!important;
        right: 15px!important;
    }

    .search-map-sidebar, .search-map-sidebar-card, .search-map-sidebar-filters{
        left: 0px!important;
        right: 0px!important;
        top: 125px!important;
        bottom: 0px!important;
        width: auto!important;
        border-radius: 0px!important;
    }

    .search-map-sidebar-control-mobile{
        display: block!important;
    }

    .container-item-list-content-title, .container-item-list-content-user{
        margin-top: 10px!important;
    }

    .container-item-list-map-content-title{
        margin-top: 10px!important;
    }

    .container-item-list-map-images{
        height: 200px!important;
    }

    .footer-bg-box-link-inline .uni-dropdown{
        text-align: left!important;
        margin-top: 10px!important;
    }

    .catalog-container-options-links-inline{
        margin-bottom: 10px!important;
    }

    .catalog-container-options-links-inline-sorting{
        margin-top: 15px!important;
    }

    .footer-social-links{
        text-align: center!important;
        margin-top: 15px!important;
    }

    .search-map-container{
        top: 125px!important;
    }

    .blog-content-iframe > div{
        width: 100%!important;
    }

    .blog-content-image img{
        width: 100%!important;
    }

    .blog-post-card-sidebar{
        margin-top: 100px!important;
    }

    .blog-content-iframe iframe{
        width: 100%!important;
    }

    .section-promo-download-app-image-device{
        display: none;
    }

    .section-promo-download-app{
        padding: 40px!important;
        margin: 15px 0px!important;
    }

    .section-promo-download-app h2{
        font-size: 35px!important;
    }

    .ad-paid-services-ads-container{
        margin-top: 15px!important;
    }

    .ad-create-options-actions-swim{
        display: block!important;
        text-align: center!important;
    }

    .ad-create-options-actions-swim button{
        width: 100%!important;
    }

    .ad-create-options-actions-swim div{
        margin-bottom: 5px!important;
        margin-right: 0px!important;
    }

    .title-h1-adaptive{
        font-size: 30px!important;
    }

    .bold-title-and-link span{
        font-size: 26px!important;
    }

    .uni-dropdown-shop-categories .uni-dropdown-content{
        width: 100%!important;
    }

    .widget-categories-container{
        display: none!important;
    }

    .shop-page-button-back{
        margin-bottom: 15px;
    }

    .profile-settings-section-item label:not(.form-check-label){
        margin-bottom: 6px;
    }

    .profile-settings-section-item label:not(.form-check-label){
        font-weight: bold;
    }

    .modal-fullscreen-md-down {
        max-width: none!important;
    }

    .widget-categories-or-subcategories a{
        max-width: 100%!important;
        width: 100%!important;
    }

}

/* md (>=768 и <=991) */
@media (min-width: 768px) and (max-width: 991px) {
    
    .personal-shop-banners, .personal-shop-banners-item, .personal-shop-banners-item-slide{
        height: 200px!important;
    }

    .search-map-sidebar, .search-map-sidebar-card, .search-map-sidebar-filters{
        left: 0px!important;
        right: 0px!important;
        top: 125px!important;
        bottom: 0px!important;
        width: auto!important;
        border-radius: 0px!important;
    }

    .search-map-sidebar-control-mobile{
        display: block!important;
    }

    .container-item-list-content-title, .container-item-list-content-user{
        margin-top: 10px!important;
    }

    .container-item-list-map-content-title{
        margin-top: 10px!important;
    }

    .blog-content-iframe > div{
        width: 100%!important;
    }

    .blog-post-card-sidebar{
        margin-top: 100px!important;
    }

    .blog-content-iframe iframe{
        width: 100%!important;
    }

    .section-promo-download-app-image-device{
        display: none;
    }

    .section-promo-download-app{
        padding: 40px!important;
        margin: 15px 0px!important;
    }

    .section-promo-download-app h2{
        font-size: 35px!important;
    }

    .ad-paid-services-ads-container{
        margin-top: 15px!important;
    }

    .ad-create-options-actions-swim{
        display: block!important;
        text-align: center!important;
    }

    .ad-create-options-actions-swim button{
        width: 100%!important;
    }

    .ad-create-options-actions-swim div{
        margin-bottom: 5px!important;
        margin-right: 0px!important;
    }

    .uni-dropdown-shop-categories .uni-dropdown-content{
        width: 100%!important;
    }

}

/* lg (>=992 и <=1199) */
@media (min-width: 992px) and (max-width: 1199px) {

    .personal-shop-banners, .personal-shop-banners-item, .personal-shop-banners-item-slide{
        height: 200px!important;
    }

    .profile-user-sidebar-row{
        display: block!important;  
    }

    .profile-user-sidebar-col-2{
        margin-left: 0px!important;
    }

    .search-map-sidebar-control-mobile{
        display: none!important;
    }

    .section-promo-download-app-image-device{
        display: none;
    }

    .section-promo-download-app{
        padding: 40px!important;
        margin: 15px 0px!important;
    }

    .section-promo-download-app h2{
        font-size: 35px!important;
    }

}

/* xl (>=1200) */
@media (min-width: 1200px) {
    
    .profile-user-sidebar-row{
        display: block!important;  
    }

    .profile-user-sidebar-col-2{
        margin-left: 0px!important;
    }

    .search-map-sidebar-control-mobile{
        display: none!important;
    }

}

.header-flex-box-icon{
    display: inline-flex; 
    align-items: center;
    height: 100%;
    color: black;
    position: relative;
}

.header-flex-box-icon i{
    font-size: 26px;
}

.header-flex-box-icon:not(:last-child) {
    margin-right: 10px;
}

.big-catalog-menu-mobile-container{
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    padding: 15px;
    display: none;
    background-color: white;
    overflow: auto;
    z-index: 50;
}

.header-menu-filters-mobile-container{
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    padding: 15px;
    display: none;
    background-color: white;
    overflow: auto;
    z-index: 50;    
}

.header-hidden-height{
    height: 65px;
}

.header-visible-height{
    height: 125px;
}

.link-geo-item:hover{
    color: #0066f5;
}

.profile-referral-container{
    border-radius: 15px;
    padding: 20px;
    background-color: #ebffeb;
    word-break: break-word;
}

.profile-referral-container h5{
    margin-top: 0;
    font-weight: 600;
}

.profile-referral-container p{
    margin-bottom: 0px;
}

.table-container-item-list{
    padding: 15px;
    border-radius: 15px;
    background-color: #f7f8fa;
    margin-bottom: 10px;
}

.user-items-container{
    max-height: 300px;
    overflow: auto;
}

.user-item-container{
    border-radius: 15px;
    padding: 10px;
    display: flex;
    justify-content: space-between;
    cursor: pointer;
    color: black;
}

.user-item-container:not(:last-child){ 
    margin-bottom: 5px;
}

.user-item-container.active{
    background-color: #ebf2ff;
}

.user-item-container-box2{
    margin-left: 15px;
    flex-grow: 1;    
    font-weight: 600;
}

.user-item-container-image{
    border-radius: 15px;
    width: 50px;
    height: 50px;
    position: relative;
    overflow: hidden;
}

.user-item-container-box2 span{
    display: block;
}

.user-item-container:hover{
    background-color: #ebf2ff;
    color: black;
}

.profile-settings-section-notifications-method{
    display: none;
}

.text-break-word{
    word-break: break-word;
}

.shop-catalog-search-container{
    position: relative;
}

.shop-categories-list-modal a{
    display: block;
    margin-bottom: 5px;
    color: black;
}

.shop-categories-list-modal a:hover{
    color: blue;
}

.form-control-label{
    margin-bottom: 10px;
}

.badge.badge-notifications {
    position: absolute;
    top: 10px;
    right: -8px;
    display: inline-block;
    margin: 0;
    transform: translate(-50%, -45%);
}

.badge.badge-dot {
    display: inline-block;
    margin: 0;
    padding: 0;
    width: 0.5rem;
    height: 0.5rem;
    border-radius: 50%;
    vertical-align: middle;
}

.ml5{
    margin-left: 5px!important;
}

.card-stat-action {
    display: inline-flex;
    align-items: center;
    gap: 2px;
    padding: 2px 8px;
    border-radius: 6px;
    cursor: pointer;
    transition: background-color .15s, color .15s;
}
.card-stat-action:hover {
    background-color: rgba(var(--bs-primary-rgb, 13,110,253), .1);
    color: var(--bs-primary, #0d6efd);
}
.card-stat-row {
    display: flex;
    align-items: center;
    gap: 4px;
}

.bg-danger {
    background-color: #ea5455 !important;
}

.mobile-grid-menu-category-item{
    display: block;
    background-color: #f7f8fa;
    padding: 15px;
    border-radius: 15px;
    overflow: hidden;
    height: 115px;
    position: relative;
    word-break: break-word;
}

.mobile-grid-menu-category-item div {
    z-index: 5;
    color: black;
    position: relative;
    font-size: 14px;
}

.mobile-grid-menu-category-item img {
    position: absolute;
    right: 0;
    bottom: 0px;
    height: 70px;
}

.mobile-menu-list-link .mobile-menu-list-link-item{
    display: block;
    color: black;
    margin-bottom: 10px;
}

.mobile-grid-menu-category-item:not(:last-child){ 
    margin-right: 5px;
    margin-bottom: 5px;
}

.no-gutter > [class*="col-"] {
  padding-right: 0;
  padding-left: 0;
}

.uni-dropdown-content-custom-link a{
    color: black;
    display: block;
    padding: 3px 15px;
}

.uni-dropdown-content-custom-link a:hover{
    color: blue;
}

.shop-floating-menu{
    position: fixed;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    padding: 15px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    background-color: white;
    box-shadow: 0 6px 32px #5e5c5c24;
    z-index: 15;
}

.profile-user-sidebar-row{
    display: flex;
    justify-content: space-between;  
    margin-bottom: 20px;  
}

.profile-user-sidebar-col-2{
    margin-left: 15px;
    flex-grow: 1;
    width: 100%;    
}

.mb100{
    margin-bottom: 100px;
}

.mb50{
    margin-bottom: 50px;
}

.textEditor img{
    max-width: 100%;
}

.home-widget-sections section:empty {
    margin: 0px!important;
}

.swiper-button-disabled { display: none; }

.search-map-container{
    position: fixed!important;
    left: 0;
    right: 0;
    top: 14px;
    bottom: 0;
    height: 100%;
    width: 100%;
}

/* Map Photo Markers */
.map-ad-photo-marker {
    position: relative;
    width: 58px;
    min-height: 76px;
    transform: translateY(-10px);
    text-align: center;
}

.map-ad-photo-marker img {
    width: 52px;
    height: 52px;
    border: 3px solid #fff;
    border-radius: 50%;
    object-fit: cover;
    background: #f2f2f2;
    box-shadow: 0 8px 22px rgba(0,0,0,.28);
}

.map-ad-photo-marker-price {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    max-width: 78px;
    min-height: 24px;
    margin-top: -3px;
    padding: 2px 8px;
    border-radius: 999px;
    background: #111;
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.15;
    white-space: nowrap;
    box-shadow: 0 6px 16px rgba(0,0,0,.25);
}

.map-ad-photo-marker::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 5px;
    width: 14px;
    height: 14px;
    background: #fff;
    transform: translateX(-50%) rotate(45deg);
    box-shadow: 4px 4px 12px rgba(0,0,0,.16);
    z-index: -1;
}

.search-map-sidebar, .search-map-sidebar-card{
    position: fixed;
    left: 15px;
    top: 130px;
    bottom: 15px;
    background-color: white;
    padding: 25px;
    border-radius: 20px;
    width: 510px;
    z-index: 5;
    overflow: auto;
}

.search-map-sidebar-filters{
    position: fixed;
    left: 15px;
    top: 140px;
    bottom: 15px;
    background-color: white;
    padding: 25px;
    border-radius: 20px;
    width: 380px;
    z-index: 10;
    overflow: auto;
    -webkit-box-shadow: 0px 0px 37px 2px rgba(34, 60, 80, 0.2);
    -moz-box-shadow: 0px 0px 37px 2px rgba(34, 60, 80, 0.2);
    box-shadow: 0px 0px 37px 2px rgba(34, 60, 80, 0.2);    
}

.search-map-sidebar, .search-map-sidebar-filters{
    display: none;
}

.search-map-sidebar-not-found{
    margin-top: 30px;
}

.search-map-sidebar-control{
    margin-bottom: 25px;
}

.search-map-sidebar-card{
    display: none;
}

.search-map-sidebar-card-container{
    margin-top: 15px;
}

.search-map-sidebar-container.active{
    opacity: 0.4;
}

.search-map-sidebar-control-mobile{
    background-color: white;
    padding: 15px;
    position: fixed;
    left: 0;
    right: 0;
    top: 125px;
    z-index: 5;
    display: none;
}

.label-info-rating-by-color{
    font-weight: 600;
    margin-top: 5px;
    margin-bottom: 5px;
    font-size: 13px;
}

.label-info-rating-by-color span{
    display: inline-block;
    border-radius: 7px;
    font-size: 14px;
    padding: 2px 6px;
    margin-right: 5px;
    font-size: 13px;
}

.color-rating-green span{
    background-color: #00c257;
    color: white;
}

.color-rating-green{
    color: #00c257;
}

.color-rating-yellow span{
    background-color: #f79900;
    color: white;
}

.color-rating-yellow{
    color: #f79900;
}

.color-rating-gray span{
    background-color: gray;
    color: white;
}

.color-rating-gray{
    color: gray;
}

.box-user-face-card-avatar > div{
    width: 30px;
    height: 30px;
    border-radius: 50%;
    overflow: hidden;
    position: relative;
    display: inline-block;
    background-color: #f7f8fa;
}

.box-user-face-card-avatar{
    height: 30px;
}

.box-user-face-card{
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.box-user-face-card-content{
    flex-grow: 1;
    margin-left: 5px;
    white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis;
    font-size: 14px;
    color: black;
}

.container-item-list-content-properties{
    margin-top: 10px;
}

.search-map-sidebar-filters-buttons{
    margin-top: 30px;
}

.container-item-list-map-images{
    height: 150px;
    overflow: hidden;
    border-radius: 15px;
    position: relative;
    background-color: #F7F8FA;
}

.container-item-list-map-content-title{
    font-size: 17px;
    font-weight: 500;
    display: block;
}

.container-item-list-map-content-title:hover{
    color: blue!important;
}

.container-item-list-map-content-additionally{
    margin-top: 5px;
}

.container-item-list-map-content-additionally span{
    display: block;
    font-size: 13px;
    color: gray;
}

.container-item-list-map-content-prices .card-item-price-now{
    font-size: 20px;
    font-weight: 600;
    color: black;
}

.container-item-list-map-content-prices .card-item-price-old{
    font-size: 18px;
    color: #f81155;
    text-decoration: line-through;
    margin-left: 5px;
    display: inline-block;
}

.container-item-list-map-content-prices .card-item-price-measure-title{
    font-size: 14px;
}

.container-item-list-map-content-user{
    margin-top: 10px;
}

.container-item-list-map{
    cursor: pointer;
    position: relative;
    margin-bottom: 25px;
    display: block;
}

.container-item-list-map{
    color: black;
}

.container-item-list-map:hover{
    color: black;
}

.container-item-list-map:hover .container-item-list-map-content-title{
    color: blue!important;
}

.datepicker .table-condensed{
    width: 100%!important;
}

.datepicker{
    width: 100%!important;
}

.datepicker .table-condensed td{
    border-radius: 10px!important;
    width: 40px!important;
    height: 40px!important;
    position: relative;
}

.datepicker table tr td.disabled{
    text-decoration: line-through!important;
    color: #c4c4c4!important;
}

.datepicker table tr td .table-label-price{
    color: red;
    position: absolute;
    font-size: 11px!important;
    bottom: -2px;
    left: 0;
    right: 0;
    text-align: center;
}

.datepicker td.active.selected .table-label-price{
    color: white!important;
}

.ad-create-options-additional-services-item:not(:last-child){ 
    margin-bottom: 15px;
}

.ad-create-options-special-days-item:not(:last-child){ 
    margin-bottom: 15px;
}

.ad-create-options-week-days-item:not(:last-child){ 
    margin-bottom: 15px;
}

.ad-create-options-additional-services-item-delete, .ad-create-options-special-days-item-delete{
    cursor: pointer;
    display: flex;
    height: 100%;
    align-items: center;
}

.ad-card-booking-button-order{
    padding: 10px 0;
}

.modal-booking-order-info-container > div{
    padding: 20px;
    border-radius: 20px;
    background-color: #ebffeb;
    margin-bottom: 10px;
    font-size: 13px;
}

.modal-booking-order-info-container > div i{
    font-size: 34px;
    margin-bottom: 10px;
}

.list-points{
  padding: 0;
  margin: 0;
}

.list-points li {
  display: flex;
}

.list-points li .list-points-title {
  order: 1;
}

.list-points li .list-points-chapter {
  order: 3;
}

.list-points li::after {
  background-image: radial-gradient(circle, currentcolor 1px, transparent 1.5px);
  background-position: bottom;
  background-size: 1ex 4.5px;
  background-repeat: space no-repeat;
  content: "";
  flex-grow: 1;
  height: 1em;
  order: 2;
  color: #b6b6b6;
}

.modal-booking-order-additional-services-item{
    margin-bottom: 10px;
}

.modal-booking-order-additional-services-container{
    margin-top: 15px;
    margin-bottom: 30px;
}

.uni-dropdown-content-item-image{
    display: inline-block;
    margin-right: 10px;
    width: 25px;
    height: 25px;
    border-radius: 10px;
    overflow: hidden;
    text-align: center;
}

.uni-dropdown-content-item-image img{
    height: 100%;
}

.main-floating-menu{
    position: fixed;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    padding: 0px 5px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    background-color: white;
    justify-content: space-between;
    box-shadow: 0 6px 32px #5e5c5c24;
    z-index: 15;
    text-align: center;
    transition: transform .2s ease-in-out;
}

.main-floating-menu > a {
    text-decoration: none;
    text-align: center;
    color: #646464;
    position: relative;
    height: 100%;
    display: inline-flex;
    margin: 0 6px;
    text-align: center;
    padding: 12px 0;
}

.main-floating-menu > a:hover {
    color: blue;
}

.main-floating-menu > a span{
    display: block;
    font-size: 12px;
}

.main-floating-menu > a span i{
    font-size: 30px;
}

.main-floating-menu .chat-icon-counter{
    display: none;
}

.widget-categories-or-subcategories-counter{
    font-size: 11px;
    display: inline-flex;
    position: absolute;
    top: -10px;
    right: 5px;
    border-radius: 10px;
    height: 20px;
    min-width: 20px;
    padding: 0 7px;
    align-items: center;
    background-color: black;
    color: white;
    justify-content: center;
}

.params-form-item-subcategories .uni-select:not(:last-child){
    margin-bottom: 10px;
}

.modal-booking-order-prices-container{
    margin-bottom: 25px;
}

.transactions-statistics-month-list-item{
  display: inline-block;
  padding: 8px 22px;
  background-color: #f2f3f8;
  border-radius: 10px;
  cursor: pointer;
  text-align: center;
  margin-right: 5px; 
  margin-bottom: 8px;
  color: #6c6b70;
}

.transactions-statistics-month-list-item:hover{
  background-color: #e9e7fd;
  color: black!important;
}

.transactions-statistics-month-list-item.active{
  background-color: #e9e7fd;
}

.transactions-statistics-month-list-item strong{
  display: block;
}

.container-item-grid-content-user{
    margin-top: 10px;
}

.page-link.active, .active > .page-link {
    color: white;
    background-color: #186aff;
    border-color: #186aff;
}
.active>.page-link, .page-link.active {
    color: white;
    background-color: #186aff;
    border-color: #186aff;
}
.page-link, .page-link > a {
    border-radius: 5px;
    line-height: 1;
    text-align: center;
    min-width: calc(2.4275rem + 0px);
}
.page-link {
    position: relative;
    display: block;
    padding: 10px;
    font-size: 14px;
    color: black;
    background-color: #f2f2f2;
    border: none;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    margin-right: 6px;
}

.profile-settings-sections a{
    display: inline-block;
    padding: 25px;
    border-radius: 20px;
    background-color: white;
    margin-right: 15px;
    min-width: 150px;
    color: black;
}

.profile-settings-sections a i{
    font-size: 32px;
    color: #186aff;
}

.profile-settings-sections a:hover, .profile-settings-sections a.active{
    background:radial-gradient(at 69.15532025790753% 36.41550007427477%, hsla(131.66666666666669, 100%, 92.94117647058823%, 1) 0%, hsla(131.66666666666669, 100%, 92.94117647058823%, 0) 100%), radial-gradient(at 94.0764618849782% 55.11658568527875%, hsla(221.31147540983608, 100%, 88.0392156862745%, 1) 0%, hsla(221.31147540983608, 100%, 88.0392156862745%, 0) 100%), radial-gradient(at 44.26054764814447% 15.32559530653057%, hsla(40.67796610169492, 83.09859154929579%, 86.07843137254902%, 1) 0%, hsla(40.67796610169492, 83.09859154929579%, 86.07843137254902%, 0) 100%), radial-gradient(at 63.40410496647628% 54.78047818181293%, hsla(131.66666666666669, 100%, 92.94117647058823%, 1) 0%, hsla(131.66666666666669, 100%, 92.94117647058823%, 0) 100%), radial-gradient(at 17.31968358330116% 6.007814459050276%, hsla(221.31147540983608, 100%, 88.0392156862745%, 1) 0%, hsla(221.31147540983608, 100%, 88.0392156862745%, 0) 100%), radial-gradient(at 45.211359986419694% 5.395186206843672%, hsla(40.67796610169492, 83.09859154929579%, 86.07843137254902%, 1) 0%, hsla(40.67796610169492, 83.09859154929579%, 86.07843137254902%, 0) 100%), radial-gradient(at 7.762721610145018% 77.65073886063318%, hsla(131.66666666666669, 100%, 92.94117647058823%, 1) 0%, hsla(131.66666666666669, 100%, 92.94117647058823%, 0) 100%);
}

.credit-card-add{
    border-radius: 15px;
    max-width: 350px;
    position: relative;
    transition: all 0.4s ease;
    box-shadow: 0 2px 4px 0 #cfd7df;
    min-height: 100px;
    background: #f7f8fa;  
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

.credit-card {
    margin-bottom: 15px;
    border-radius: 15px;
    max-width: 350px;
    position: relative;
    transition: all 0.4s ease;
    box-shadow: 0 2px 4px 0 #cfd7df;
    min-height: 130px;
    padding: 15px;
    background:radial-gradient(at 68.91657326694178% 39.41528975971814%, hsla(220.8196721311475, 80.26315789473684%, 70.19607843137254%, 1) 0%, hsla(220.8196721311475, 80.26315789473684%, 70.19607843137254%, 0) 100%), radial-gradient(at 77.31353997909237% 61.95250002693417%, hsla(220.7142857142857, 96.55172413793103%, 45.490196078431374%, 1) 0%, hsla(220.7142857142857, 96.55172413793103%, 45.490196078431374%, 0) 100%), radial-gradient(at 53.299380524022986% 97.7414760297016%, hsla(221.31147540983608, 81.33333333333336%, 85.29411764705883%, 1) 0%, hsla(221.31147540983608, 81.33333333333336%, 85.29411764705883%, 0) 100%), radial-gradient(at 12.73094977135144% 40.527619432868036%, hsla(220.8196721311475, 80.26315789473684%, 70.19607843137254%, 1) 0%, hsla(220.8196721311475, 80.26315789473684%, 70.19607843137254%, 0) 100%), radial-gradient(at 9.887582172484066% 68.08494817062419%, hsla(220.7142857142857, 96.55172413793103%, 45.490196078431374%, 1) 0%, hsla(220.7142857142857, 96.55172413793103%, 45.490196078431374%, 0) 100%), radial-gradient(at 6.190747150886855% 16.65181617998962%, hsla(221.31147540983608, 81.33333333333336%, 85.29411764705883%, 1) 0%, hsla(221.31147540983608, 81.33333333333336%, 85.29411764705883%, 0) 100%), radial-gradient(at 70.6105260773787% 31.819452830829064%, hsla(220.8196721311475, 80.26315789473684%, 70.19607843137254%, 1) 0%, hsla(220.8196721311475, 80.26315789473684%, 70.19607843137254%, 0) 100%), radial-gradient(at 90.52523756998397% 84.55784615203493%, hsla(220.7142857142857, 96.55172413793103%, 45.490196078431374%, 1) 0%, hsla(220.7142857142857, 96.55172413793103%, 45.490196078431374%, 0) 100%), radial-gradient(at 51.274739451522656% 72.11282253158441%, hsla(221.31147540983608, 81.33333333333336%, 85.29411764705883%, 1) 0%, hsla(221.31147540983608, 81.33333333333336%, 85.29411764705883%, 0) 100%), radial-gradient(at 41.72686516022628% 46.472646730671364%, hsla(220.8196721311475, 80.26315789473684%, 70.19607843137254%, 1) 0%, hsla(220.8196721311475, 80.26315789473684%, 70.19607843137254%, 0) 100%);
    color: white;
}

.credit-card.selectable:hover {
    cursor: pointer;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
}


.credit-card-last4 {
    font-family: "PT Mono", Helvetica, sans-serif;
    font-size: 24px;
}

.credit-card-last4:before {
    content: "**** **** **** ";
    color: white!important;
    font-size: 20px;
}

.credit-card-expiry {
    font-family: "PT Mono", Helvetica, sans-serif;
    font-size: 18px;
    position: absolute;
    bottom: 8px;
    left: 15px;
}


.credit-card::after {
    content: " ";
    position: absolute;
    bottom: 10px;
    right: 15px;
}

.actionDeletePaymentScore{
    position: absolute;
    top: 15px;
    right: 15px;
}

.actionDeletePaymentScore i{
    font-size: 20px;
    color: white;
}

.actionAddDefaultPaymentScore{
    position: absolute;
    top: 15px;
    right: 40px;    
}

.actionAddDefaultPaymentScore i{
    font-size: 20px;
    color: white;  
}

.actionAddDefaultPaymentScore i.active-yellow{
    font-size: 20px;
    color: yellow;  
}

.ad-card-info-stat{
    margin-top: 30px;
    margin-bottom: 20px;
}

.ad-card-info-stat-item{
    display: inline-block;
    padding: 13px;
    border-radius: 20px;
    background-color: #f7f8fa;
    text-align: center;
    min-width: 110px;
    cursor: pointer;
    margin-bottom: 10px;
}

.ad-card-info-stat-item:not(:last-child){
    margin-right: 10px;
}

.ad-card-info-stat-item i{
    font-size: 30px;
    color: #186aff;
}

.ad-card-info-stat-item span{
    display: block;
    font-weight: 500;
    font-size: 15px;
    margin-top: 5px;
}

.ad-card-info-stat-item:active{
    transform: scale(0.98); 
}

.ad-users-info-stat-modal a{
    display: inline-block;
    width: 100px;
    margin-right: 15px;
    margin-bottom: 15px;
    text-align: center;
    vertical-align: top;
}

.ad-users-info-stat-item > div{
    border-radius: 50%;
    width: 70px;
    height: 70px;
    overflow: hidden;
    margin-bottom: 5px;
    display: inline-block;
}

.ad-users-info-stat-item > span{
    display: block;
}

/* ─── Stat widgets: visitor list (modal), filters, stats dashboard (KPI, funnel, heatmap, geo, device) ─── */

.media-stat-item { display: flex; align-items: center; gap: 10px; padding: 8px 0; border-bottom: 1px solid rgba(0,0,0,.07); }
.media-stat-item:last-child { border-bottom: none; }
.media-stat-avatar-wrap { flex-shrink: 0; display: flex; align-items: center; width: 42px; height: 42px; }
.media-stat-avatar { width: 42px; height: 42px; border-radius: 50%; object-fit: cover; display: block; }
.media-stat-info { flex: 1; min-width: 0; }
.media-stat-name { display: block; font-weight: 500; font-size: .88rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: inherit; text-decoration: none; }
a.media-stat-name:hover { text-decoration: underline; }
.media-stat-meta { display: flex; align-items: center; gap: 6px; margin-top: 2px; font-size: .76rem; color: var(--bs-secondary-color, #6c757d); }
.media-stat-device i { font-size: .82rem; }
.media-stat-city { display: inline-flex; align-items: center; gap: 4px; }
.stat-geo-flag { height: 13px; width: auto; border-radius: 1px; vertical-align: middle; flex-shrink: 0; }
.media-stat-badge { display: inline-block; padding: 1px 6px; border-radius: 4px; font-size: .68rem; font-weight: 600; line-height: 1.5; flex-shrink: 0; }
.media-stat-badge-today { background: #dcfce7; color: #15803d; }
.media-stat-badge-yesterday { background: #f1f5f9; color: #64748b; }
.media-stat-badge-count { background: #ede9fe; color: #6d28d9; }

.stat-day-group + .stat-day-group { margin-top: 10px; }
.stat-day-head { display: inline-flex; align-items: center; margin: 10px 0 6px; padding: 3px 10px; border-radius: 999px; font-size: .68rem; font-weight: 700; text-transform: uppercase; letter-spacing: .03em; background: transparent; color: var(--bs-secondary-color, #6c757d); border: 1px solid rgba(0,0,0,.08); }
.stat-day-group:first-child .stat-day-head { margin-top: 0; }
.stat-day-head-today { background: #eaf2ff; color: #1f4ea3; border-color: #cfe0ff; }
.stat-day-head-yesterday { background: #f1f5f9; color: #64748b; border-color: #e2e8f0; }

.stat-filters-bar { display:flex; gap:8px; align-items:flex-end; padding-bottom:10px; margin-bottom:4px; border-bottom:1px solid rgba(0,0,0,.08); flex-wrap:wrap; }
.stat-loading-placeholder { display:flex; align-items:center; justify-content:center; min-height:200px; }
.stat-clear-btn { background:none; border:none; padding:0 4px; font-size:12px; color:#6c757d; cursor:pointer; white-space:nowrap; }
.stat-clear-btn:hover { color:#dc3545; }
.stat-filter-wrap { display:flex; flex-direction:column; gap:2px; }
.stat-filter-label { font-size:11px; color:#6c757d; white-space:nowrap; }

.statLoadMore { font-size: 12px; padding: 3px 14px; }
.statLoadMore .spinner-border { width: 14px; height: 14px; border-width: 2px; vertical-align: middle; }

.profile-heatmap { margin: 16px 0; }
.heatmap-row { display: grid; grid-template-columns: 52px repeat(7, 1fr); gap: 3px; margin-bottom: 3px; }
.heatmap-hour-label { font-size: 11px; opacity: .5; display: flex; align-items: center; white-space: nowrap; }
.heatmap-day-label { font-size: 11px; opacity: .5; text-align: center; padding-bottom: 4px; }
.heatmap-cell { border-radius: 3px; height: 18px; cursor: default; display: flex; align-items: center; justify-content: center; background: rgba(115, 103, 240, var(--a, .06)); }
.heatmap-cell-clickable { cursor: pointer; }
.heatmap-cell-count { font-size: 10px; font-weight: 600; line-height: 1; color: #7367f0; }
.heatmap-cell-count-light { color: #fff; }
.heatmap-modal-actions-count { margin-top: -10px; margin-bottom: 16px; }
.profile-section-label { font-size: 11px; font-weight: 600; opacity: .45; margin: 22px 0 8px; letter-spacing: .8px; text-transform: uppercase; }

.profile-funnel { display: flex; flex-direction: column; gap: 8px; margin: 16px 0; }
.funnel-step { display: flex; flex-direction: column; gap: 4px; }
.funnel-meta { display: flex; align-items: center; gap: 8px; font-size: 13px; }
.funnel-icon { font-size: 15px; opacity: .6; flex-shrink: 0; }
.funnel-label { flex: 1; }
.funnel-count { font-weight: 600; min-width: 40px; text-align: right; }
.funnel-pct { opacity: .5; font-size: 12px; min-width: 44px; text-align: right; }
.funnel-bar-wrap { background: var(--card-bg, #f0f0f0); border-radius: 4px; height: 5px; overflow: hidden; }
.funnel-bar { height: 100%; border-radius: 4px; background: var(--bs-primary, #7367f0); transition: width .4s; }

.profile-stats-kpi-row { display: grid; grid-template-columns: repeat(5, 1fr); gap: 12px; margin: 16px 0; }
.profile-stats-kpi-card { border-radius: 10px; padding: 14px 16px; background: var(--card-bg, #f8f9fa); display: flex; flex-direction: column; gap: 6px; }
.kpi-card-header { display: flex; align-items: center; gap: 7px; }
.kpi-card-icon { font-size: 16px; opacity: .55; flex-shrink: 0; }
.kpi-card-label { font-size: 12px; opacity: .6; line-height: 1.3; }
.kpi-card-count { font-size: 26px; font-weight: 700; line-height: 1; }
.kpi-card-delta { font-size: 12px; }
.kpi-delta-up { color: #16a34a; font-weight: 600; }
.kpi-delta-down { color: #dc2626; font-weight: 600; }
.kpi-vs { opacity: .5; font-size: 11px; margin-left: 2px; }
@media (max-width: 768px) { .profile-stats-kpi-row { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 480px) { .profile-stats-kpi-row { grid-template-columns: repeat(2, 1fr); } }

.profile-stats-geo-device-wrap { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; margin: 16px 0; }
@media (max-width: 640px) { .profile-stats-geo-device-wrap { grid-template-columns: 1fr; } }
.profile-top-geo { display: flex; flex-direction: column; gap: 6px; }
.top-geo-row { display: grid; grid-template-columns: 240px 1fr 36px; align-items: center; gap: 10px; font-size: 13px; }
.top-geo-label { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: flex; align-items: center; gap: 5px; }
.top-geo-bar-wrap { background: var(--card-bg, #f0f0f0); border-radius: 4px; height: 6px; overflow: hidden; }
.top-geo-bar { height: 100%; border-radius: 4px; background: var(--bs-primary, #7367f0); transition: width .4s; }
.top-geo-count { text-align: right; opacity: .6; font-size: 12px; }

.profile-device-breakdown { display: flex; flex-direction: column; gap: 10px; }
.device-row { display: grid; grid-template-columns: 20px 90px 1fr 40px; align-items: center; gap: 10px; font-size: 13px; }
.device-icon { font-size: 16px; opacity: .6; }
.device-label { white-space: nowrap; }
.device-bar-wrap { background: var(--card-bg, #f0f0f0); border-radius: 4px; height: 6px; overflow: hidden; }
.device-bar { height: 100%; border-radius: 4px; background: var(--bs-primary, #7367f0); transition: width .4s; }
.device-pct { text-align: right; opacity: .6; font-size: 12px; }

.profile-chart-toggles { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 8px; }
.profile-chart-toggle-btn { display: inline-flex; align-items: center; gap: 6px; padding: 4px 12px; border-radius: 20px; border: 1.5px solid #ccc; background: transparent; font-size: 12px; cursor: pointer; transition: opacity .2s; white-space: nowrap; }
.profile-chart-toggle-btn:not(.active) { opacity: 0.3; }
.profile-chart-toggle-dot { width: 8px; height: 8px; border-radius: 50%; display: inline-block; flex-shrink: 0; }

.media-stat-trigger { cursor: pointer; }
.stat-touch-shell { position: fixed; inset: 0; z-index: 1060; display: flex; align-items: center; justify-content: center; }
.stat-touch-shell-hidden { display: none; }
.stat-touch-backdrop { position: absolute; inset: 0; background: rgba(0,0,0,0); transition: background .2s ease; }
.stat-touch-shell.is-open .stat-touch-backdrop { background: rgba(0,0,0,.5); }
.stat-touch-panel { position: relative; width: 92%; max-width: 420px; max-height: 90vh; display: flex; flex-direction: column; background: var(--card-bg, #fff); border-radius: 12px; overflow: hidden; opacity: 0; transform: scale(.96); transition: opacity .2s ease, transform .2s ease; }
.stat-touch-shell.is-open .stat-touch-panel { opacity: 1; transform: scale(1); }
.stat-touch-header { display: flex; align-items: center; justify-content: space-between; padding: 14px 16px; border-bottom: 1px solid rgba(0,0,0,.08); font-weight: 600; font-size: .9rem; }
.stat-touch-close { background: none; border: none; font-size: 18px; line-height: 1; cursor: pointer; color: var(--bs-secondary-color, #6c757d); padding: 2px; }
.stat-touch-body { padding: 4px 18px 16px; overflow-y: auto; }
.stat-touch-row { display: flex; gap: 12px; padding: 10px 0; }
.stat-touch-track { display: flex; flex-direction: column; align-items: center; width: 10px; flex-shrink: 0; padding-top: 5px; }
.stat-touch-dot { width: 8px; height: 8px; border-radius: 50%; background: var(--bs-primary, #0d6efd); flex-shrink: 0; }
.stat-touch-line { flex: 1; width: 1px; background: rgba(0,0,0,.1); margin-top: 4px; }
.stat-touch-content { flex: 1; min-width: 0; padding-bottom: 2px; }
.stat-touch-time-row { display: flex; align-items: baseline; gap: 8px; }
.stat-touch-time { font-weight: 600; font-size: .88rem; }
.stat-touch-count { display: inline-flex; align-items: center; background: rgba(13,110,253,.12); color: var(--bs-primary, #0d6efd); font-size: .72rem; font-weight: 700; padding: 1px 7px; border-radius: 999px; }
.stat-touch-meta { display: flex; align-items: center; gap: 10px; margin-top: 4px; flex-wrap: wrap; font-size: .78rem; color: var(--bs-secondary-color, #6c757d); }
.stat-touch-geo { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.stat-touch-summary { display: flex; align-items: flex-start; gap: 12px; padding: 8px 2px 12px; margin-bottom: 4px; border-bottom: 1px solid rgba(0,0,0,.08); }
.stat-touch-summary-avatar { width: 42px; height: 42px; border-radius: 50%; object-fit: cover; flex-shrink: 0; }
.stat-touch-summary-info { flex: 1; min-width: 0; }
.stat-touch-summary-day { font-size: .72rem; text-transform: uppercase; letter-spacing: .03em; color: var(--bs-secondary-color, #6c757d); }
.stat-touch-summary-name { font-size: .95rem; font-weight: 600; margin-top: 2px; }
.stat-touch-summary-name-link { color: inherit; text-decoration: none; }
.stat-touch-summary-name-link:hover { text-decoration: underline; }
.stat-touch-summary-ad { font-size: .8rem; color: var(--bs-secondary-color, #6c757d); margin-top: 1px; }
.stat-touch-summary-total { display: inline-flex; align-items: center; background: rgba(13,110,253,.1); color: var(--bs-primary, #0d6efd); font-size: .76rem; font-weight: 600; padding: 3px 10px; border-radius: 999px; margin-top: 8px; }

.order-buy-delivery-recipient{
    display: none;
}

.order-buy-delivery-recipient-data > div{
    margin-top: 20px;
}

.delivery-points-map-modal{
    width: 100%;
    height: 600px;
    border-radius: 15px;
    overflow: hidden;
    position: relative;
}

.delivery-points-map-container-modal{
    position: relative;
}

.delivery-points-map-sidebar-modal{
    position: absolute;
    left: 10px;
    top: 10px;
    bottom: 10px;
    border-radius: 15px;
    background-color: white;
    padding: 25px;
    width: 360px;
    z-index: 10;
    overflow: auto;
    display: none;
}

.order-buy-delivery-point{
    display: none;
}

.profile-settings-shipping-points-list > div{
    border-radius: 15px;
    padding: 15px;
    border: 1px solid #e6e6e6;
    margin-bottom: 10px;
}

.profile-settings-shipping-points-list > div img{
    margin-bottom: 5px;
}

.cart-ad-card-item-delivery-name{
    margin-top: 10px;
}

.page-support-item{
    padding: 25px;
    border-radius: 15px;
    background-color: #f7f8fa;
    display: inline-block;
    margin-bottom: 10px;
    margin-right: 10px;
    transition: all .10s linear; 
}

.page-support-item strong{
    font-size: 20px;
}

.page-support-item:hover{
    background-color: #186aff;
    color: white;
}

.page-support-item:hover a{
    color: white!important;
}

.container-item-list-content-user{
    margin-top: 15px;
    padding-right: 10px;
}

.modal .modal-body{
  word-break: break-word;
}

.widget-promo-banners-swiper{
    overflow: hidden;
}

.footer-social-links{
    text-align: right;
}

.table-responsive {
    word-break: normal!important;
}

.actionSendVerifyCodeEmailContainer, .actionSendVerifyCodePhoneContainer{
    display: none;
}

.blog-grid-item-date{
    color: gray;
    font-size: 14px;
    display: block;
}

.blog-grid-item-category{
    color: gray;
    font-size: 14px;
    display: block;
    margin-top: 5px;
}

.blog-widget-categories-or-subcategories a{
    font-weight: 500;
    font-size: 23px;
    color: #0d6efd;
    display: inline-block;
    margin-right: 25px;   
}

.blog-widget-categories-or-subcategories a.active, .blog-widget-categories-or-subcategories a:hover{
    color: black;  
}

.title-nearest-cities{
    font-weight: 800;
    margin: 40px 0!important;
    font-size: 28px;
    text-align: center;
}

.promo-business-header-container-list{
    margin-top: 35px;
}

.promo-business-header-container-list > div{
    display: inline-block;
    border-radius: 15px;
    padding: 15px 25px;
    background-color: #186aff;
    margin-bottom: 10px;
    font-weight: 600;
    color: white;
}

.promo-business-header-container-list > div i{
    font-size: 25px;
    color: white;
}

.promo-business-header-container-list > div:not(:last-child){
    margin-right: 10px;
}

.promo-business-header-container-title{
    margin-top: 60px;
}

.promo-business-header-container-title h1{
    font-size: 48px;
}

.promo-business-header-container-title h3{
    font-size: 18px;
    font-weight: 400;
}

.promo-business-section-container-title h2{
    font-weight: 700;
    font-size: 35px;
}

.blog-content-text{
    font-size: 18px;
}

.breadcrumb-container{
    text-align: center;
}

.breadcrumb-container nav{
    display: inline-block;
}

.ad-users-info-stat-item{
    display: inline-block;
    text-align: center;
}

.input-phone-countries-container{
    position: relative;
    display: flex;
    justify-content: space-between;
    z-index: 4;
}

.input-phone-countries-arrow{
    transform: rotate(270deg);
}

.input-phone-countries-change-item{
    height: 50px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: #f7f8fa;
    padding: 0 15px;
    border-radius: 15px;
    cursor: pointer;
}

.input-phone-countries-change-item:hover{
    background-color: black;
    color: white;
    transition: all .10s linear; 
}

.input-phone-countries-items-container{
    position: absolute; top: 50px;
    left: 0;
    background-color: white;
    box-shadow: 0 6px 32px #5e5c5c24;
    padding: 10px 0;
    border-radius: 10px; 
    overflow: auto;
    max-height: 250px;
    border: 1px solid transparent;
    display: none;
}

.input-phone-countries{
    margin-left: 10px;
    flex-grow: 1;
}

.input-phone-countries-items-container span{
    display: block;
    cursor: pointer;
    padding: 5px 25px;
}

.input-phone-countries-items-container span:hover{
    background-color: #f7f8fa;
}

.input-phone-countries-change-item:active{
    transform: scale(0.95); 
}

.input-phone-countries-change-item img{
    height: 16px;
    margin-right: 5px;
}

.input-phone-countries-items-container span img{
    height: 16px;
    margin-right: 5px;
}

.section-promo-download-app{
    border-radius: 30px;
        background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);
    padding: 50px;
    position: relative;
    margin-top: 70px;
    margin-bottom: 70px;
}

.section-promo-download-app .title-h2{
    font-size: 40px;
    color: white;
    font-weight: 800;
    line-height: 1.1;
}

.section-promo-download-app p{
    color: white;
    margin-bottom: 0;
    margin-top: 15px;
}

.section-promo-download-app-image-device{
    position: absolute;
    right: 90px;
    top: -25px;
    z-index: 1;
    height: 320px;
}

.order-buy-card-delivery-list-box{
    display: none;
}

.ad-paid-services-ads-list{
    max-height: 700px;
    overflow: auto;
    margin-top: 15px;
}

.ad-paid-services-ads-item{
    display: flex;
    justify-content: space-between;
    padding: 10px;
    border-radius: 15px;    
    color: black;
}

.ad-paid-services-ads-item:not(:last-child){
    margin-bottom: 5px;
}

.ad-paid-services-ads-item:hover{
    background-color: #186aff;
    color: white;
}

.ad-paid-services-ads-item.active{
    background-color: #186aff;
    color: white;
}

.ad-paid-services-ads-item-image{
    height: 40px;
    width: 40px;
    border-radius: 10px;
    margin-right: 15px;
    overflow: hidden;
    flex-shrink: 0;
}

.ad-paid-services-ads-item-title{
    flex-grow: 1;
    font-size: 16px;
    font-weight: 600;
    width: 100%;
    word-wrap: break-word;
    overflow: hidden;
}

.ad-paid-services-ads-container p{
    font-size: 18px;
    font-weight: bold;
}

.addon-delivery-history-container-modal{
    margin-top: 30px;
    margin-bottom: 3px;
}

.ad-create-categories-container-items{
}

.ad-create-categories-container-items span{
    display: inline-block;
    border-radius: 12px;
    padding: 10px 15px;
    cursor: pointer;
    background-color: #f7f8fa;
    transition: all .10s linear;
    margin-right: 12px;
    margin-bottom: 12px;
}

.ad-create-categories-container-items span:hover{
    color: white;
    background-color: #141414;
}

.ad-create-categories-item.active{
    color: white;
    background-color: #141414;    
}

.ad-create-options-container, .ad-create-content-container{
    position: relative;
}

.ad-create-options-actions-swim{
    position: sticky;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: white;
    padding-top: 15px;
    padding-bottom: 15px;
    z-index: 4;
    display: inline-flex;
    align-items: center;
    width: 100%;
}

div[data-step-status="true"]{
    display: none;
}

.ad-create-container{
    min-height: 100vh;
}

.width-150{
    width: 150px!important;
}

.ad-create-options-actions-swim > div{
    margin-right: 15px;
}

.ad-create-options-actions-prev-step{
    display: none;
}

.ad-create-options-container-item-extra-settings{
    margin-bottom: 40px;
}

.profile-container-shop-list:hover{
    color: black;
}

.profile-container-item-images-mini{
    height: 110px;
    overflow: hidden;
    border-radius: 15px;
    position: relative;
    background-color: #F7F8FA;
}

.profile-container-shop-list-content-title{
    font-size: 21px;
    font-weight: 700;
}

.profile-container-shop-list-content-category{
    display: block;
    font-size: 14px;
    margin-top: 5px;
    color: gray;    
}

.profile-container-shop-list-content-title:hover{
    color: #0066f5;
}

.profile-button-item-actions{
    border-radius: 50px;
    width: 35px;
    height: 35px;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.profile-button-item-actions:hover{
    background-color: #186aff;
    color: white;
}

.user-shop-item{
    padding: 15px;
    border-radius: 15px;
    background-color: #f7f8fa;
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
    border: 1px solid white;
    cursor: pointer;
    transition: all .10s linear; 
}

.user-shop-item-image{
    overflow: hidden;
    border-radius: 15px;
    position: relative;
    width: 50px;
    height: 50px;
    margin-right: 15px;
    flex-shrink: 0;
}

.user-shop-item-content{
    flex-grow: 1;
    width: 100%;
}

.user-shop-item:hover, .user-shop-item.active{
    border: 1px solid blue;
}

.user-shop-item-content-title{
    font-weight: 600;
}

.user-shop-item-content input{
    display: none;
}

.profile-tariffs-list-items-content{
    display: flex;
    align-items: baseline;
}

.profile-tariffs-list-item-text{
    font-size: 13px;
}

.profile-tariffs-list-item-name{
    font-weight: 600;
}

.profile-tariffs-list-item-icon{
    color: green;
    font-size: 20px;
    margin-right: 5px;
}

.input-geo-search-clear{
    position: absolute;
    right: 0px;
    top: 0px;
    bottom: 0px;
    width: 45px;
    cursor: pointer;
    display: block;
    display: flex;
    align-items: center;
    justify-content: center;
}

.input-geo-search-container input{
    padding-right: 45px;
}

.sections-bg-blue{
    color: white;
    background-color: #0d6efd;
}

.registration-change-profile{
    margin-bottom: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
}

.registration-change-profile > div{
    border-radius: 15px;
    background-color: white;
    height: 45px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .10s linear; 
    cursor: pointer;
    font-size: 14px;
}

.registration-change-profile > div:hover, .registration-change-profile > div.active{
    color: white;
    background-color: #0d6efd;
}

.modal-shop-container-categories-items > span{
    display: inline-block;
    border-radius: 15px;
    padding: 7px 17px;
    margin-right: 8px;
    margin-bottom: 8px;
    cursor: pointer;
    background-color: #f7f8fa;
    transition: all .10s linear;
    font-size: 14px;
}

.modal-shop-container-categories-items > span:hover{
    color: white;
    background-color: #141414;
}

.modal-shop-container-categories-items > span.active{
    color: white;
    background-color: #141414;    
}

.modal-shop-container-item > span{
    margin-bottom: 10px;
    display: block;
}

.modal-shop-container-item:not(:last-child) {
    margin-bottom: 15px;
}

.modal-shop-box-info{
    border-radius: 15px;
    padding: 15px;
    background-color: #ebffeb;
    margin-top: 10px;
    font-size: 14px;
}

.shops-container-items{
    min-height: 500px;
}

.title-h1{
    font-size: 45px;
    font-weight: bold;
    display: block;
}

.title-h2{
    font-size: 38px;
    font-weight: bold;
    display: block;
}

.title-h3{
    font-size: 32px;
    font-weight: bold;
    display: block;
}

.title-h6{
    font-size: 20px;
    font-weight: bold;
    display: block;
}

.color-title-accent-white{
    color: white;
}

.trim-title {
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.widget-shops-item-content-title{
    font-weight: bold;
    font-size: 19px;
}

.widget-shops-item-content-title:hover{
    color: #0066f5;
}

.containerActionProfilePublishCheckItems{
    display: none;
}

.box-user-face-card-content a{
    color: black;
}

.box-user-face-card-content a:hover{
   color: #0066f5;
}

.widget-shops-item-content-rating span{
    font-size: 16px!important;
    font-weight: 600;
    color: black;
}

.widget-shops-item-content-rating span i{
    font-size: 22px!important;
    color: #ffaf00;
}

.widget-shops-item-content-count{
    font-size: 14px;
}

.widget-shops-item-content-rating{
    margin-top: 10px;
}

.header-wow-mobile{
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
}

.header-height-mobile{
    height: 115px;
}

.catalog-not-found .row{
    text-align: start;
}

.advertising-banner-item, .advertising-script-item, .advertising-banner-grid-item, .advertising-banner-container, .advertising-banner-grid-container, .advertising-script-container, .advertising-script-grid-container{
  position: relative;
}

.advertising-item-label-ad{
  position: absolute;
  padding: 5px 10px;
  border-radius: 10px;
  background-color: white;
  font-size: 12px;
  top: 5px;
  right: 5px;
  display: block;
  color: black!important;
  cursor: pointer;
  z-index: 10;
}

.advertising-item-label-ad-modal{
    position: absolute;
    border-radius: 15px;
    background-color: white;
    padding: 15px;
    right: 0;
    top: 0px;
    text-align: start;
    width: 200px;
    z-index: 10;
    word-wrap: break-word;
    box-shadow: 0 6px 32px #5e5c5c24;
  -webkit-user-select: text !important;
  -moz-user-select: text !important;
  -ms-user-select: text !important;
  user-select: text !important;
}

.ad-card-external-content{
    word-break: break-word;
}

.lazy, .lazy-bg {
  filter: blur(8px);
  opacity: 0.6;
  transition: filter .35s ease, opacity .35s ease;
  background-size: cover;
  background-position: center;
}
.loaded {
  filter: blur(0);
  opacity: 1;
}

.container-item-countdown{
    display: flex;
    align-items: center;
    gap: 10px;
    background: linear-gradient(90deg, rgba(255, 71, 46, 0.06), rgba(29, 101, 245, 0.03));
    padding: 10px;
    border-radius: 10px;
    font-weight: 700;
    color: #ef4444;
    font-size: 13px;
    margin-top: 15px;
}

.container-item-countdown > div.timer{
  display: none;
  font-size: 14px;
  color: #ff472e;
}

.container-item-list-content .container-item-countdown{
    margin-top: 0px;
    display: inline-flex;
}

@keyframes urgentPulse {
  0% {
    box-shadow: 0 0 0 0 rgba(255, 248, 246);
  }

  70% {
    box-shadow: 0 0 0 12px rgba(255, 248, 246, 0.50);
  }

  100% {
    box-shadow: 0 0 0 0 rgba(255, 248, 246, 0);
  }
}

.container-item-countdown-list{
    margin-bottom: 5px;
}

.modal-content {
  border: 1px solid #e4e4e7;
  border-radius: 20px;
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
  background-color: white;
}

.modal-header {
  border-bottom: none;
  position: relative;
  padding: 0;
  margin: 0;
}

.modal-title {
  font-weight: 700;
  font-size: 27px;
  line-height: 1.3;
}

.modal-body {
  padding: 30px;
}

.modal-footer {
  border-top: 1px solid #e4e4e7;
  padding: 16px 30px;
  background: white;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
}

.btn-close-noir {
  background: transparent;
  border: none;
  padding: 4px;
  color: black;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 15px;
  right: 15px;
  z-index: 10;
}

.btn-close-noir i{
  font-size: 23px;
}

.btn-close-noir:hover {
  background: #e4e4e7;
  color: black;
}

.widget-categories-container{
    display: flex;
    flex-wrap: wrap; 
    gap: 12px;       
    margin: 0 auto;
}


:root {
    --accent: #6d5dfc;
    --accent-light: #8b7fff;
    --dark: #11131a;
    --dark-soft: #191c26;
    --text-light: #f8f9ff;
    --text-muted: #9da3b5;
    --line: rgba(255, 255, 255, .1);
    --primary: #005bff;
    --primary-bg: #f7f8fa;
    --surface: #ffffff;
    --primary-hover: #1052d6;
    --primary-light: #eff5ff;
    --primary-glow: rgba(26, 100, 246, 0.25);
    --text-main: #111827;
    --text-muted: #6b7280;
    --border: #e5e7eb;
    --border-hover: #d1d5db;
    --radius: 16px;
    --transition: all 0.25s ease;

    /* *** Scrim / overlay *** */
    --scrim:           rgba(0, 0, 0, .55);
    --scrim-brand:     linear-gradient(145deg, rgba(35,0,55,.88) 0%, rgba(120,0,55,.82) 100%);
    --scrim-blur:      6px;
}

.footer {
    position: relative;
    overflow: hidden;
    background:
        radial-gradient(
            circle at 10% 0%,
            rgba(109, 93, 252, .25),
            transparent 30%
        ),
        radial-gradient(
            circle at 90% 100%,
            rgba(67, 166, 255, .16),
            transparent 28%
        ),
        var(--dark);
    color: var(--text-light);
    margin-top: 80px;
}

.footer::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 1px;
    background: linear-gradient(
        90deg,
        transparent,
        rgba(139, 127, 255, .75),
        transparent
    );
}

.footer-container {
    width: min(100% - 40px, 1240px);
    margin: 0 auto;
    padding: 45px 0 28px;
}

.footer-top {
    display: inline-flex;
    grid-template-columns: minmax(280px, 1.3fr) repeat(3, 1fr);
    gap: 50px;
    padding-bottom: 20px;
}

.footer-column{
    display: inline-flex;
    gap: 25px;
}

.footer-brand {
    max-width: 350px;
}

.brand img {
    max-height: 40px;
    width: 65%;
}

.brand-logo {
    display: grid;
    width: 45px;
    height: 45px;
    place-items: center;
    border-radius: 15px;
    background: linear-gradient(
        135deg,
        var(--accent-light),
        var(--accent)
    );
    box-shadow: 0 12px 30px rgba(109, 93, 252, .35);
    font-size: 20px;
    letter-spacing: 0;
}

.footer-column a {
    color: var(--text-muted);
    font-size: 14px;
    text-decoration: none;
    transition: color .2s ease, transform .2s ease;
}

.footer-column a:hover {
    color: #ffffff;
}

.footer-bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 25px;
    padding-top: 10px;
    color: #7e8497;
    font-size: 13px;
}

.footer-legal {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.footer-legal a {
    color: inherit;
    text-decoration: none;
    transition: color .2s ease;
}

.footer-legal a:hover {
    color: #ffffff;
}

.socials {
    display: flex;
    gap: 9px;
}

.socials a {
    display: grid;
    width: 35px;
    height: 35px;
    place-items: center;
    border: 1px solid var(--line);
    border-radius: 10px;
    color: #c7ccda;
    text-decoration: none;
    transition: color .2s ease, background .2s ease, transform .2s ease;
}

.socials a:hover {
    background: var(--accent);
    color: #ffffff;
    transform: translateY(-3px);
}

.contact-social-icon img{
    height: 33px;
}

@media (max-width: 950px) {
    .footer-top {
        grid-template-columns: repeat(3, 1fr);
        gap: 35px;
    }

    .footer-brand {
        grid-column: 1 / -1;
    }

}

@media (max-width: 620px) {

    .footer-top {
        grid-template-columns: repeat(2, 1fr);
        gap: 38px 25px;
        padding-bottom: 42px;
    }

    .footer-brand {
        grid-column: 1 / -1;
    }

    .footer-bottom {
        align-items: flex-start;
        flex-direction: column;
        padding-bottom: 12px;
    }
}

@media (max-width: 390px) {
    .footer-top {
        grid-template-columns: 1fr 1fr;
    }

    .footer-legal {
        flex-direction: column;
        gap: 10px;
    }
}

.ad-create-price-container{
    display: none;
}

.section-title {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 8px;
}

.section-subtitle {
    color: var(--text-muted);
    font-size: 15px;
    margin-bottom: 24px;
}

.ad-create-content-container .price-type-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
    margin-bottom: 32px;
}

.ad-create-content-container .price-type-label {
    display: block;
    position: relative;
    cursor: pointer;
}

.ad-create-content-container .price-type-label input[type="radio"] {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
}

.ad-create-content-container .price-card {
    display: flex;
    flex-direction: column;
    padding: 20px;
    border: 2px solid var(--border);
    border-radius: var(--radius);
    background-color: var(--surface);
    height: 100%;
    transition: var(--transition);
}

.ad-create-content-container .price-card:hover {
    border-color: var(--border-hover);
    background-color: #fafafa;
}


.ad-create-content-container .price-type-label input[type="radio"]:checked + .price-card {
    border-color: var(--primary);
    background-color: var(--primary-bg);
    box-shadow: 0 4px 12px rgba(18, 130, 166, 0.1);
}

.ad-create-content-container .card-header {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 12px;
}

.ad-create-content-container .icon-box {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    background-color: #f3f4f6;
    border-radius: 10px;
    color: var(--text-main);
    transition: var(--transition);
}

.ad-create-content-container .card-title {
    font-size: 16px;
    font-weight: 600;
}

.ad-create-content-container .card-desc {
    font-size: 13px;
    line-height: 1.5;
    color: var(--text-muted);
    margin-top: auto;
}

.ad-create-content-container .radio-indicator {
    position: absolute;
    top: 24px;
    right: 20px;
    width: 20px;
    height: 20px;
    border: 2px solid var(--border);
    border-radius: 50%;
    transition: var(--transition);
}

.ad-create-content-container .radio-indicator::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0);
    width: 10px;
    height: 10px;
    background-color: var(--primary);
    border-radius: 50%;
    transition: var(--transition);
}

.ad-create-content-container .price-type-label input[type="radio"]:checked + .price-card .radio-indicator {
    border-color: var(--primary);
}

.ad-create-content-container .price-type-label input[type="radio"]:checked + .price-card .radio-indicator::after {
    transform: translate(-50%, -50%) scale(1);
}

@media (max-width: 600px) {
    .price-type-grid {
        grid-template-columns: 1fr;
    }
    .ad-form-section {
        padding: 24px;
    }
    .input-wrapper {
        max-width: 100%;
    }
}


@keyframes fadeUp {
    from { opacity: 0; transform: translateY(20px); }
    to { opacity: 1; transform: translateY(0); }
}

@keyframes float {
    0% { transform: translateY(0px) rotate(-5deg); }
    50% { transform: translateY(-15px) rotate(-3deg); }
    100% { transform: translateY(0px) rotate(-5deg); }
}

@keyframes float-delay {
    0% { transform: translateY(40px) rotate(8deg); }
    50% { transform: translateY(25px) rotate(10deg); }
    100% { transform: translateY(40px) rotate(8deg); }
}


.auth-section {
    position: relative;
    padding: 80px 0 100px;
}

.bg-glow-1 {
    position: absolute;
    top: 0; left: 0;
    width: 500px; height: 500px;
    background: radial-gradient(circle, rgba(22,101,255,0.08) 0%, rgba(255,255,255,0) 70%);
    z-index: -1;
}
.bg-glow-2 {
    position: absolute;
    bottom: 0; right: 0;
    width: 600px; height: 600px;
    background: radial-gradient(circle, rgba(139,92,246,0.08) 0%, rgba(255,255,255,0) 70%);
    z-index: -1;
}

.auth-grid {
    display: grid;
    grid-template-columns: 1fr 460px;
    gap: 70px;
    align-items: center;
}

.hero-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 16px;
    background: var(--blue-light);
    color: var(--blue);
    border-radius: 100px;
    font-size: 13px;
    font-weight: 700;
    margin-bottom: 24px;
    animation: fadeUp 0.6s ease-out;
}

.auth-motivation h1 {
    font-size: clamp(36px, 4vw, 52px);
    font-weight: 800;
    line-height: 1.1;
    margin-bottom: 20px;
    letter-spacing: -0.03em;
    animation: fadeUp 0.6s ease-out 0.1s both;
}

.auth-motivation h1 span {
    background: linear-gradient(135deg, #1665ff 0%, #8b5cf6 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.auth-motivation > p {
    font-size: 18px;
    color: var(--text-muted);
    margin-bottom: 40px;
    max-width: 540px;
    animation: fadeUp 0.6s ease-out 0.2s both;
}

.benefits-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
    animation: fadeUp 0.6s ease-out 0.3s both;
}

.benefit-item {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.benefit-icon {
    width: 44px;
    height: 44px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
}

.bg-blue { background: linear-gradient(135deg, #3b82f6, #2563eb); }
.bg-purple { background: linear-gradient(135deg, #a855f7, #7c3aed); }
.bg-orange { background: linear-gradient(135deg, #f59e0b, #d97706); }
.bg-green { background: linear-gradient(135deg, #10b981, #059669); }

.benefit-text h3 {
    font-size: 17px;
    font-weight: 700;
}

.benefit-text p {
    font-size: 14px;
    color: var(--text-muted);
    line-height: 1.5;
}

.auth-card-wrapper {
    position: relative;
    animation: fadeUp 0.8s ease-out 0.4s both;
}

.auth-bonus-tag {
    position: absolute;
    top: -15px;
    right: -15px;
    background: linear-gradient(135deg, #ff416c, #ff4b2b);
    color: white;
    padding: 8px 16px;
    border-radius: 100px;
    font-size: 13px;
    font-weight: 700;
    box-shadow: 0 10px 20px rgba(255, 75, 43, 0.3);
    z-index: 10;
    display: flex;
    align-items: center;
    gap: 6px;
    transform: rotate(3deg);
}

.auth-card {
    background-color: var(--surface);
    border-radius: 28px;
    padding: 48px;
    box-shadow: var(--shadow-card);
    border: 1px solid rgba(22, 101, 255, 0.1);
    position: relative;
    z-index: 2;
}

.auth-card h2 {
    font-size: 26px;
    font-weight: 800;
    margin-bottom: 10px;
    letter-spacing: -0.5px;
}

.auth-card .subtitle {
    font-size: 15px;
    color: var(--text-muted);
    margin-bottom: 32px;
    line-height: 1.5;
}

@media (max-width: 1024px) {
    .auth-grid {
        grid-template-columns: 1fr;
        gap: 60px;
    }
    .auth-motivation { text-align: center; }
    .auth-motivation > p { margin: 0 auto 40px; }
    .benefits-grid { text-align: left; max-width: 700px; margin: 0 auto; }
    .auth-card-wrapper { max-width: 500px; margin: 0 auto; }
}

.night-shift-chip {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 10px;
    border: 1px solid #e1e7ef;
    border-radius: 999px;
    background: #f7f9fc;
    color: #5b6574;
    font-size: 12px;
    line-height: 1.2;
}

.night-shift-icon {
    font-size: 14px;
    line-height: 1;
}

.tooltip-helper {
    position: absolute;
    bottom: calc(100% + 8px);
    left: 50%;
    transform: translateX(-50%);
    background: #2d2430;
    color: #fff;
    padding: 8px 10px;
    border-radius: 10px;
    font-size: 12px;
    line-height: 1.35;
    white-space: normal;
    width: max-content;
    max-width: 220px;
    z-index: 30;
    opacity: 0;
    pointer-events: none;
    box-shadow: 0 12px 28px rgba(20, 16, 19, 0.22);
}

.tooltip-helper::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    border-width: 6px;
    border-style: solid;
    border-color: #2d2430 transparent transparent transparent;
}

.tooltip-helper.tooltip-left {
    left: 10px;
    transform: none;
}

.tooltip-helper.tooltip-left::after {
    left: 18px;
    transform: none;
}

.tooltip-helper.tooltip-right {
    right: 10px;
    left: auto;
    transform: none;
}

.tooltip-helper.tooltip-right::after {
    left: auto;
    right: 18px;
    transform: none;
}

.tooltip-helper.tooltip-visible {
    opacity: 1;
}

@media (max-width: 768px) {
    .tooltip-helper {
        max-width: 180px;
        font-size: 12px;
        padding: 7px 9px;
    }
}

[data-tooltip-active="0"] .tooltip-helper {
    display: none !important;
}

/* Classic pricing: per-duration tariff grid + taxi surcharge */
.tariff-field {
    position: relative;
}

.tariff-field.not-allowed-price-parent::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(255, 255, 255, 0);
    cursor: not-allowed;
    pointer-events: all;
    z-index: 10;
}

.tariff-1hour {
    font-weight: 600;
}

.classic-pricing-duration-cell {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    flex-wrap: nowrap;
}

.classic-pricing-remove-row {
    padding: 0 !important;
    min-width: auto !important;
    border: 0 !important;
    background: transparent !important;
    color: var(--primary) !important;
    line-height: 1;
    text-decoration: none !important;
    box-shadow: none !important;
}

.classic-pricing-remove-row:hover {
    color: #0f56d9 !important;
}

.classic-pricing-min-duration .uni-select-disabled {
    opacity: .62;
    cursor: not-allowed;
}

.classic-pricing-min-duration .uni-select-disabled .uni-select-name {
    cursor: not-allowed;
}

.classic-pricing-footer-row {
    display: flex;
    align-items: flex-start;
    gap: 12px;
}

.classic-pricing-add-time {
    position: relative;
}

.classic-pricing-add-time-toggle {
    min-height: 40px;
    padding: 0 14px;
    border-radius: 10px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.classic-pricing-add-time-menu.uni-dropdown-content {
    top: calc(100% + 8px) !important;
    min-width: 210px;
    padding: 15px 0;
}

.classic-pricing-duration-option {
    width: 100%;
    white-space: nowrap;
    line-height: 1.35;
    padding: 8px 15px;
}

.classic-pricing-duration-option span {
    display: block;
    width: 100%;
}

.classic-pricing-block > .classic-pricing-tariffs {
    border-bottom: 0;
    padding-bottom: 0px !important;
}

.classic-pricing-block .classic-pricing-table-head {
	font-size: .875em;
	font-weight: 700 !important;
    margin-left: 0;
    margin-right: 0;
    padding-bottom: 12px !important;
    border-bottom: 1px solid #dfe3e8 !important;
}

.classic-pricing-block .classic-pricing-row {
    min-height: 56px;
    margin-left: 0;
    margin-right: 0;
    border-bottom: 1px solid #edf0f2;
}

.classic-pricing-block .classic-pricing-row:last-child {
    border-bottom: 0;
}

.classic-pricing-block .classic-pricing-footer {
    margin-top: 0px !important;
    padding-top: 12px;
    border-top: 1px solid #edf0f2;
}

.classic-pricing-block > .classic-pricing-taxi-section {
    margin-top: 18px !important;
    padding-top: 18px !important;
    border-top: 1px solid #e9e9e9;
    border-bottom: 0;
}

/* Structured language levels: per-language proficiency picker */
.structured-language-block .structured-language-select {
    max-width: 100%;
}

.structured-language-selected {
    border-top: 1px solid #f0f0f0;
    padding-top: 14px;
}

.structured-language-selected-list {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.structured-language-selected-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 190px 32px;
    align-items: center;
    gap: 10px;
    padding: 8px 0;
    border-bottom: 1px solid #f4f4f4;
}

.structured-language-selected-row:last-child {
    border-bottom: 0;
}

.structured-language-selected-name {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    min-width: 0;
    font-weight: 500;
}

.flag-icon {
    display: inline-block;
    width: 20px;
    height: 14px;
    background-image: var(--flag-url);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 2px;
    vertical-align: middle;
    flex-shrink: 0;
    margin-right: 6px;
}

.uni-select .flag-icon {
    margin-right: 6px;
}

.structured-language-selected-name .flag-icon,
.language-level-view-item .flag-icon {
    flex: 0 0 auto;
    margin-right: 0;
}

.structured-language-level-select {
    min-height: 44px;
}

.structured-language-remove {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border: 0;
    background: transparent;
    color: #0d6efd;
    padding: 0;
}

.structured-language-remove:hover {
    color: #dc3545;
}

.language-level-view-item {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-style: normal;
}

.language-level-view-item em {
    color: #75757591;
    font-style: normal;
    font-size: 10px;
}

@media (max-width: 576px) {
    .structured-language-selected-row {
        grid-template-columns: minmax(0, 1fr) 32px;
        align-items: start;
    }

    .structured-language-selected-name {
        grid-column: 1;
        grid-row: 1;
    }

    .structured-language-remove {
        grid-column: 2;
        grid-row: 1;
        justify-self: end;
        align-self: center;
    }

    .structured-language-selected-level {
        grid-column: 1 / -1;
        grid-row: 2;
    }
}

.structured-language-limit-message {
    margin: 0px 13px 10px;
    padding: 8px 10px;
    border-radius: 10px;
    background: #fff4f4;
    color: #d64242;
    font-size: 13px;
    line-height: 1.35;
}

/* Structured services block: badge picker, drag-and-drop sort, search */
.structured-services-block .uni-select-content {
    min-width: 200px;
}

.structured-services-block .box-available-services {
    border-radius: 0;
    box-shadow: none;
    background-color: var(--surface-panel);
    z-index: 2;
    display: block;
    top: 0;
    left: auto;
    right: auto;
    position: relative;
}

.structured-services-block .uni-select-content-search {
    padding: 0;
    margin-bottom: 12px;
}

.structured-services-block .uni-select-content-search-clear {
    right: 0;
}

.structured-services-block .structured-services-options {
    max-height: 350px;
    overflow-y: auto;
    overflow-x: hidden;
    padding-right: 8px;
    box-sizing: border-box;
}

.structured-services-block .structured-services-option {
    position: relative;
    padding: 7px 42px 7px 14px;
    transition: background-color 0.18s ease, color 0.18s ease;
}

.structured-services-block .structured-services-selected {
    margin-top: 0;
    border-top: 0;
}

.structured-services-block .structured-services-couple-type {
    border-top: 1px dashed #e7e7e7;
    padding-top: 14px;
}

.structured-services-block .structured-services-selected-search {
    display: none;
    padding: 0;
    margin-bottom: 12px;
}

.structured-services-block .structured-services-selected-list {
    max-height: 350px;
    overflow-y: auto;
    overflow-x: hidden;
    padding-right: 8px;
    box-sizing: border-box;
}

.structured-services-block .remaining-services-counter,
.structured-services-block .structured-services-selected-counter {
    margin-left: 10px;
    color: #999;
    font-size: 13px;
}

.structured-services-block .structured-services-selected-row {
    position: relative;
    padding-right: 6px;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #f0f0f0;
}

.structured-services-block .structured-services-selected-row:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: 0;
}

.structured-services-block .structured-services-selected-row .row {
    margin-right: 0;
}

.structured-services-block .structured-services-selected-name {
    font-size: 14px;
    line-height: 1.35;
}

.structured-services-block .structured-services-selected-row .col-1 {
    padding-right: 0.35rem;
    text-align: right;
}

.structured-services-block .structured-services-badge-picker {
    position: relative;
    display: inline-flex;
}

.structured-services-block .structured-services-badge-toggle {
    width: 38px;
    min-width: 38px;
    height: 38px;
    padding: 0;
    border-radius: 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.structured-services-block .structured-services-badge-toggle i {
    font-size: 18px;
    color: #9aa4b2;
    transition: color 0.18s ease, transform 0.18s ease;
}

.structured-services-block .structured-services-badge-picker.is-active .structured-services-badge-toggle i {
    color: #f5a623;
}

.structured-services-block .structured-services-badge-picker.is-open .structured-services-badge-toggle i,
.structured-services-block .structured-services-badge-toggle:hover i {
    transform: scale(1.06);
}

.structured-services-block .structured-services-badge-menu.uni-dropdown-content {
    top: calc(100% + 8px);
    right: 0;
    left: auto;
    min-width: 210px;
    padding: 15px 0;
}

.structured-services-block .structured-services-badge-option {
    width: 100%;
    white-space: nowrap;
    line-height: 1.35;
    position: relative;
    padding: 8px 26px 8px 15px;
}

.structured-services-block .structured-services-badge-option.is-active {
    background: rgba(0, 91, 255, .07);
    color: var(--primary);
    font-weight: 600;
}

.structured-services-block .structured-services-badge-option.is-active::after {
    content: '';
    position: absolute;
    right: 10px;
    top: 50%;
    width: 5px;
    height: 9px;
    border: 2px solid var(--primary);
    border-top: none;
    border-left: none;
    transform: translateY(-60%) rotate(45deg);
}

.structured-services-block .structured-services-remove {
    padding: 0;
    min-width: auto;
    line-height: 1;
}

.structured-services-block .structured-services-price-input {
    height: 38px;
}

.structured-services-block .structured-services-empty {
    padding: 4px 0;
}

.structured-services-block .structured-services-selected-search-empty {
    padding: 4px 0;
    text-align: center;
}

.structured-services-block .structured-services-options-message {
    padding: 1rem;
    background: #ebffeb;
    border: 1px dashed #ccc;
    border-radius: 4px;
    text-align: center;
    color: #666;
}

.structured-services-block .structured-services-option::after {
    content: "\eb0b";
    font-family: "tabler-icons" !important;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    right: 14px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 16px;
    color: #36b37e;
    opacity: 0.92;
    transition: color 0.18s ease, transform 0.18s ease, opacity 0.18s ease;
}

.structured-services-block .structured-services-option:hover {
    background-color: #e8fff6;
}

.structured-services-block .structured-services-option:hover::after {
    color: #1f6d46;
    opacity: 1;
    transform: translateY(-50%) scale(1.08);
}

.structured-services-block .structured-services-sort-col {
    padding-right: 0;
    display: flex;
    align-items: center;
}

.structured-services-block .structured-services-sort-handle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    min-width: 20px;
    height: 20px;
    cursor: grab;
    user-select: none;
    -webkit-user-select: none;
    touch-action: none;
}

.structured-services-block .structured-services-sort-handle:active {
    cursor: grabbing;
}

.structured-services-block .structured-services-sort-handle i {
    font-size: 18px;
    color: #9aa4b2;
    transition: color 0.18s ease, transform 0.18s ease, opacity 0.18s ease;
}

.structured-services-block .structured-services-sort-handle:hover i {
    color: #4b5563;
}

.structured-services-block .structured-services-sort-handle.is-disabled,
.structured-services-block .structured-services-selected-list.structured-services-sort-disabled .structured-services-sort-handle {
    cursor: not-allowed;
}

.structured-services-block .structured-services-sort-handle.is-disabled i,
.structured-services-block .structured-services-selected-list.structured-services-sort-disabled .structured-services-sort-handle i {
    opacity: 0.38;
    color: #b8c0cc;
    transform: none;
}

.structured-services-block .structured-services-sort-handle.is-disabled:hover i,
.structured-services-block .structured-services-selected-list.structured-services-sort-disabled .structured-services-sort-handle:hover i {
    color: #b8c0cc;
    transform: none;
}

.structured-services-sort-ghost {
    opacity: 0.55;
    background: #f6fbff;
}

.structured-services-couples-group .structured-services-accepts-couples,
.structured-services-couples-group .structured-services-couple-type {
    margin-bottom: 0;
}

.structured-services-couples-group .structured-services-nested-row {
    margin-top: 16px;
    padding-top: 16px;
    border-top: 1px dashed #e1e1e1;
}

/* =====================================================================
   ALL CITIES
   ===================================================================== */

#gd-no-results { color: #888; padding: 20px 0; }


/* =====================================================================
   VOICE SEARCH
   ===================================================================== */

/* Wrapper */
.voice-wrap { position: relative; }

/* Clear button generic */
.input-clear-btn {
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    background: none;
    border: none;
    padding: 2px 4px;
    color: #aaa;
    cursor: pointer;
    font-size: 13px;
    line-height: 1;
}
.input-clear-btn:hover { color: #555; }

/* Mic button — standard (circular, standalone) */
.voice-mic-btn {
    position: relative;
    overflow: visible;
    width: 45px;
    height: 45px;
    flex-shrink: 0;
    background: none;
    border: 1px solid #e0e0e0;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #aaa;
    cursor: pointer;
    font-size: 16px;
    transition: color .2s, border-color .2s;
}

.voice-mic-btn:hover { color: #555; border-color: #aaa; }

/* Mic button — inside input (flat, absolute) */
.voice-mic-btn.voice-mic-inside {
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
    width: auto;
    height: auto;
    border: none;
    border-radius: 0;
    background: none;
    font-size: 14px;
    padding: 2px 4px;
    z-index: 3;
}

/* Recording — standard: expanding rings */
.voice-mic-btn.is-recording { color: #e53935; border-color: #e53935; }
.voice-mic-btn.is-recording::before,
.voice-mic-btn.is-recording::after {
    content: '';
    position: absolute;
    top: -2px; left: -2px; right: -2px; bottom: -2px;
    border-radius: 50%;
    border: 2px solid #e53935;
    animation: voice-mic-pulse 1.4s ease-out infinite;
    pointer-events: none;
}
.voice-mic-btn.is-recording::after { animation-delay: .7s; }

/* Recording — inside: blink (no rings — oval issue + no space) */
.voice-mic-btn.voice-mic-inside.is-recording { color: #e53935; }
.voice-mic-btn.voice-mic-inside.is-recording::before,
.voice-mic-btn.voice-mic-inside.is-recording::after { display: none; }
.voice-mic-btn.voice-mic-inside.is-recording i {
    animation: voice-mic-blink .8s ease-in-out infinite;
}

@keyframes voice-mic-pulse {
    0%   { transform: scale(1);   opacity: .7; }
    100% { transform: scale(2.2); opacity: 0;  }
}
@keyframes voice-mic-blink {
    0%, 100% { opacity: 1;   }
    50%      { opacity: .3;  }
}

/* Input padding — un singur buton vizibil la un moment (toggle) */
.voice-wrap input { padding-right: 40px; }

#availabilityStructuredBlock .structured-availability-schedule-block {
    margin-bottom: 0;
}

#availabilityStructuredBlock .structured-availability-schedule-render {
    margin-top: 14px;
}

#availabilityStructuredBlock .structured-availability-day-row {
    padding: 14px 0;
    border-bottom: 1px solid #f0f0f0;
}

#availabilityStructuredBlock .structured-availability-day-row:last-child {
    border-bottom: 0;
}

#availabilityStructuredBlock .structured-availability-day-main {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;
}

#availabilityStructuredBlock .structured-availability-day-title {
    width: 210px;
    min-width: 210px;
    padding-top: 24px;
}

#availabilityStructuredBlock .structured-availability-day-title .fb-check span {
    font-weight: 500;
}

#availabilityStructuredBlock .structured-availability-time-group {
    width: 100%;
    max-width: 555px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 16px;
}

#availabilityStructuredBlock .structured-availability-time-select {
    width: 100%;
}

#availabilityStructuredBlock .structured-availability-disabled-tooltip {
    position: relative;
}

#availabilityStructuredBlock .structured-availability-day-meta {
    margin-top: 10px;
    padding-left: 228px;
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

#availabilityStructuredBlock .structured-availability-all-day-wrap,
#availabilityStructuredBlock .structured-availability-holiday-enabled-wrap,
#availabilityStructuredBlock .structured-availability-manual-holiday-wrap {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 0;
}

#availabilityStructuredBlock .structured-availability-all-day-wrap .switch-toggle-slider,
#availabilityStructuredBlock .structured-availability-holiday-enabled-wrap .switch-toggle-slider,
#availabilityStructuredBlock .structured-availability-manual-holiday-wrap .switch-toggle-slider {
    transform: scale(0.86);
    transform-origin: left center;
}

#availabilityStructuredBlock .structured-availability-all-day-wrap .switch-label,
#availabilityStructuredBlock .structured-availability-holiday-enabled-wrap .switch-label,
#availabilityStructuredBlock .structured-availability-manual-holiday-wrap .switch-label {
    margin-left: -4px;
}

#availabilityStructuredBlock .structured-availability-night-note {
    display: inline-flex;
    align-items: center;
}

#availabilityStructuredBlock .structured-availability-night-note.d-none {
    display: none !important;
}

#availabilityStructuredBlock .night-shift-chip {
    padding: 5px 9px;
}

#availabilityStructuredBlock .structured-availability-day-row.is-disabled .structured-availability-time-select,
#availabilityStructuredBlock .structured-availability-day-row.is-disabled .structured-availability-all-day-wrap,
#availabilityStructuredBlock .structured-availability-day-row.is-all-day .structured-availability-time-select {
    cursor: not-allowed;
}

#availabilityStructuredBlock .structured-availability-day-row.is-disabled .structured-availability-time-select,
#availabilityStructuredBlock .structured-availability-day-row.is-disabled .structured-availability-all-day-wrap,
#availabilityStructuredBlock .structured-availability-day-row.is-all-day .structured-availability-time-select {
    opacity: 0.58;
}

#availabilityStructuredBlock .structured-availability-disabled-tooltip.not-allowed-price-parent::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(255, 255, 255, 0);
    cursor: not-allowed;
    pointer-events: all;
    z-index: 10;
}

#availabilityStructuredBlock .structured-availability-field-error .uni-select-name,
#availabilityStructuredBlock .structured-availability-time-select.structured-availability-field-error .uni-select-name {
    border-color: #dc3545;
}

#availabilityStructuredBlock .structured-availability-time-error {
    margin-top: 8px;
    margin-left: 228px;
}

#availabilityStructuredBlock .structured-availability-holiday-block {
    margin-bottom: 0;
}

#availabilityStructuredBlock .structured-availability-holiday-note {
    margin-bottom: 14px;
}

#availabilityStructuredBlock .structured-availability-holiday-manual {
    margin-bottom: 14px;
}

#availabilityStructuredBlock .structured-availability-holiday-render {
    border-top: 1px solid #f0f0f0;
    padding-top: 14px;
}

#availabilityStructuredBlock .structured-availability-holiday-item {
    padding-bottom: 12px;
    margin-bottom: 12px;
    border-bottom: 1px solid #f0f0f0;
}

#availabilityStructuredBlock .structured-availability-holiday-item-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 10px;
}

#availabilityStructuredBlock .structured-availability-holiday-fields {
    display: grid;
    grid-template-columns: minmax(0, 1.6fr) minmax(120px, 0.7fr) minmax(120px, 0.7fr);
    gap: 12px;
}

#availabilityStructuredBlock .structured-availability-holiday-remove {
    padding: 0;
    min-width: auto;
    line-height: 1;
}

@media (max-width: 767px) {
    #availabilityStructuredBlock .structured-availability-day-main {
        display: block;
    }

    #availabilityStructuredBlock .structured-availability-day-title {
        width: auto;
        min-width: 0;
        padding-top: 0;
        margin-bottom: 10px;
    }

    #availabilityStructuredBlock .structured-availability-time-group {
        max-width: none;
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
        gap: 10px;
    }

#availabilityStructuredBlock .structured-availability-holiday-fields {
    max-width: none;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 10px;
}

#availabilityStructuredBlock .structured-availability-holiday-label-field {
    grid-column: 1 / -1;
}

#availabilityStructuredBlock .structured-availability-holiday-date-field {
    min-width: 0;
}

#availabilityStructuredBlock .structured-availability-holiday-date-field .form-control {
    min-width: 0;
    width: 100%;
    padding-left: 14px;
    padding-right: 10px;
}


    #availabilityStructuredBlock .structured-availability-day-meta,
    #availabilityStructuredBlock .structured-availability-time-error {
        padding-left: 0;
        margin-left: 0;
    }
}

@media (max-width: 768px) {

    .auth-motivation h1 { font-size: 32px; }
    .benefits-grid { grid-template-columns: 1fr; }
    .stats-grid { flex-wrap: wrap; gap: 30px; justify-content: center; }
    .stat-item { width: 45%; }
}

@media (max-width: 480px) {
    .auth-section { padding: 40px 0; }
    .auth-card { padding: 32px 24px; }
    .stat-item { width: 100%; }
}

.modal-backdrop {
    background-color: rgba(0, 0, 0, 0.4) !important; 
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}

.modal-backdrop.show {
    opacity: 1 !important; 
}

.header-height-desktop{
    z-index: 15;
    position: relative;
}

.main-wrapper{
    margin-top: 20px;
    margin-bottom: 50px;
}

.footer-wrapper{
    padding-top: 50px;
}

.auction-amount-rates-list{
    display: inline-flex;
    gap: 10px;
    margin-top: 10px;
}

.auction-amount-rates-list > button{
    padding: 6px 12px;
    background-color: #f7f8fa;
    border-radius: 12px;
    cursor: pointer;
    transition: all .10s linear;
    border: none;
    outline: none;
}

.auction-amount-rates-list > button:hover{
    background-color: black;
    color: white;
}

.users-stats {
    display: flex;
    align-items: center;
}

.avatar-group {
    display: flex;
    align-items: center;
}

.avatar-group img {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 2px solid #ffffff;
    object-fit: cover;
    margin-left: -10px;
    background-color: #e5e7eb;
}

.avatar-group img:first-child {
    margin-left: 0;
}

.avatar-count {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 2px solid #ffffff;
    background-color: #f3f4f6;
    color: #4b5563;
    font-size: 12px;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: -10px;
    z-index: 1;
}

.users-label {
    font-size: 13px;
    color: #6b7280;
    margin-left: 10px;
    font-weight: 500;
}

.ad-card-auction .container-item-countdown{
   margin: 0px;
   font-size: 14px;
}

.ad-card-sidebar .item:not(:last-child){
   margin-bottom: 15px;
}

.card-status-info-bg-auction{
    background: linear-gradient(90deg, rgba(255, 71, 46, 0.06), rgba(29, 101, 245, 0.03));
}

.ad-card-auction .container-item-countdown > div.timer {
    font-size: 15px;
}

.ad-card-action-buttons-contact{
    display: flex;
    gap: 10px;
    margin-top: 15px;
}

/* ── Chat story context card ─────────────────────────────── */
.chat-story-context {
    position: relative;
    display: block;
    margin-bottom: 6px;
    border-radius: 10px;
    cursor: pointer;
    width: 120px;
    overflow: hidden;
}
.chat-story-context img {
    width: 100%;
    height: 160px;
    object-fit: cover;
    display: block;
    border-radius: 10px;
}
.chat-story-context span {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 18px 8px 6px;
    background: linear-gradient(to top, rgba(0,0,0,.55), transparent);
    border-radius: 0 0 10px 10px;
    font-size: 12px;
    font-weight: 500;
    color: #fff;
    opacity: .75;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.chat-story-context-deleted {
    cursor: default;
    opacity: .55;
    min-height: 44px;
    display: flex;
    align-items: center;
    padding: 0 10px;
    background: rgba(0,0,0,.06);
}
.chat-story-context-deleted span {
    position: static;
    font-style: italic;
    padding: 0;
    background: none;
    color: inherit;
    opacity: 1;
    white-space: normal;
}
.chat-story-context-archived {
    cursor: pointer;
}
.chat-story-context-archived img {
    filter: grayscale(55%);
    opacity: .8;
}
.chat-story-archive-badge {
    position: absolute;
    top: 6px;
    right: 6px;
    font-size: 13px;
    color: #fff;
    background: rgba(0,0,0,.45);
    border-radius: 50%;
    width: 22px;
    height: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* ── Single story from chat: above all modals, no action btns */
.user-stories-modal--single { z-index: 1070 !important; }
.user-stories-modal--single .actionOpenStaticModal[data-modal-target="chatReply"] { display: none !important; }
.user-stories-modal--single .actionOpenStaticModal[data-modal-target="storyStatUsers"] { pointer-events: none !important; cursor: default !important; }

.ad-card-action-buttons-contact button{
    margin: 0!important;
    font-size: 14px;
    padding: 0px 10px;
    height: 40px!important;
    min-height: 40px!important;
}

.btn-custom i{
    margin-right: 10px;
}

.modal-subtitle {
    font-size: 14px;
    color: var(--text-muted);
    font-weight: 500;
}

.modal-payment-options .modal-body{
    padding: 0;
}

.modal-payment-options  .amount-section {
    padding: 0 30px 15px;
    text-align: center;
    border-bottom: 1px solid #e2e8f0;
}
.modal-payment-options  .amount-label {
    font-size: 14px;
    color: #536471;
}
.modal-payment-options  .amount-value {
    font-size: 36px;
    font-weight: 800;
    letter-spacing: -1px;
    color: #0f1419;
}


.modal-payment-options  .section-title {
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 16px;
    color: #0f1419;
}

.modal-payment-options  .methods-list {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 30px;
}


.modal-payment-options  .method-item {
    display: flex;
    align-items: center;
    padding: 16px;
    border: 2px solid #e2e8f0;
    border-radius: 16px;
    cursor: pointer;
    transition: all 0.2s ease;
    position: relative;
}
.modal-payment-options  .method-item:hover {
    border-color: #cbd5e1;
    background: #fafafa;
}
.modal-payment-options  .method-item.active {
    border-color: #0066ff;
    background: #f5f9ff;
}


.modal-payment-options  .method-icon {
    width: 40px;
    height: 40px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 16px;
    flex-shrink: 0;
}
.modal-payment-options  .icon-wallet { background: #e0f2fe; color: #0284c7; }
.modal-payment-options  .icon-card { background: #f1f5f9; color: #334155; }

.modal-payment-options  .method-icon i {
    font-size: 23px;
}

.modal-payment-options  .method-info {
    flex-grow: 1;
}
.modal-payment-options  .method-name {
    font-size: 15px;
    font-weight: 600;
    color: #0f1419;
    margin-bottom: 2px;
    display: flex;
    align-items: center;
    gap: 8px;
}
.modal-payment-options  .method-desc {
    font-size: 13px;
    color: #536471;
}

.modal-payment-options  .balance-badge {
    background: #dcfce7;
    color: #166534;
    font-size: 11px;
    padding: 2px 6px;
    border-radius: 6px;
    font-weight: 600;
}


.modal-payment-options  .check-circle {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    border: 2px solid #cbd5e1;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s;
}
.modal-payment-options  .method-item.active .check-circle {
    background: var(--primary);
    border-color: var(--primary);
}
.modal-payment-options  .check-circle svg {
    width: 14px;
    height: 14px;
    stroke: white;
    stroke-width: 3;
    stroke-linecap: round;
    stroke-linejoin: round;
    fill: none;
    opacity: 0;
    transform: scale(0.5);
    transition: all 0.2s;
}
.modal-payment-options  .method-item.active .check-circle svg {
    opacity: 1;
    transform: scale(1);
}

.modal-payment-options .policy-info {
    margin-top: 10px;
    font-size: 12px;
    color: #536471;
}

.modal-payment-options .policy-info a{
    color: var(--primary);
}

.modal-payment-options .method-item input{
    display: none;
}

.modal-payment-options .methods-title{
    padding-top: 30px;
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 10px;
}

.section-promo-download-app-buttons{
    position: relative;
    z-index: 5;
    display: inline-flex;
    gap: 10px;
    margin-top: 20px;
    flex-wrap: wrap;
}

.chat-dialogues-item-content-title{
    font-size: 14px;
}

footer {
  color: #566074;
  background: #f8fafc;
  border-top: 1px solid #e5e9f1;
}

.market-footer{
  margin: 0 auto;
  padding: 40px 0 24px;    
}

.market-footer__main {
  display: grid;
  grid-template-columns: 1.7fr repeat(3, 1fr);
  gap: 38px;
}

/* CUSTOM: ThemeChange */
.market-footer__logo {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: #17213a;
  font-size: 22px;
  font-weight: 850;
  letter-spacing: -0.8px;
  text-decoration: none;
  width: 94px;
  height: 40px;
  background-image: var(--logo-url);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: left center;
}

.market-footer__logo span{
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
    border: 0;
}
/* END CUSTOM */

.market-footer__description {
  max-width: 270px;
  margin-top: 15px;
  margin-bottom: 0px;
  color: #7a8497;
  font-size: 14px;
  line-height: 1.55;
}

.market-footer__app-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #2563eb;
  font-size: 14px;
  font-weight: 700;
  margin-top: 15px;
  text-decoration: none;
}

.market-footer__app-link:hover {
  color: #174abe;
}

.market-footer__app-icon {
    display: grid;
    width: 24px;
    height: 24px;
    place-items: center;
    border-radius: 7px;
    color: #2563eb;
    background: #e4edff;
    font-size: 15px;
}

.market-footer__column {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 11px;
}

.market-footer__column h3 {
  margin: 4px 0 5px;
  color: #202a3d;
  font-size: 14px;
  font-weight: 800;
}

.market-footer__column a {
  color: #697388;
  font-size: 14px;
  text-decoration: none;
  transition: color 0.2s ease;
}

.market-footer__column a:hover {
  color: #2563eb;
}

.market-footer__security {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 17px 20px;
  border: 1px solid #dfe8d9;
  border-radius: 16px;
  background: #f3f9ee;
}

.market-footer__security-icon {
  display: grid;
  flex: 0 0 34px;
  width: 34px;
  height: 34px;
  place-items: center;
  border-radius: 50%;
  color: #ffffff;
  background: #36a269;
  font-weight: 800;
}

.market-footer__security div:nth-child(2) {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 2px;
}

.market-footer__security strong {
  color: #28583c;
  font-size: 14px;
}

.market-footer__security span {
  color: #668073;
  font-size: 12px;
  line-height: 1.45;
}

.market-footer__security > a {
  flex: 0 0 auto;
  color: #278654;
  font-size: 13px;
  font-weight: 750;
  text-decoration: none;
}

.market-footer__security > a:hover {
  text-decoration: underline;
}

.market-footer__bottom {
  display: flex;
  align-items: center;
  gap: 24px;
  padding-top: 22px;
  border-top: 1px solid #e1e6ef;
  font-size: 13px;
  margin-top: 20px;
}

.market-footer__copyright {
  color: #8891a2;
  font-size: 14px;
}

.market-footer__legal {
  display: flex;
  flex: 1;
  justify-content: center;
  gap: 18px;
}

.market-footer__legal a {
  color: #7d8799;
  text-decoration: none;
  font-size: 14px;
}

.market-footer__legal a:hover {
  color: #2563eb;
}

.market-footer__socials {
  display: flex;
  gap: 8px;
}

.market-footer__socials a {
  display: grid;
  width: 30px;
  height: 30px;
  place-items: center;
  border: 1px solid #dce2ed;
  border-radius: 9px;
  color: #69758b;
  background: #ffffff;
  font-size: 10px;
  font-weight: 800;
  text-decoration: none;
  transition: 0.2s ease;
}

.market-footer__socials a img{
  height: 30px;
}

@media (max-width: 850px) {
  .market-footer__main {
    grid-template-columns: repeat(3, 1fr);
  }

  .market-footer__brand {
    grid-column: 1 / -1;
  }

  .market-footer__description {
    max-width: 420px;
  }
}

@media (max-width: 600px) {
  .market-footer {
    margin-top: 0px;
    width: min(100% - 28px, 1180px);
    padding-top: 34px;
  }

  .market-footer__main {
    grid-template-columns: 1fr 1fr;
    gap: 28px 20px;
    padding-bottom: 30px;
  }

  .market-footer__column:last-child {
    grid-column: 1 / -1;
  }

  .market-footer__security {
    align-items: flex-start;
    flex-wrap: wrap;
    padding: 15px;
  }

  .market-footer__security > a {
    width: 100%;
    margin-left: 48px;
  }

  .market-footer__bottom {
    flex-wrap: wrap;
    gap: 15px;
  }

  .market-footer__legal {
    order: 3;
    flex-basis: 100%;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 10px 16px;
  }
}

.profile-trigger__avatar {
  display: grid;
  width: 38px;
  height: 38px;
  place-items: center;
  border: 2px solid #fff;
  border-radius: 13px;
  color: #fff;
  background: linear-gradient(135deg, #3979fa, #7b59e9);
  box-shadow: 0 4px 10px rgba(54, 102, 232, 0.25);
  font-size: 11px;
  font-weight: 800;
}

.profile-trigger__name {
  font-size: 12px;
  font-weight: 750;
}

.profile-trigger__chevron {
  color: #8792a6;
  font-size: 17px;
  transition: transform 0.25s ease;
}

.profile-trigger[aria-expanded="true"] .profile-trigger__chevron {
  transform: rotate(180deg);
}

.profile-overlay {
  position: fixed;
  z-index: 20;
  inset: 0;
  visibility: hidden;
  opacity: 0;
  background-color: rgba(0, 0, 0, 0.4) !important; 
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  transition: opacity 0.25s ease, visibility 0.25s ease;
}

.profile-overlay.is-visible {
  visibility: visible;
  opacity: 1;
}

.profile-popup {
  position: fixed;
  z-index: 30;
  top: 60px;
  right: max(20px, calc((100vw - 1300px) / 2));
  width: min(410px, calc(100vw - 40px));
  max-height: calc(100vh - 98px);
  overflow-y: auto;
  padding: 18px;
  border: 1px solid rgba(225, 231, 241, 0.95);
  border-radius: 26px;
  visibility: hidden;
  opacity: 0;
  background: rgba(255, 255, 255, 0.98);
  box-shadow:
    0 24px 58px rgba(29, 46, 81, 0.2),
    0 5px 15px rgba(29, 46, 81, 0.08);
  transform: translateY(-12px) scale(0.98);
  transition:
    opacity 0.22s ease,
    transform 0.22s ease,
    visibility 0.22s ease;
  scrollbar-width: thin;
  scrollbar-color: #d9deea transparent;
  text-align: start;
}

.profile-popup.is-open {
  visibility: visible;
  opacity: 1;
  transform: translateY(0) scale(1);
}

.profile-popup__close {
  position: absolute;
  top: 12px;
  right: 12px;
  display: grid;
  width: 31px;
  height: 31px;
  place-items: center;
  border: 0;
  border-radius: 10px;
  color: #7a8599;
  background: #f1f4f9;
  cursor: pointer;
  font-size: 19px;
  line-height: 1;
  transition: 0.2s ease;
}

.profile-popup__close:hover {
  color: #202b40;
  background: #e6ebf3;
}

.profile-menu__user {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 6px 40px 18px 4px;
}

.profile-menu__avatar {
  display: grid;
  width: 49px;
  height: 49px;
  place-items: center;
  border: 3px solid #fff;
  border-radius: 16px;
  color: #fff;
  box-shadow: 0 6px 15px rgba(60, 107, 238, 0.27);
  font-size: 14px;
  font-weight: 800;
  position: relative;
  overflow: hidden;
}

.profile-menu__user-info {
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
}

.profile-menu__user-info strong {
  overflow: hidden;
  font-size: 15px;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: black;
}

.profile-menu__status {
  display: flex;
  align-items: center;
  gap: 6px;
  color: #8791a4;
  font-size: 12px;
}

.profile-menu__online {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #31bd73;
  box-shadow: 0 0 0 3px #e0f8eb;
}

/* User online/offline indicator */
.user-online-indicator{position:absolute;top:0;right:0;width:10px;height:10px;border-radius:50%;background:#9ca3af;border:2px solid #fff;z-index:1}
.user-online-indicator.online{background:#31bd73}
.user-online-indicator.offline{background:#9ca3af}

.chat-dialogues-item-avatar .user-online-indicator{top:-4px;right:-4px;bottom:auto;width:12px;height:12px}

.user-online-indicator.inline{position:static;display:inline-block;vertical-align:middle;margin-top:-2px;width:7px;height:7px;margin-left:6px;top:auto;right:auto;z-index:auto;border:none;box-shadow:0 0 0 3px #e0f8eb}
.user-online-indicator.inline.offline{box-shadow:0 0 0 3px #f1f2f4}

.chat-channel-official-icon {
  color: #28a745;
  margin-left: 6px;
  vertical-align: middle;
}

.profile-menu__rating {
  display: flex;
  align-items: center;
  gap: 9px;
  margin-bottom: 14px;
  padding: 11px 13px;
  border-radius: 14px;
  color: #737d91;
  background: linear-gradient(100deg, #fffaf0, #fffdf8);
  font-size: 13px;
}

.profile-menu__rating:hover {
  border-color: #f3c96b;
}

.profile-menu__stars {
  color: #f4ae27;
  font-size: 14px;
  letter-spacing: 1px;
}

.profile-menu__rating b {
  color: #202b40;
}

.profile-menu__arrow {
  margin-left: auto;
  color: #c99328;
  font-size: 19px;
}

.profile-menu__notification {
  position: absolute;
  top: 11px;
  right: 10px;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #fa5e68;
  box-shadow: 0 0 0 3px #ffe6e8;
}

.profile-menu__wallet {
  display: flex;
  align-items: center;
  gap: 11px;
  margin-bottom: 24px;
  padding: 13px;
  border-radius: 16px;
  color: #fff;
  background:
    radial-gradient(circle at 92% 5%, rgba(255, 255, 255, 0.37), transparent 25%),
    linear-gradient(135deg, #246df4, #4b81f4);
  box-shadow: 0 10px 20px rgba(43, 105, 235, 0.2);
  transition: transform 0.2s ease;
}

.profile-menu__wallet:hover {
  transform: translateY(-2px);
}

.profile-menu__wallet-icon {
  display: grid;
  flex: 0 0 37px;
  width: 37px;
  height: 37px;
  place-items: center;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.18);
  font-size: 19px;
  font-weight: 800;
}

.profile-menu__wallet-info {
  display: flex;
  flex: 1;
  flex-direction: column;
}

.profile-menu__wallet-info small {
  margin-bottom: 2px;
  opacity: 0.78;
  font-size: 11px;
}

.profile-menu__wallet-info strong {
  font-size: 17px;
}

.profile-menu__wallet-add {
  padding: 7px 9px;
  border-radius: 9px;
  background: rgba(255, 255, 255, 0.16);
  font-size: 11px;
  font-weight: 700;
}

.profile-menu__section-title {
  margin: 0 0 10px 3px;
  color: #919aac;
  font-size: 11px;
  font-weight: 750;
  letter-spacing: 0.4px;
  text-transform: uppercase;
}

.profile-menu__grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 9px;
}

.profile-menu__action {
  position: relative;
  display: flex;
  align-items: center;
  gap: 9px;
  min-height: 54px;
  padding: 10px;
  border: 1px solid #e8edf5;
  border-radius: 14px;
  color: #253049;
  background: #fff;
  font-size: 12px;
  font-weight: 650;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.profile-menu__action:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 17px rgba(42, 59, 93, 0.1);
}

.profile-menu__action-icon {
  display: grid;
  flex: 0 0 30px;
  width: 30px;
  height: 30px;
  place-items: center;
  border-radius: 10px;
  font-size: 16px;
  font-weight: 800;
}

.profile-menu__action--blue .profile-menu__action-icon {
  color: #2467e9;
  background: #e9f1ff;
}

.profile-menu__action--purple .profile-menu__action-icon {
  color: #8758e5;
  background: #f1eaff;
}

.profile-menu__action--orange .profile-menu__action-icon {
  color: #e47c27;
  background: #fff0e2;
}

.profile-menu__action--green .profile-menu__action-icon {
  color: #209b63;
  background: #e5f8ee;
}

.profile-menu__badge {
  position: absolute;
  top: 8px;
  right: 8px;
  display: grid;
  width: 17px;
  height: 17px;
  place-items: center;
  border-radius: 50%;
  color: #fff;
  background: #fa5a66;
  font-size: 9px;
  justify-content: center;
  text-align: center;
}

.profile-menu__business {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  margin-top: 22px;
  padding: 12px;
  border: 0;
  border-radius: 15px;
  color: white;
  background: linear-gradient(135deg, rgb(15, 23, 42) 0%, rgb(30, 41, 59) 100%);
  cursor: pointer;
  text-align: left;
  font-size: 14px;
}

.profile-menu__business-icon {
  display: grid;
  flex: 0 0 34px;
  width: 34px;
  height: 34px;
  place-items: center;
  border-radius: 11px;
  color: black;
  background: white;
  font-size: 17px;
}

.profile-menu__business-content {
  display: flex;
  flex: 1;
  flex-direction: column;
}

.profile-menu__business-content strong {
  color: white;
  font-size: 14px;
}

.profile-menu__business-content span {
  color: white;
  font-size: 13px;
}

.profile-menu__business-toggle {
  display: grid;
  width: 28px;
  height: 28px;
  place-items: center;
  border-radius: 9px;
  color: white;
  font-size: 19px;
  transition: transform 0.25s ease;
}

.profile-menu__business.is-active .profile-menu__business-toggle {
  transform: rotate(180deg);
}

.profile-menu__business-links {
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows 0.25s ease, margin 0.25s ease;
}

.profile-menu__business-links.is-open {
  grid-template-rows: 1fr;
  margin-top: 9px;
}

.profile-menu__business-links-inner {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 7px;
  overflow: hidden;
}

.profile-menu__business-links a {
  display: flex;
  align-items: center;
  gap: 7px;
  min-height: 40px;
  padding: 9px 13px;
  border-radius: 12px;
  color: #625c78;
  background: #f8fafc;
  font-size: 14px;
}

.profile-menu__business-links a:hover {
  color: white;
  background: radial-gradient(circle at 92% 5%, rgba(255, 255, 255, 0.37), transparent 25%), linear-gradient(135deg, #246df4, #4b81f4);
}

.profile-menu__footer {
  display: grid;
  gap: 2px;
  margin-top: 18px;
  padding-top: 13px;
  border-top: 1px solid #e9edf3;
}

.profile-menu__link {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 8px;
  border-radius: 11px;
  color: #566278;
  font-size: 14px;
  transition: 0.2s ease;
}

.profile-menu__link-icon {
  display: grid;
  width: 22px;
  place-items: center;
  color: #78859a;
  font-size: 16px;
}

.profile-menu__link:hover {
  color: #2467e9;
  background: #f3f6fb;
}

.profile-menu__link--logout {
  margin-top: 3px;
  color: #e15862;
}

.profile-menu__link--logout .profile-menu__link-icon {
  color: #e15862;
}

.profile-menu__link--logout:hover {
  color: #d73e4a;
  background: #fff1f2;
}

@media (max-width: 760px) {
  .profile-trigger__name,
  .profile-trigger__chevron {
    display: none;
  }

  .profile-popup {
    top: 76px;
    right: 14px;
    width: min(410px, calc(100vw - 28px));
    max-height: calc(100vh - 90px);
  }
}

@media (max-width: 480px) {

  .profile-popup {
    top: auto;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    max-height: min(84vh, 720px);
    padding: 16px;
    border: 0;
    border-radius: 24px 24px 0 0;
    transform: translateY(100%);
  }

  .profile-popup.is-open {
    transform: translateY(0);
  }

  .profile-popup::before {
    display: block;
    width: 42px;
    height: 4px;
    margin: 0 auto 10px;
    border-radius: 5px;
    background: #dce2ec;
    content: "";
  }

  .profile-menu__business-links-inner {
    grid-template-columns: 1fr;
  }

}

.profile-container-review-list{
    background-color: white;
    padding: 20px;
    border-radius: 20px;
}

.profile-container-review-list{
    margin-bottom: 0px;
}

.page-chat-container .chat-dialogues-item:hover{
    background-color: white;
}

.page-chat-container .chat-dialogue-container{
    background-color: white;
    border-radius: 20px;
    padding: 20px;
}

.payment-history-layout{
    background-color: white;
    padding: 20px;
    border-radius: 20px;
}

.profile-wallet-payment-action-replenishment{
    max-width: 230px;
}

.ad-card-reviews-content .container-reviews-list{
    margin-top: 30px!important;
}

.dropdown-box-list-nested{
    border-left: 2px solid rgba(0, 0, 0, .1);
    margin-left: 6px;
    padding-left: 8px;
}
.dropdown-box-list-nested a{
    margin: 10px 0;
}

.profile-container-shop-list{
    color: black;
    margin-bottom: 15px;
    display: block;
    border-radius: 20px;
    background-color: white;
    padding: 20px;
}

.shop-card-user{
    display: flex;
    align-items: center;
    gap: 10px;
    height: 50px;
}

.shop-card-user-avatar > div{
    width: 50px;
    height: 50px;
    border-radius: 50%;
    overflow: hidden;
    position: relative;
    display: flex;
    background-color: #f8fafc;
}

.shop-card-user-content-label{
    font-size: 13px;
    color: #566278;
}

.activity-low{
    color: #6c757d!important;
}

.activity-medium{
    color: #eeb300!important;
}

.activity-high{
    color: #198754!important;
}

.shop-catalog-params-form .uni-select-name{
    background-color: #ffffff;
}

.personal-shop-pages-item{
    padding: 10px 18px;
    border-radius: 12px;
    cursor: pointer;
    font-size: 15px;
    color: black;
}

.personal-shop-pages{
    gap: 14px;
    margin: 25px 0;
    display: flex;    
}

.personal-shop-pages .active{
    background-color: #141414; color: white!important;
}

.personal-shop-pages-item:hover{
    background-color: #141414; color: white!important;
}

.shop-page-text-body{
    background-color: white;
    padding: 30px;
    border-radius: 20px;
}

.personal-shop-action-buttons{
    gap: 14px;
    display: flex;      
}

.modal-size-nano{
    max-width: 450px;
}

.modal-size-small{
    max-width: 540px;
}

.modal-size-medium{
    max-width: 650px;
}

.modal-size-big{
    max-width: 750px;
}

.modal-size-mega{
    max-width: 950px;
}

.modal-size-fullmega{
    max-width: 1320px;
}

@media (max-width: 760px) {
  .profile-trigger__name,
  .profile-trigger__chevron {
    display: none;
  }
  .profile-popup {
    top: 76px;
    right: 14px;
    width: min(410px, calc(100vw - 28px));
    max-height: calc(100vh - 90px);
  }
}

@media (max-width: 480px) {
  .profile-trigger__avatar {
    width: 35px;
    height: 35px;
    border-radius: 11px;
  }

  .profile-popup {
    top: auto;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    max-height: min(84vh, 720px);
    padding: 16px;
    border: 0;
    border-radius: 24px 24px 0 0;
    transform: translateY(100%);
  }

  .profile-popup.is-open {
    transform: translateY(0);
  }

  .profile-popup::before {
    display: block;
    width: 42px;
    height: 4px;
    margin: 0 auto 10px;
    border-radius: 5px;
    background: #dce2ec;
    content: "";
  }

  .profile-menu__business-links-inner {
    grid-template-columns: 1fr;
  }

}

.modal-title-skeleton{
    max-width: 350px;
    height: 40px;
    border-radius: 15px;
    background-color: #f8fafc;
    margin-bottom: 15px;
    position: relative;
    overflow: hidden;
}

.modal-body-skeleton{
    height: 200px;
    border-radius: 15px;
    background-color: #f8fafc;
    position: relative;
    overflow: hidden;
}

.modal-title-skeleton::after, .modal-body-skeleton::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  background: linear-gradient(
  90deg,
  rgba(255, 255, 255, 0) 0%,
  rgba(255, 255, 255.12) 20%,
  rgba(255, 255, 255, 0) 30%
  );
  transform: translateX(-100%);
  animation: shimmer 2s infinite;
}

@keyframes shimmer {
  0% { transform: translateX(-100%); }
  100% { transform: translateX(100%); }
}

.profile-home-sections .profile-container-order-list{
    margin-bottom: 10px;
}

.modal-geo-container-map{
    border-radius: 20px;
    overflow: hidden;
    min-height: 450px;
    width: 100%;
    background-color: #f7f8fa;
}

.modal-geo-search-results{
    z-index: 9999;
}

#chatModal .chat-dialogues-container, #chatModal .chat-dialogue-container{
    padding: 30px;
}

.radiusSlider {
  width: 100%;
  height: 6px;
  border-radius: 3px;
  background: #e0e0e0;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
  outline: none;
}

/* Ползунок (Chrome, Safari, Edge) */
.radiusSlider::-webkit-slider-thumb {
  height: 20px;
  width: 20px;
  border-radius: 50%;
  background: #3b82f6;
  cursor: pointer;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  -webkit-appearance: none;
  appearance: none;
}

.radiusSlider::-webkit-slider-thumb:hover {
  background: #2563eb;
}

.radiusSlider::-webkit-slider-thumb:active {
  transform: scale(1.1);
}

.radiusSlider::-moz-range-thumb {
  height: 20px;
  width: 20px;
  border-radius: 50%;
  background: #3b82f6;
  cursor: pointer;
  border: none;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

.radiusSlider::-moz-range-thumb:hover {
  background: #2563eb;
}

.radiusSlider::-moz-range-thumb:active {
  transform: scale(1.1);
}

input[type=range]::-ms-thumb {
  height: 20px;
  width: 20px;
  border-radius: 50%;
  background: #3b82f6;
  border: none;
}

.modal-geo-container-map-radius{
    display: flex;
    gap: 7px;
    flex-wrap: wrap;
    margin-top: 8px;
}

.modal-geo-container-map-radius > div{
    padding: 8px 16px;
    background-color: #f7f8fa;
    border-radius: 12px;
    cursor: pointer;
}

.modal-geo-container-map-radius > div.active{
    background-color: black;
    color: white;
}

.modal-geo-container-map-radius > div:hover{
    background-color: black;
    color: white;
}

.actionShowMoreItems{
    margin-top: 15px;
}

.modal-geo-favorites-list{
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    margin-top: 15px;
}

.modal-geo-favorites-list a{
    padding: 8px 18px;
    background-color: #f7f8fa;
    border-radius: 12px;
    cursor: pointer;
    color: black;
    font-size: 15px;
}

.modal-geo-favorites-list a:hover{
    background-color: black;
    color: white;
}

.modal-geo-tab-content{
    display: none;
}

.actionClearGeoModal{
    visibility: hidden;
}

.ad-paid-services-ads-item-price{
    display: block;
    font-size: 14px!important;
    font-weight: normal!important;
}

.widget-ads-categories-container .bold-title-and-link{
    margin-top: 25px;
}

.filter-buttons{
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
}

.filter-button-item{
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    height: 43px;
    padding: 0 25px;
    background-color: #f7f8fa;
    cursor: pointer;
}

.filter-button-active{
    background-color: black;
    color: white;
}

.filter-button-item input{
    display: none;
}

.filter-button-item:active{
    transform: scale(0.96);
}

.chat-live-notifications-container{
    position: fixed;
    right: 16px;
    bottom: 16px;
    z-index: 1000;
    display: flex;
    flex-direction: column-reverse;
    gap: 10px;
    width: 320px;
}

.chat-live-notification{
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 12px;
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: var(--radius);
    box-shadow: 0 8px 24px rgba(17, 24, 39, 0.12);
    cursor: pointer;
    transition: var(--transition);
    animation: chatLiveNotificationIn 0.25s ease;
}

.chat-live-notification--hide{
    opacity: 0;
    transform: translateX(16px);
}

.chat-live-notification-avatar{
    position: relative;
    flex: 0 0 auto;
    width: 40px;
    height: 40px;
}

.chat-live-notification-avatar img{
    width: 40px;
    height: 40px;
    border-radius: 50%;
    object-fit: cover;
    display: block;
}

.chat-live-notification-count{
    position: absolute;
    top: -4px;
    right: -4px;
}

.chat-live-notification-body{
    flex: 1 1 auto;
    min-width: 0;
}

.chat-live-notification-name{
    font-size: 13px;
    font-weight: 600;
    color: var(--text-main);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.chat-live-notification-preview{
    margin-top: 2px;
    font-size: 12px;
    line-height: 1.4;
    min-height: calc(1.4em * 2);
    color: var(--text-muted);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.chat-live-notification-close{
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    color: var(--text-muted);
    font-size: 12px;
    cursor: pointer;
    transition: var(--transition);
}

.chat-live-notification-close:hover{
    background: var(--border);
    color: var(--text-main);
}

@keyframes chatLiveNotificationIn{
    from{ opacity: 0; transform: translateX(16px); }
    to{ opacity: 1; transform: translateX(0); }
}

@media (prefers-reduced-motion: reduce){
    .chat-live-notification{
        animation: none;
    }
    .chat-live-notification,
    .chat-live-notification--hide{
        transition: opacity 0.01ms;
        transform: none;
    }
}