/*Categories style and animation*/
.chips-card {
    --image-w: 100px !important;
}
.chips-menu__item:nth-child(2) {
    animation-delay: 100ms;
}
.chips-menu__item:nth-child(3) {
    animation-delay: 200ms;
}
.chips-menu__item:nth-child(4) {
    animation-delay: 300ms;
}
.chips-menu__item {
    animation: fade-in-left 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}
@keyframes fade-in-left {
0% {
    transform: translateX(-50px);
    opacity: 0;
}
100% {
    transform: translateX(0);
    opacity: 1;
}
}
.chips-menu {
    overflow-x: visible;
}
.chips-card.active {
    transform: translateY(-5px);
}



/*Product cards animation*/
.product {
    animation: fade-in-top 0.3s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}
.product:nth-child(1) { animation-delay: 200ms; } .product:nth-child(2) { animation-delay: 300ms; } .product:nth-child(3) { animation-delay: 400ms; } .product:nth-child(4) { animation-delay: 500ms; } .product:nth-child(5) { animation-delay: 600ms; } .product:nth-child(6) { animation-delay: 700ms; }

@keyframes fade-in-top {
0% {
    transform: translateY(-50px);
    opacity: 0;
}
100% {
    transform: translateY(0);
    opacity: 1;
}
}



/*Product description style*/
.fields_good {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 21px;
}

.art, .weight, .other1, .other2, .other3, .other4, .other5, .other6 {
    display: flex;
    flex-direction: column;
    font-size: 10px;
    color: #acacac;
    font-weight: normal;
    text-align: center;
    gap: 4px;
    font-size: 0;
}
.art b, .weight b, .other1 b, .other2 b, .other3 b, .other4 b, .other5 b, .other6 b {
    font-size: 10px;
}

.art_val, .weight_val, .other1_val, .other2_val, .other3_val, .other4_val, .other5_val, .other6_val {
    font-size: 14px;
    font-weight: bold;
    color: #222;
}

.other3, .other4, .other5, .other6 {
    background-color: #FFF4F4;
    padding-top: 16px;
    padding-bottom: 16px;
}

.art, .weight, .other1, .other2 {
    background-color: #F6f6f6; 
}

.art, .weight, .other2 {
    margin-top: 21px;
    padding-top: 16px;
    padding-bottom: 8px;
}

.other3 {
    max-width: 35%;
    min-width: 60px;
    order: 1;
    border-radius: 12px 0 0 12px;
    flex-shrink: 0;
    padding-left: 12px;
}

.other4 {
    width: 10%;
    order: 2;
    flex-grow: 0;
    flex-shrink: 0;
}

.other5 {
    width: 25%;
    order: 3;
    flex-grow: 1;
}

.other6 {
    width: 30%;
    order: 4;
    border-radius: 0 12px 12px 0;
    flex-grow: 1;
}

.art{
    min-width: 25%;
    max-width: 33.3%;
    order: 5;
    border-radius: 12px 0 0 0;
    flex-grow: 0;
    flex-shrink: 1;
}

.weight{
    min-width: 25%;
    max-width: 33.3%;
    order: 6;
    flex-grow: 0;
    flex-shrink: 1;
}

.other2 {
    width: 33.3%;
    order: 7;
    border-radius: 0 12px 0 0;
    flex-grow: 1;
    flex-shrink: 0;
}

.other1 {
    width: 100%;
    order: 8;
    border-radius: 0 0 12px 12px;
    padding-top: 8px;
    padding-bottom: 16px;
}



/*Disable gift pop-up
.myWinGrid {
   opacity: 0;
}
.xw-plain {
    display:none;
}
.xw-active {
    display:none;
}
.xw-shadow {
    display:none;
}
.xw-disabled {
    display:none;
}*/



/*Ripple animation*/
@keyframes ripple {
    20% {
        opacity: 0;
        transform: scale(2.5);
    }
    100% {
        opacity: 0;
        transform: scale(2.5);
    }
}
.cart-panel__actions #to_checkout:after {
    content: '';
    position: absolute;
    height: 350%;
    width: 200%;
    top: 0;
    left: -100%;
    background: rgb(255 255 255 / 91%);
    border-radius: 100%;
       -ms-transform: scale(0);
    transform: scale(0);
    z-index: 20;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-name: ripple;
    animation-duration: 3s!important;
}

.cart-panel__actions #to_checkout {
    overflow: hidden;
    position: relative;
}


/*Promo ripple*/
.promocode:after {
    content: '';
    position: absolute;
    height: 350%;
    width: 200%;
    top: 0;
    left: -100%;
    background: rgb(255 255 255 / 91%);
    border-radius: 100%;
       -ms-transform: scale(0);
    transform: scale(0);
    z-index: 20;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-name: ripple;
    animation-duration: 5s!important;
}

.promocode {
    overflow: hidden;
    position: relative;
}



/*Support widget*/
.fwidgethelp-telegram_v2:before {
    content: "\e900";
}
.fwidgethelp-inverse:after {
    font-size: 14px;
    color: #ffffff;
    position: absolute;
    margin-top: 8px;
    width: max-content;
    content: attr(title);
    text-align: right;
    font-family: SF Pro Display,sans-serif;
    padding: 0px 12px;
    border-radius: 5px;
    background-color: #AB8FFE;
    line-height: 30px;
    display: inline-block;
    right: 80px;
    top: 4px;
}
i#widgethelp_icon::after {
    display: none;
}
#widgethelp_uniquecssid .widgethelptext {
    display: none!important;
}
#widgethelp_uniquecssid.rightbottom, .widgethelpbuttons.rightbottom, .widgethelptrigger.rightbottom {
    right: 4%!important;
    bottom: 3%!important;
}
body.order-mode div#widgethelp_uniquecssid {
    bottom: 13%!important;
}
body.shop-mode.swal2-shown div#widgethelp_uniquecssid {
    bottom: 13%!important;
}

/*Product image container*/
.swiper-zoom-container {
    background-color: #fff;
}

.promocode {
    display: flex;
    flex-direction: column;
    width: 100%;
    text-align: center;
    vertical-align: middle;
    background: #ab8ffe;
    border-radius: 10px;
}

.promocode > a {
    padding-top: 12px;
    padding-bottom: 12px;
    text-decoration: none;
    color: #ffffff;
    font-weight: bold;
    font-size: 17px;
}

.promocode > a:nth-child(2) {
    text-decoration: none;
    padding-top: 0px;
    padding-bottom: 12px;
    color: #ffffff;
    font-weight: bold;
    font-size: 12px;
}

.product__image {
    height: auto;
}

.logo-tg {
width: 100%; 
display: flex; 
padding: 16px; 
border-radius: 12px;
justify-content: space-between; 
align-items: center; 
background: #011f65;
} 

a.button-channel {
padding: 8px 12px; 
border-radius: 10px;
background-color: #94b4fe; 
text-align: center; 
text-decoration: none;
font-weight: bold; 
color: #fff;
}

.separator {
display: none;
}

.close-btn, .close-btn.swal2-close:focus, .close-btn:hover {
    background-color: #fff;
}

.alsoproduct-modal__category {
    font-size: 14px;
    font-weight: 500;
    line-height: 150%;
    color: #FFBEB9;
    display: inline-block;
    padding: 8px 12px;
    border-radius: 8px;
    background-color: #fff4f4;
}

/* Weight block */

.weight-container {
    display: flex;
    flex-direction: column;
    text-align: center;
    padding: 12px 20px;
    border-radius: 12px;
}

.weight-container span{
    font-size: 10px;
    font-weight: bold;
    color: #acacac;
}

.weight-container p{
    font-size: 14px;
    font-weight: bold;
    color: #222;
    padding-top: 4px;
}

.weight__stats {
    display: flex;
}

.weight__block_name {
    font-weight: bold;
    margin-bottom: 8px;
}

.weight__pendant, .weight__earrings {
    flex-grow: 1;
}