@charset "iso-8859-15";

@import "https://fonts.googleapis.com/css?family=Luckiest+Guy&display=swap";

@import "https://fonts.googleapis.com/css2?family=Rubik+Dirt&display=swap";

@import "https://fonts.googleapis.com/css2?family=Rubik+Dirt&family=Seymour+One&display=swap";

@media (min-width: 992px) {
.woocommerce-checkout .col-md-8 {
width:50%
}

.woocommerce-checkout .col-md-4 {
width:50%;
height:109rem;
overflow:scroll;
overflow-x:auto
}
}

@media (max-width: 760px) {
.single-product.woocommerce #respond input#submit {
left:50%!important;
width:100%!important
}
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
select,textarea,input {
font-size:16px
}

select:focus,textarea:focus,input:focus {
font-size:16px
}
}


body {
overflow-y:auto;
-webkit-overflow-scrolling:touch
}

.apus-search-form {
display:none
}

input[type="color"],input[type="date"],input[type="datetime"],input[type="datetime-local"],input[type="email"],input[type="month"],input[type="number"],input[type="password"],input[type="search"],input[type="tel"],input[type="text"],input[type="time"],input[type="url"],input[type="week"],select:focus,textarea {
font-size:16px
}

:focus {
outline-style:none;
outline-width:0!important;
outline-color:none!important
}

img {
-webkit-user-drag:none
}

pre {
width:94%;
text-align:center;
border-radius:12px;
border:0
}

.widget.widget-products {
content-visibility:auto;
contain-intrinsic-size:auto 1200px
}

.sidebar {
content-visibility:auto;
contain-intrinsic-size:auto 1200px
}

.products.row.list-product-archive {
content-visibility:auto;
contain-intrinsic-size:auto 1200px
}

.flex-middle {
content-visibility:auto;
contain-intrinsic-size:auto 1200px
}

td.ninja_column_2.ninja_clmn_nm_ninja_column_3 > a:hover {
    color: #E91E63!important;
}

@keyframes gradientShift {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}

@keyframes buttonPress {
    0% { transform: translate(9%,2%) scale(1); }
    50% { transform: translate(9%,2%) scale(0.85); }
    100% { transform: translate(9%,2%) scale(1); }
}

.product-block.grid .groups-button .add-cart .added_to_cart, 
.product-block.grid .groups-button .add-cart .button {
    transition: all 0.3s ease-in-out, background 0.5s ease-in-out;
}

.product-block.grid .groups-button .add-cart .button:hover {
    transform: translate(9%,2%) scale(1.05);
    background-size: 400%;
    animation: gradientShift 3s infinite linear;
}

.product-block.grid .groups-button .add-cart .button:active {
    animation: buttonPress 0.2s cubic-bezier(0.34, 1.56, 0.64, 1);
}


#back-to-top {
    position: fixed;
    left: -50px;
    background: #9191912e;
    color: black !important;
    background-image: none;
    text-align: center;
    line-height: 50px;
    font-size: 20px;
    cursor: pointer;
    transition: left 0.4s ease-in-out, opacity 0.4s;
    transition: all 0.3s ease;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, .1);
    touch-action: manipulation;
    -webkit-tap-highlight-color: transparent;
    -webkit-user-select: none;
    user-select: none;
    min-width: 45px;
    min-height: 45px;
    bottom: 76px;
    border-radius: 12px;
    width: 45px;
    height: 45px;
    z-index: 8 !important;
}
#back-to-top.active {
    left: 20px; /* Показываем кнопку */
    opacity: 1;
}


#apus-main-content {
content-visibility:auto;
contain-intrinsic-size:auto 1200px
}

#main-content {
margin-top:10px
}

.breadcrumb {
background:linear-gradient(to right,#ffe9f373,#dffffd94)!important
}

#footable_parent_5745 {
content-visibility:auto;
contain-intrinsic-size:auto 1200px;
overflow-x:clip
}

.elementor-423 .elementor-element.elementor-element-cb3f817>.elementor-widget-container {
margin:60px 0 -39px
}

.elementor-423 .elementor-element.elementor-element-0e6e749 .elementor-heading-title {
content-visibility:auto;
contain-intrinsic-size:auto 1200px
}

.elementor-423 .elementor-element.elementor-element-abb1623>.elementor-background-overlay {
background-color:#fff!important;
opacity:1
}

#rev_slider_4_1_wrapper {
max-width:100%!important;
width:100%!important;
height:auto;
margin:0 auto
}

#apus-main-content > li {
text-align:center;
position:relative;
margin-right:15px!important;
padding-left:20px
}

.wpcsm-message.wpcsm-message-7732.wpcsm-location-single_product_add_to_cart_after {
background-color:#f9f9f9;
padding:5px;
border-radius:18px;
font-size:18px;
line-height:1.4;
font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;
color:#333
}

.wpcsm-message.wpcsm-message-7732.wpcsm-location-single_product_add_to_cart_after h3 {
font-size:20px;
text-align:center;
font-weight:700
}

#modal .modal-content::before {
content:"";
position:relative;
top:0;
left:0;
z-index:1;
border-radius:30px;
padding-top:44rem;
margin-bottom:1rem;
width:100%;
height:300px;
background-image:url(/wp-content/uploads/2024/11/bannervesna2025_4.gif);
background-size:cover;
background-position:center
}

@keyframes spinner {
0% {
transform:rotate(0deg)
}

100% {
transform:rotate(360deg)
}
}

body::-webkit-scrollbar {
width:10px;
background-color:#F5F5F5
}

body::-webkit-scrollbar-thumb {
border-radius:10px;
background:-ms-linear-gradient(415deg,#fca5c9,#c9fd94,#fff8a6 100%);
background:linear-gradient(415deg,#fca5c9 10%,#fcfd94 70%,#fff8a6 100%)
}

body {
overflow-x:hidden!important
}

blockquote::-webkit-scrollbar {
width:2px;
height:2px
}

blockquote::-webkit-scrollbar-thumb {
border-radius:10px;
background:-ms-linear-gradient(415deg,#fca5c9,#c9fd94,#fff8a6 100%);
background:linear-gradient(415deg,#fca5c9 10%,#fcfd94 70%,#fff8a6 100%)
}

.woocommerce-product-details__short-description.hideContent::-webkit-scrollbar {
width:12px;
height:12px
}

.woocommerce-product-details__short-description.hideContent::-webkit-scrollbar-thumb {
border-radius:10px;
background:-ms-linear-gradient(415deg,#fca5c9,#c9fd94,#fff8a6 100%);
background:linear-gradient(415deg,#fca5c9 10%,#fcfd94 70%,#fff8a6 100%)
}

.menu-item-1670 img {
display:none
}

.menu-item-1676 img {
display:none
}

.menu-item-1672 img {
display:none
}

.menu-item-1682 img {
display:none
}

.menu-item-4105 img {
display:none
}

.menu-item-4383 img {
display:none
}

li.menu-item-2804.aligned-left {
display:none
}

.woocommerce-checkout .col-md-4::-webkit-scrollbar {
width:10px;
background-color:#F5F5F5
}

.woocommerce-checkout .col-md-4::-webkit-scrollbar-thumb {
border-radius:10px;
background:-ms-linear-gradient(415deg,#fca5c9,#c9fd94,#fff8a6 100%);
background:linear-gradient(415deg,#fca5c9 10%,#fcfd94 70%,#fff8a6 100%)
}

.fa.fa-eye {
line-height:2.5
}

.widget.widget-recent_viewed {
    display: none;
}

.woocommerce-error {
background:-webkit-linear-gradient(315deg,#c6f33c91,#fb90ce7a 100%);
text-align:center;
font-size:16px;
text-transform:uppercase;
color:#3e4a32;
letter-spacing:3px;
border-image-slice:1;
border-width:4px;
border-image-source:linear-gradient(to left,#f7a7d0,#a3f190)
}

.woocommerce-error::before {
display:none
}

.rmp-results-widget.js-rmp-results-widget {
text-align:center;
font-size:12px;
font-family:arial;
font-weight:700
}

.home .rmp-results-widget.js-rmp-results-widget {
opacity:0
}

.woocommerce-checkout #order_review .order-total .amount {
text-align:center;
display:block;
width:100%
}

.woocommerce-checkout-review-order-div .product-quantity {
right:-35px;
top:14px;
width:46px;
line-height:2.1;
text-align:center;
border-radius:8px;
position:absolute;
box-shadow:-1px 1px 1px 1px #ebffd78c;
-webkit-box-shadow:1px 1px 1px 1px #ebffd7ad;
-moz-box-shadow:1px 1px 1px 1px #ebffd7;
-webkit-transform:translate(-50%,-76%);
-o-transform:translate(-50%,-76%);
-ms-transform:translate(-50%,-76%);
transform:translate(-50%,-100%);
background-image:linear-gradient(to right top,#d3fbac63 0%,#ffea8c8c 100%)
}

.apus-filter .shop-page-title {
display:none
}

.woocommerce-checkout-review-order-div .order-total {
text-transform:uppercase;
letter-spacing:2px;
color:#cecece;
line-height:1.1;
margin-top:22px;
line-height:1.2;
text-align:center;
font-size:0;
font-family:'FuturaPT-Bold'
}

.woocommerce-checkout-review-order-div .order-total:after {
content:'общая сумма';
font-size:26px
}

.page-id-9 .wcspc-count.wcspc-count-shake {
display:none
}

img {
max-width:100%;
height:auto
}

.alignnone {
margin:5px 20px 20px 0
}

.metatext {
position:absolute;
overflow:auto;
opacity:0;
z-index:-1
}

.aligncenter,div.aligncenter {
clear:both;
display:block;
margin:5px auto
}

.alignright {
float:right;
margin:5px 0 32px 2em
}

.wp-block-image .alignright {
margin-left:2em
}

.alignleft {
float:left;
margin:5px 2em 32px 0
}

.wp-block-image .alignleft {
margin-right:2em
}

a img.alignright {
float:right;
margin:5px 0 20px 20px
}

a img.alignnone {
display:block;
position:relative;
top:-126px
}

a img.alignleft {
float:left;
margin:5px 20px 20px 0
}

a img.aligncenter {
display:block;
margin-left:auto;
margin-right:auto
}

.wp-caption {
background:#fff;
max-width:96%;
padding:5px 3px 10px;
text-align:center
}

.wp-caption.alignnone {
margin:5px 20px 20px 0
}

.wp-caption.alignleft {
margin:5px 20px 20px 0
}

.wp-caption.alignright {
margin:5px 0 20px 20px
}

.wp-caption img {
border:0 none;
height:auto;
margin:0;
max-width:98.5%;
padding:0;
width:auto
}

.wp-caption p.wp-caption-text {
font-size:11px;
line-height:17px;
margin:0;
padding:0 4px 5px
}

.elementor-nav-menu--toggle .elementor-menu-toggle.elementor-active+.elementor-nav-menu__container {
top:-48px!important;
height:100vh;
max-height:100vh;
animation:borderPulse 1000ms infinite ease-out,blinking 20000ms infinite ease-in!important;
font-size:1.4rem;
display:flex;
flex-direction:column-reverse;
flex-wrap:wrap;
align-content:center;
justify-content:flex-end;
align-items:flex-end
}

.elementor-423 .elementor-element.elementor-element-e711c84 .elementor-nav-menu--dropdown a:hover {
color:#000
}

body:not(.rtl) .elementor-423 .elementor-element.elementor-element-e711c84 {
width:50px
}

.elementor-423 .elementor-element.elementor-element-e711c84 .elementor-nav-menu--dropdown .elementor-item {
text-align:center;
display:block;
color:#000;
font-size:1em;
line-height:1.6em;
border-bottom:solid 2px #00000014;
letter-spacing:4px!important
}

.elementor-222 .elementor-element.elementor-element-50408a1 {
z-index:12!important
}

.elementor-423 .elementor-element.elementor-element-e711c84 .elementor-menu-toggle {
font-size:32px!important;
width:60px;
height:60px;
text-align:center;
cursor:pointer;
position:fixed;
left:0;
top:16px
}

.elementor-menu-toggle.elementor-active i:before {
display:block;
font-weight:100;
color:#000;
border-radius:3px;
background-color:transparent;
font-size:22px!important;
width:auto;
height:auto;
text-align:center;
cursor:pointer;
position:relative;
left:300px;
top:0;
right:100%;
-webkit-transform:translate(-50%,-120%);
-o-transform:translate(-50%,-120%);
-ms-transform:translate(-50%,-120%);
transform:translate(-50%,-120%)
}

.elementor-menu-toggle.elementor-active {
background-color:transparent!important;
animation:none!important
}

.woocommerce-product-details__short-description h4 {
font-size:16px;
opacity:0;
position:absolute;
font-family:Arial,Helvetica,sans-serif;
height:5px;
font-weight:600
}

.woocommerce-product-details__short-description-wrapper.v2 {
font-size:23px!important
}

.btn-primary:hover {
background-color:transparent
}

.product-block.grid .quickview {
display:none
}

.product-block.grid .groups-button > div {
display:block;
vertical-align:top
}

.grid-inner .title-wrapper {
position:relative;
margin-bottom:56px
}

.product-block.grid .quickview:hover {
background-color:transparent;
background-image:linear-gradient(to left bottom,#82c74d,#fdff8ce6 70%,#fff 100%);
background-image:-moz-linear-gradient(to left bottom,#82c74d,#fdff8ce6 70%,#fff 100%);
background-image:-webkit-linear-gradient(to left bottom,#82c74d,#fdff8ce6 70%,#fff 100%);
background-image:-o-linear-gradient(to left bottom,#82c74d,#fdff8ce6 70%,#fff 100%);
background-image:-ms-linear-gradient(to left bottom,#82c74d,#fdff8ce6 70%,#fff 100%);
color:#000
}

.woocommerce div.product span.price {
background:-webkit-linear-gradient(315deg,#82c74d,#c6f33c 60%);
-webkit-background-clip:text;
-webkit-text-fill-color:transparent;
font-size:32px;
line-height:1.2;
text-align:center;
padding:6px;
display:block
}

.widget.widget-recent_viewed .slick-carousel-top .slick-arrow {
top:-48px
}

.widget.widget-recent_viewed .slick-carousel .slick-arrow {
background:#f3f569;
line-height:18px;
border-radius:6px!important;
font-size:18px;
color:#000
}

.modal {
position:fixed;
top:50%;
left:50%;
transform:translate(-50%,-50%) scale(0.8);
width:1200px;
height:1200px;
background-color:#fff;
box-shadow:0 4px 15px #0000004d;
border-radius:34px;
overflow:hidden;
opacity:0;
transition:transform .4s ease-out,opacity .4s ease-out;
will-change:transform,opacity
}

.modal.is-open {
display:block;
transform:translate(-50%,-50%) scale(1);
opacity:1
}

.modal-content {
display:flex;
justify-content:center;
align-items:center;
flex-direction:column;
height:100%;
position:relative;
padding:0
}

.modal-body {
width:100%;
height:100%;
overflow-y:auto;
padding:40px 20px 20px;
text-align:center;
scrollbar-width:thin;
scrollbar-color:#00000080 #0003
}

.slick-carousel .slick-dots li.slick-active button {
width:40px;
background:-webkit-linear-gradient(180deg,#f3fbac,#b2de4b 100%)
}

.widget.widget-recent_viewed .slick-carousel .slick-arrow:hover,.slick-carousel .slick-arrow:active,.slick-carousel .slick-arrow:focus {
background-color:#a5e294
}

.tab-content.widget.widget-recent_viewed .slick-carousel .slick-arrow:hover,.slick-carousel .slick-arrow:active,.slick-carousel .slick-arrow:focus {
background-color:transparent
}

.breadcrumb i.fa.fa-home {
display:none
}

.apus-breadscrumb .breadcrumb a:hover {
color:#f71c8b9e!important
}

.elementor-shape {
pointer-events:none
}

.apus-breadscrumb .breadcrumb {
color:#000;
position:absolute;
width:100%;
margin-top:16px;
line-height:4;
left:0;
-webkit-transform:translate(0%,-50%);
-o-transform:translate(0%,-50%);
-ms-transform:translate(0%,-50%);
transform:translate(0%,-50%);
padding:30px 22px;
background-color:#ffffff52;
backdrop-filter:blur(28px) saturate(130%) contrast(150%);
-webkit-backdrop-filter:blur(28px) saturate(100%) contrast(150%);
border-bottom-left-radius:20px;
border-bottom-right-radius:20px
}

.apus-breadscrumb .wrapper-breads {
position:inherit
}

.breadcrumb a+a:before,.breadcrumb a+li:before,.breadcrumb>li+a:before,.breadcrumb>li+li:before {
padding:0 0 0 6px;
content:" | "
}

#apus-breadscrumb {
background-image:linear-gradient(45deg,#ef3828,#e7ff14d6)!important;
background-position:center right;
text-transform:uppercase;
letter-spacing:3px;
font-size:11px;
padding:20px 0;
margin-bottom:60px;
margin-top:-33px;
border-bottom-left-radius:20px;
border-bottom-right-radius:20px
}

.breadcrumb a,.breadcrumb>li {
position:relative;
z-index:11
}

#pomogaika .elementor-tab-content p {
letter-spacing:1px;
line-height:2.6rem;
font-family:Arial,Helvetica,sans-serif
}

#pomogaika .elementor-tab-content h1 {
letter-spacing:2px;
line-height:3.8rem;
font-family:'FuturaPT-Bold'
}

#pomogaika .elementor-tab-content h2 {
letter-spacing:2px;
line-height:3rem;
font-family:'FuturaPT-Bold'
}

#pomogaika .elementor-tab-content h3,h4,h5,em,li,ul {
letter-spacing:1px;
line-height:2.6rem;
font-family:Arial,Helvetica,sans-serif
}

.woocommerce-product-details__short-description.hideContent h5 {
font-weight:900
}

.tab-content .slick-carousel.products.slick-initialized.slick-slider .slick-arrow {
font-size:32px;
background:0;
color:#000
}

.woocommerce-checkout button#place_order {
position:absolute;
width:20em;
top:auto;
left:50%;
padding:14px;
margin-top:6px;
-webkit-transform:translate(-50%,-50%);
-o-transform:translate(-50%,-50%);
-ms-transform:translate(-50%,-50%);
transform:translate(-50%,-50%);
background:transparent;
background-image:-ms-linear-gradient(315deg,#ffd3e5,#d3fbac,#fffac2 100%);
background-image:linear-gradient(315deg,#ffd3e5,#d3fbac,#fffac2 100%);
background-image:linear-gradient(315deg,#ffd3e5,#d3fbac,#fffac2 100%);
background-image:-moz-linear-gradient(315deg,#ffd3e5,#d3fbac,#fffac2 100%);
background-image:-webkit-linear-gradient(315deg,#ffd3e5,#d3fbac,#fffac2 100%);
background-image:-o-linear-gradient(315deg,#ffd3e5,#d3fbac,#fffac2 100%);
background-image:-ms-linear-gradient(315deg,#ffd3e5,#d3fbac,#fffac2 100%);
transition:all .3s ease;
border:none;
color:#000000fc!important;
letter-spacing:2px;
border-radius:14px!important;
-webkit-border-radius:14px!important;
-moz-border-radius:14px!important;
-ms-border-radius:14px!important;
-o-border-radius:14px!important
}

.woocommerce-checkout button#place_order:hover {
background:transparent;
color:#000!important;
background-color:transparent;
background-image:-ms-linear-gradient(215deg,#ffd3e5,#d3fbac,#fffac2 100%);
background-image:linear-gradient(215deg,#ffd3e5,#d3fbac,#fffac2 100%);
background-image:linear-gradient(215deg,#ffd3e5,#d3fbac,#fffac2 100%);
background-image:-moz-linear-gradient(215deg,#ffd3e5,#d3fbac,#fffac2 100%);
background-image:-webkit-linear-gradient(215deg,#ffd3e5,#d3fbac,#fffac2 100%);
background-image:-o-linear-gradient(215deg,#ffd3e5,#d3fbac,#fffac2 100%);
background-image:-ms-linear-gradient(215deg,#ffd3e5,#d3fbac,#fffac2 100%)
}

.woocommerce-cart-form {
position:relative;
background-image:linear-gradient(top,#f9f9f97a,#ffffff69,#dadada33);
background-image:-moz-linear-gradient(top,#f9f9f97a,#ffffff69,#dadada33);
background-image:-webkit-linear-gradient(top,#f9f9f97a,#ffffff69,#dadada33);
background-image:-o-linear-gradient(top,#f9f9f97a,#ffffff69,#dadada33);
background-image:-ms-linear-gradient(top,#f9f9f97a,#ffffff69,#dadada33);
border-radius:22px;
padding:22px
}

@-webkit-keyframes anime {
0% {
background-position:0 0
}

25% {
background-position:50% 0
}

50% {
background-position:90% 0
}

60% {
background-position:60%
}

75% {
background-position:40%
}

100% {
background-position:0 0
}
}

@keyframes anime {
0% {
background-position:0 0
}

25% {
background-position:50% 0
}

50% {
background-position:90% 0
}

60% {
background-position:60%
}

75% {
background-position:40%
}

100% {
background-position:0 0
}
}

.sfm-navicon-button.x.sf_label_default {
background:#fff;
border:0
}

ul.sfm-menu-level-0.sfm-menu:hover li:hover {
transform:scale(1);
filter:blur(0px);
opacity:1;
box-shadow:0 8px 20px 0 #00000020
}

@keyframes gradients-menu {
0% {
background-position:0 0
}

25% {
background-position:50% 0
}

50% {
background-position:90% 0
}

60% {
background-position:60%
}

75% {
background-position:40%
}

100% {
background-position:0 0
}
}

.sfm-navicon-button:after {
transform:rotate(-90deg);
letter-spacing:31px;
left:-50%!important;
top:392%!important;
font-size:28px!important
}

.glow-on-hover:before {
content:'';
background:linear-gradient(45deg,#ffd3e5,#faddf3,#fac8de,#faeea6,#fffac2,#d3fbac,#d3fbac,#defcd8,#eaffdf,#c1efcc,#d4fee0,#fee9e4,#faddd5,#ffeacc);
background:-moz-linear-gradient(45deg,#ffd3e5,#faddf3,#fac8de,#faeea6,#fffac2,#d3fbac,#d3fbac,#defcd8,#eaffdf,#c1efcc,#d4fee0,#fee9e4,#faddd5,#ffeacc);
background:-webkit-linear-gradient(45deg,#ffd3e5,#faddf3,#fac8de,#faeea6,#fffac2,#d3fbac,#d3fbac,#defcd8,#eaffdf,#c1efcc,#d4fee0,#fee9e4,#faddd5,#ffeacc);
position:absolute;
top:-2px;
left:-2px;
background-size:400%;
z-index:-1;
filter:blur(20px);
width:calc(100% + 4px);
height:calc(100% + 4px);
animation:glowing 20s linear infinite;
opacity:0;
transition:opacity .3s ease-in-out;
border-radius:14px
}

.glow-on-hover:active {
color:#000
}

.glow-on-hover:active:after {
background:transparent
}

.glow-on-hover:hover:before {
opacity:1
}

.glow-on-hover:after {
z-index:-1;
content:'';
position:absolute;
width:100%;
height:100%;
color:#000;
animation:borderPulseChecout 1000ms infinite ease-out;
left:0;
top:0;
border-radius:14px
}

@keyframes glowing {
0% {
background-position:0 0
}

50% {
background-position:400% 0
}

100% {
background-position:0 0
}
}

.left-inner.clearfix {
padding:16px;
float:right
}

.glow-on-comment:before {
content:'';
background:linear-gradient(45deg,#ffd3e5,#faddf3,#fac8de,#faeea6,#fffac2,#d3fbac,#d3fbac,#defcd8,#eaffdf,#c1efcc,#d4fee0,#fee9e4,#faddd5,#ffeacc);
background:-moz-linear-gradient(45deg,#ffd3e5,#faddf3,#fac8de,#faeea6,#fffac2,#d3fbac,#d3fbac,#defcd8,#eaffdf,#c1efcc,#d4fee0,#fee9e4,#faddd5,#ffeacc);
background:-webkit-linear-gradient(45deg,#ffd3e5,#faddf3,#fac8de,#faeea6,#fffac2,#d3fbac,#d3fbac,#defcd8,#eaffdf,#c1efcc,#d4fee0,#fee9e4,#faddd5,#ffeacc);
position:absolute;
top:-2px;
left:-2px;
background-size:400%;
z-index:-1;
filter:blur(20px);
width:calc(100% + 4px);
height:calc(84% + 4px);
animation:glowing 20s linear infinite;
opacity:0;
transition:opacity .3s ease-in-out;
border-radius:14px
}

.glow-on-comment:active {
color:#000
}

.glow-on-comment:active:after {
background:transparent
}

.glow-on-comment:hover:before {
opacity:1
}

@keyframes glowing {
0% {
background-position:0 0
}

50% {
background-position:400% 0
}

100% {
background-position:0 0
}
}

.submit-anime button {
display:none
}

.submit-anime:after {
content:'whatever it is you want to add';
background:linear-gradient(45deg,#ffd3e5,#faddf3,#fac8de,#faeea6,#fffac2,#d3fbac,#d3fbac,#defcd8,#eaffdf,#c1efcc,#d4fee0,#fee9e4,#faddd5,#ffeacc);
background:-moz-linear-gradient(45deg,#ffd3e5,#faddf3,#fac8de,#faeea6,#fffac2,#d3fbac,#d3fbac,#defcd8,#eaffdf,#c1efcc,#d4fee0,#fee9e4,#faddd5,#ffeacc);
background:-webkit-linear-gradient(45deg,#ffd3e5,#faddf3,#fac8de,#faeea6,#fffac2,#d3fbac,#d3fbac,#defcd8,#eaffdf,#c1efcc,#d4fee0,#fee9e4,#faddd5,#ffeacc);
position:absolute;
top:90%;
left:-2px;
background-size:400%;
z-index:-1;
filter:blur(20px);
width:calc(100% + 4px);
height:calc(10% + 4px);
animation:glowing 20s linear infinite;
opacity:0;
transition:opacity .3s ease-in-out;
border-radius:14px
}

.submit-anime {
z-index:1;
content:'';
position:relative;
color:#000;
animation:borderPulseChecout 1000ms infinite ease-out;
border-radius:14px
}

.submit-anime:active {
color:#000
}

.submit-anime:after {
background:transparent
}

.submit-anime:before {
opacity:1
}

@keyframes glowing {
0% {
background-position:0 0
}

50% {
background-position:400% 0
}

100% {
background-position:0 0
}
}

.agr-recaptcha-wrapper {
float:inherit;
position:relative;
width:50%;
top:auto;
left:58.5%;
padding:14px;
margin-top:6px;
-webkit-transform:translate(-26.8rem,38%);
-o-transform:translate(-26.8rem,38%);
-ms-transform:translate(-26.8rem,38%);
transform:translate(-26.8rem,38%)
}

.comment-form-email {
display:block;
position:relative;
width:56.5%;
top:auto;
border-radius:12px;
left:-5.5%;
padding:14px;
margin-top:6px;
background:#efefef5c;
-webkit-transform:translate(-50%,114%);
-o-transform:translate(-50%,114%);
-ms-transform:translate(-50%,114%);
transform:translate(-50%,114%)
}

.comment-form-author {
display:block;
position:relative;
width:56.5%;
top:auto;
left:100%;
border-radius:12px;
padding:14px;
margin-top:6px;
background-color:#fff;
-webkit-transform:translate(-50%,5%);
-o-transform:translate(-50%,5%);
-ms-transform:translate(-50%,5%);
transform:translate(-50%,5%)
}

#commentform {
background:#f9f9f9;
border-radius:36px;
position:relative;
top:auto;
left:50%;
padding:16px;
-webkit-transform:translate(-50%,5%);
-o-transform:translate(-50%,5%);
-ms-transform:translate(-50%,5%);
transform:translate(-50%,5%)
}

.woocommerce-cart-form thead {
background-image:linear-gradient(top,#f9f9f97a,#ffffff69,#dadada33);
background-image:-moz-linear-gradient(top,#f9f9f97a,#ffffff69,#dadada33);
background-image:-webkit-linear-gradient(top,#f9f9f97a,#fdff8c,#cfffa0,#ffffff85);
background-image:-o-linear-gradient(top,#f9f9f97a,#ffffff69,#dadada33);
background-image:-ms-linear-gradient(top,#f9f9f97a,#ffffff69,#dadada33);
border-radius:22px;
top:-62px;
left:50%;
padding:6px;
width:97.5%;
-webkit-transform:translate(-50%,0%);
-o-transform:translate(-50%,0%);
-ms-transform:translate(-50%,0%);
transform:translate(-50%,0%);
background-image:-ms-linear-gradient(315deg,#fff,#d3fbac,#fff 100%);
margin-top:56px;
display:inherit;
position:absolute
}

.media-left.media-middle {
width:auto
}

.woocommerce-cart-form th.product-thumbnail {
width:11.5%;
text-align:center
}

.woocommerce-cart-form th.product-name {
width:50%;
text-align:center
}

[class^="ti-"],[class*=" ti-"] {
line-height:1!important
}

.cart_totals .woocommerce-Price-amount.amount {
display:block;
width:100%
}

.woocommerce-cart .cart-collaterals .cart_totals table th {
border:0!important;
display:none
}

.woocommerce-page .cart-collaterals .cart_totals {
width:100%
}

.woocommerce div.product form.cart .button {
width:14em;
position:relative;
top:50%;
left:50%;
-webkit-transform:translate(-50%,-50%);
-o-transform:translate(-50%,-50%);
-ms-transform:translate(-50%,-50%);
transform:translate(-50%,-50%);
background:transparent;
background-image:-ms-linear-gradient(315deg,#ffd3e5,#d3fbac,#fffac2 100%);
background-image:linear-gradient(315deg,#ffd3e5,#d3fbac,#fffac2 100%);
transition:all .3s ease;
color:#000;
border:none;
color:#000!important;
letter-spacing:2px;
border-radius:14px;
-webkit-border-radius:14px;
-moz-border-radius:14px;
-ms-border-radius:14px;
-o-border-radius:14px
}

.details-product .price-rating-wrapper {
text-align:center
}

.tab-content>.active {
text-align:center
}

.tab-content>.active#tabs-list-harakteristiki {
opacity:0;
top:50%;
left:50%;
-webkit-transform:translate(-50%,-50%);
-o-transform:translate(-50%,-50%);
-ms-transform:translate(-50%,-50%);
transform:translate(-50%,-5%);
background:#efefef;
border-radius:16px;
padding:3rem;
width:26%;
position:relative;
background:#efefef;
border-radius:16px;
padding:3rem
}

label[for] {
display:none
}

header.elementor-element.elementor-element-abb1623.elementor-section-stretched.elementor-section-content-middle.elementor-section-full_width.elementor-section-height-default.elementor-section-height-default.elementor-section.elementor-top-section {
z-index:1
}

.archive .elementor-shape svg {
display:none
}

.woofc-item-qty-inner .qib-button:not(#qib_id):not(#qib_id) {
height:18px!important;
width:30px!important;
display:none!important
}

.woofc-area.woofc-style-02 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-remove {
z-index:3
}

.woofc-area.woofc-style-02 .woofc-area-mid .woofc-item .woofc-item-inner {
transition:all .5s;
border-radius:0;
-moz-border-radius:0;
-webkit-border-radius:0;
border-radius:12px;
padding:16px;
backdrop-filter:blur(28px);
border-width:0;
border-style:initial;
border-color:initial;
border-image:initial;
background-color:#a7a7a721;
backdrop-filter:blur(22px) saturate(150%) contrast(100%);
-webkit-backdrop-filter:blur(22px) saturate(150%) contrast(100%);
touch-action:manipulation
}

.woofc-area.woofc-style-02 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-qty .woofc-item-qty-inner {
flex-direction:row-reverse
}

.woocommerce-page .quantity input.qty {
border-radius:0!important
}

.woofc-area.woofc-style-02 .woofc-area-mid .woofc-item {
padding:4px 20px
}

.woofc-area.woofc-style-02 .woofc-inner {
background-color:#f3f3f34a;
backdrop-filter:blur(14px) saturate(150%) contrast(100%) grayscale(10);
-webkit-backdrop-filter:blur(14px) saturate(150%) contrast(100%) grayscale(10);
touch-action:manipulation
}

.woofc-area.woofc-style-02 .woofc-area-top {
background-color:#ffffff24;
-webkit-backdrop-filter:blur(22px) saturate(150%) contrast(100%);
backdrop-filter:blur(22px) saturate(150%) contrast(100%);
touch-action:manipulation
}

.woofc-area.woofc-position-01 {
-webkit-transition:transform .3s ease;
-moz-transition:transform .3s ease;
-ms-transition:transform .3s ease;
-o-transition:transform .3s ease;
transition:transform .3s ease;
transition:transform .3s ease
}

.widget_shopping_cart_content {
background-color:#00000042;
background-image:linear-gradient(147deg,#d61ccf57 10%,#f7b9b9 42%,#b9dc2e7a 100%);
background-color:transparent;
backdrop-filter:blur(42px) saturate(42%) contrast(150%);
-webkit-backdrop-filter:blur(42px) saturate(42%) contrast(150%)
}

.woofc-area.woofc-style-02 .woofc-area-bot .woofc-action .woofc-action-inner>div a {
outline:none;
color:#000;
background-color:transparent
}

.woofc-area.woofc-style-02 .woofc-area-bot .woofc-action .woofc-action-inner>div a:hover {
background-color:#747474a1
}

.btn-primary {
background-color:transparent;
margin-bottom:10px;
color:#000
}

.btn-primary:hover,.btn-primary:focus,.btn-primary:active {
color:#000;
background-color:transparent;
background-image:-ms-linear-gradient(to left bottom,#82c74d3b,#fbfd6c54,#fb9d9d61 100%);
background-image:linear-gradient(to left bottom,#82c74d3b,#fbfd6c54,#fb9d9d61 100%)
}

.comment-form-cookies-consent [type=checkbox] {
vertical-align:middle;
margin:0;
margin-right:3px;
margin-bottom:1px
}

p.comment-form-cookies-consent {
display:none
}

#commentform .form-control {
font-family:Arial,Helvetica,sans-serif;
border:0;
background:transparent
}

.woocommerce-page .quantity .minus {
z-index:1;
height:20px!important
}

.tygrupob,.threeob {
position:relative
}

.tygrupob::before,.threeob::before {
display:block;
position:relative;
top:100%;
left:50%;
transform:translate(-50%,-150px);
font-weight:300;
font-family:'arial';
text-align:center;
font-size:1rem;
line-height:1.4rem;
background:#000;
color:#fff;
padding:6px;
border-radius:5px;
max-width:76%;
opacity:0;
pointer-events:none;
z-index:99;
transition:opacity .3s ease,transform .3s ease;
text-indent:3px
}

.tygrupob::after,.threeob::after {
content:"";
position:absolute;
top:calc(78% + 6px);
left:50%;
transform:translate(-50%,-150px);
width:0;
height:0;
border-style:solid;
border-width:6px 6px 0;
border-color:#000 transparent transparent;
opacity:0;
z-index:98;
transition:opacity .3s ease,transform .3s ease
}

.tygrupob:hover::before,.tygrupob:hover::after,.threeob:hover::before,.threeob:hover::after {
opacity:1;
transform:translate(-50%,0)
}

.tygrupob::before {
content:"Вторая группа обрезки клематисов включает виды и сорта, которые цветут дважды за сезон: в начале лета - на прошлогодних побегах, в конце – на побегах текущего года. Для них подходит легкая обрезка, побеги укорачивают до высоты 1 м.";
transform:translate(-50%,-150px);
max-width:76%
}

.tygrupob::after {
transform:translate(-50%,-150px)
}

.threeob::before {
content:"3 (сильная) группа обрезки выделяется тем, что обильное цветение, в среднем, начинается в июне и длится до заморозков сентября - октября. Такие клематисы обрезаются в конце осени почти под самый низ, оставляя 2-3 почки.";
transform:translate(-50%,-10px);
max-width:70%
}

.threeob::after {
transform:translate(-50%,-10px)
}

h3.product-cat.threeob {
cursor:pointer
}

h3.product-cat.tygrupob {
cursor:pointer
}

.tooltip {
position:fixed;
background-color:#fefefe;
color:#000;
padding:10px;
border-radius:8px;
opacity:0;
pointer-events:none;
transition:opacity .3s ease-in-out;
font-size:12px;
max-width:300px;
text-align:left;
z-index:1000;
box-shadow:0 2px 6px #0003;
display:flex!important;
gap:10px;
flex-direction:row;
align-items:center
}

.tooltip-visible {
opacity:1;
display:block
}

.tooltip.tooltip-visible > strong {
display:contents
}

figure {
position:relative
}

.woocommerce-tabs.tabs-v1 > div.tap-top > ul > li:nth-child(2) > a {
display:none
}

.elementor-element-36c64a7 img[title] {
pointer-events:none;
pointer-events:none
}

.tab-pane img[title] {
pointer-events:none
}

.pswp {
z-index:10020
}

.zhome .widget-title {
font-size:26px;
text-transform:uppercase;
letter-spacing:3px;
text-align:center
}

.zhome .widget-title:after {
display:none
}

.dgwt-wcas-no-submit .dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input {
display:none
}

.elementor-423 .elementor-element.elementor-element-e711c84 .elementor-nav-menu--dropdown .elementor-item,.elementor-423 .elementor-element.elementor-element-e711c84 .elementor-nav-menu--dropdown .elementor-sub-item {
display:contents
}

a.elementor-sub-item.elementor-item-active {
color:#e4436e
}

#tabs-list-osobeenosti {
display:flex;
align-content:flex-end;
flex-direction:row;
flex-wrap:nowrap;
justify-content:flex-end;
align-items:flex-start;
width:100%
}

#tabs-list-osobeenostiv2 {
display:flex;
align-content:flex-end;
flex-direction:row;
flex-wrap:nowrap;
justify-content:flex-end;
align-items:flex-start;
width:70%
}

#tabs-list-osobeenostiv3 {
width:70%
}

.product-block.grid .add-cart:after {
-o-transition:all .2s ease-in-out 0s;
content:"купить";
position:relative;
z-index:-1;
-moz-border-radius:40px;
-ms-border-radius:40px;
-o-border-radius:40px;
text-transform:uppercase;
letter-spacing:2px;
opacity:0;
font-size:20px;
font-family:'FuturaPT-Bold';
background:transparent!important;
display:inline-block;
overflow:visible;
-o-transition:all .3s ease-in-out 0s;
-o-transition:all .3s ease-in-out 0s;
left:0;
vertical-align:initial;
zoom:1;
line-height:46px;
height:auto;
cursor:pointer;
color:#000
}

.tooltip-image {
max-width:70px!important;
height:auto!important;
margin-bottom:5px;
display:block
}

.archive .btn.btn-standard {
background-image:url(data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M0%2012.727c0-1.004.814-1.818%201.818-1.818h5.455c1.004%200%201.818.814%201.818%201.818v5.455A1.818%201.818%200%200%201%207.273%2020H1.818A1.818%201.818%200%200%201%200%2018.182v-5.455Zm6.364%200a.91.91%200%200%201%20.909.91v3.636a.91.91%200%200%201-.91.909H2.728a.91.91%200%200%201-.909-.91v-3.636a.91.91%200%200%201%20.91-.909h3.636ZM0%201.818C0%20.814.814%200%201.818%200h5.455C8.277%200%209.09.814%209.09%201.818v5.455A1.818%201.818%200%200%201%207.273%209.09H1.818A1.818%201.818%200%200%201%200%207.273V1.818Zm6.364%200a.91.91%200%200%201%20.909.91v3.636a.91.91%200%200%201-.91.909H2.728a.91.91%200%200%201-.909-.91V2.728a.91.91%200%200%201%20.91-.909h3.636ZM12.727%200a1.818%201.818%200%200%200-1.818%201.818v5.455c0%201.004.814%201.818%201.818%201.818h5.455A1.818%201.818%200%200%200%2020%207.273V1.818A1.818%201.818%200%200%200%2018.182%200h-5.455Zm5.455%202.727a.91.91%200%200%200-.91-.909h-3.636a.91.91%200%200%200-.909.91v3.636c0%20.502.407.909.91.909h3.636a.91.91%200%200%200%20.909-.91V2.728ZM10.91%2012.727c0-1.004.813-1.818%201.817-1.818h5.455c1.004%200%201.818.814%201.818%201.818v5.455A1.818%201.818%200%200%201%2018.182%2020h-5.455a1.818%201.818%200%200%201-1.818-1.818v-5.455Zm6.363%200a.91.91%200%200%201%20.909.91v3.636a.91.91%200%200%201-.91.909h-3.636a.91.91%200%200%201-.909-.91v-3.636a.91.91%200%200%201%20.91-.909h3.636Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E)
}

.archive .btn.btn-big {
background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 28 28"><path d="M0,0V28H28V0ZM1.75,1.75H13.125v24.5H1.75Zm24.5,24.5H14.875V1.75H26.25Z"/></svg>')
}

.archive .btn.btn-small {
background-image:url(data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M15.9%201.5a.4.4%200%200%200-.4.4v2.2c0%20.22.18.4.4.4h2.2a.4.4%200%200%200%20.4-.4V1.9a.4.4%200%200%200-.4-.4h-2.2ZM15%200a1%201%200%200%200-1%201v4a1%201%200%200%200%201%201h4a1%201%200%200%200%201-1V1a1%201%200%200%200-1-1h-4ZM15.9%208.5a.4.4%200%200%200-.4.4v2.2c0%20.22.18.4.4.4h2.2a.4.4%200%200%200%20.4-.4V8.9a.4.4%200%200%200-.4-.4h-2.2ZM15%207a1%201%200%200%200-1%201v4a1%201%200%200%200%201%201h4a1%201%200%200%200%201-1V8a1%201%200%200%200-1-1h-4ZM15.9%2015.5a.4.4%200%200%200-.4.4v2.2c0%20.22.18.4.4.4h2.2a.4.4%200%200%200%20.4-.4v-2.2a.4.4%200%200%200-.4-.4h-2.2ZM15%2014a1%201%200%200%200-1%201v4a1%201%200%200%200%201%201h4a1%201%200%200%200%201-1v-4a1%201%200%200%200-1-1h-4ZM8.9%2015.5a.4.4%200%200%200-.4.4v2.2c0%20.22.18.4.4.4h2.2a.4.4%200%200%200%20.4-.4v-2.2a.4.4%200%200%200-.4-.4H8.9ZM8%2014a1%201%200%200%200-1%201v4a1%201%200%200%200%201%201h4a1%201%200%200%200%201-1v-4a1%201%200%200%200-1-1H8ZM1.9%2015.5a.4.4%200%200%200-.4.4v2.2c0%20.22.18.4.4.4h2.2a.4.4%200%200%200%20.4-.4v-2.2a.4.4%200%200%200-.4-.4H1.9ZM1%2014a1%201%200%200%200-1%201v4a1%201%200%200%200%201%201h4a1%201%200%200%200%201-1v-4a1%201%200%200%200-1-1H1ZM1.9%208.5a.4.4%200%200%200-.4.4v2.2c0%20.22.18.4.4.4h2.2a.4.4%200%200%200%20.4-.4V8.9a.4.4%200%200%200-.4-.4H1.9ZM1%207a1%201%200%200%200-1%201v4a1%201%200%200%200%201%201h4a1%201%200%200%200%201-1V8a1%201%200%200%200-1-1H1ZM8.9%208.5a.4.4%200%200%200-.4.4v2.2c0%20.22.18.4.4.4h2.2a.4.4%200%200%200%20.4-.4V8.9a.4.4%200%200%200-.4-.4H8.9ZM8%207a1%201%200%200%200-1%201v4a1%201%200%200%200%201%201h4a1%201%200%200%200%201-1V8a1%201%200%200%200-1-1H8ZM8.9%201.5a.4.4%200%200%200-.4.4v2.2c0%20.22.18.4.4.4h2.2a.4.4%200%200%200%20.4-.4V1.9a.4.4%200%200%200-.4-.4H8.9ZM8%200a1%201%200%200%200-1%201v4a1%201%200%200%200%201%201h4a1%201%200%200%200%201-1V1a1%201%200%200%200-1-1H8ZM1.9%201.5a.4.4%200%200%200-.4.4v2.2c0%20.22.18.4.4.4h2.2a.4.4%200%200%200%20.4-.4V1.9a.4.4%200%200%200-.4-.4H1.9ZM1%200a1%201%200%200%200-1%201v4a1%201%200%200%200%201%201h4a1%201%200%200%200%201-1V1a1%201%200%200%200-1-1H1Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E)
}

.archive .btn.btn-full {
background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 28 28"><g transform="translate(-2 -2)"><path d="M26.2,2H5.8A3.8,3.8,0,0,0,2,5.8V26.2A3.8,3.8,0,0,0,5.8,30H26.2A3.8,3.8,0,0,0,30,26.2V5.8A3.8,3.8,0,0,0,26.2,2ZM28,5.8V15H17V4h9.2A1.8,1.8,0,0,1,28,5.8ZM4,26.2V5.8A1.8,1.8,0,0,1,5.8,4H15V28H5.8A1.8,1.8,0,0,1,4,26.2ZM26.2,28H17V17H28v9.2A1.8,1.8,0,0,1,26.2,28Z"/></g></svg>')
}

.tooltip-text {
flex:1
}

.archive .widget-content.woocommerce .slick-carousel.slick-carousel .slick-track {
width:auto!important
}

.newapplestyle button:hover {
background-color:#e7e7e7;
color:#000
}

h2.elementor-heading-title.elementor-size-default a {
color:#ededed
}

h2.elementor-heading-title.elementor-size-default a:hover {
color:#d8d8d8
}

.popup-product-details.shown > button:nth-child(2) {
height:34px;
position:absolute;
top:15px;
top:15px!important;
right:65px!important;
background:none!important;
border:none!important;
font-size:1.3em!important;
margin:0!important;
padding:0!important;
z-index:1000!important;
display:inline-block!important;
transform:translate(0,0)!important;
will-change:transform!important;
box-sizing:border-box!important;
line-height:normal!important
}

.product-block.grid .groups-button .add-cart .added_to_cart,.product-block.grid .groups-button .add-cart .button {
webkit-transition:all .2s ease-in-out 0s;
-o-transition:all .2s ease-in-out 0s;
transition:all .2s ease-in-out 0s;
mix-blend-mode:multiply;
overflow:hidden;
color:#000000de;
padding:0;
line-height:40px;
text-transform:uppercase;
letter-spacing:2px;
font-family:'arial';
width:86%;
top:0;
left:0;
-webkit-transform:translate(9%,2%);
-o-transform:translate(9%,2%);
-ms-transform:translate(9%,2%);
transform:translate(9%,2%);
font-size:20px;
font-weight:900;
height:2.1em;
position:absolute;
-webkit-transition:all .3s ease-in-out 0s;
-o-transition:all .3s ease-in-out 0s;
transition:all .3s ease-in-out 0s;
background:linear-gradient(45deg,#ffd3e5,#faddf3,#fac8de,#faeea6,#fffac2,#d3fbac,#d3fbac,#defcd8,#eaffdf,#c1efcc,#d4fee0,#fee9e4,#faddd5,#ffeacc);
background:-moz-linear-gradient(45deg,#ffd3e5,#faddf3,#fac8de,#faeea6,#fffac2,#d3fbac,#d3fbac,#defcd8,#eaffdf,#c1efcc,#d4fee0,#fee9e4,#faddd5,#ffeacc);
background:-webkit-linear-gradient(45deg,#ffd3e5,#faddf3,#fac8de,#faeea6,#fffac2,#d3fbac,#d3fbac,#defcd8,#eaffdf,#c1efcc,#d4fee0,#fee9e4,#faddd5,#ffeacc);
background-size:200%;
border-radius:12px;
transition:opacity .3s ease-in-out!important;
animation:borderPulseChecout 1000ms infinite ease-out
}

.product-block.grid .groups-button .add-cart .added_to_cart:before,.product-block.grid .groups-button .add-cart .button:before {
-webkit-transition:all .3s ease-in-out 0s;
-o-transition:all .3s ease-in-out 0s;
transition:all .3s ease-in-out 0s;
color:#252525;
position:absolute;
top:0;
left:0;
vertical-align:initial;
border-radius:40px;
-webkit-border-radius:40px;
-moz-border-radius:40px;
-ms-border-radius:40px;
-o-border-radius:40px;
width:40px;
height:40px;
z-index:2;
zoom:1;
line-height:38px;
background:#eaeff4;
font-size:30px;
animation:borderPulse 1000ms infinite ease-out,blinking 20000ms infinite ease-in!important
}

.col-lg-cs-1 .product-block.grid {
height:auto;
min-height:460px
}

.col-lg-cs-3 .product-block.grid {
height:auto;
min-height:500px
}

.col-lg-cs-4 .product-block.grid {
height:auto;
min-height:600px
}

.col-lg-cs-3 .product-block.grid {
height:auto;
min-height:500px
}

.wrapper-fillter .btn {
width:20px;
height:20px;
background:transparent;
background-repeat:no-repeat;
background-position:center;
background-size:contain;
opacity:.29;
transition:opacity .3s ease 0s
}

.newapplestyle .close-button {
position:absolute;
top:10px;
right:10px;
border:none!important;
background-color:#ccc!important;
border-radius:15px!important;
width:30px;
height:30px;
padding:0!important;
contain-intrinsic-block-size:AUTO 100PX;
line-height:30px;
text-align:center;
font-size:20px!important;
cursor:pointer
}

.tabmenu-modal .modal-content a {
display:block;
padding:15px;
text-decoration:none;
color:#a7a7a7;
border-bottom:1px solid #f1f1f1;
font-size:16px
}

.tabmenu-modal .modal-content a:hover {
background-color:#ade4f7;
color:#000
}

.single-product .elementor-section.elementor-top-section.elementor-element.elementor-element-abb1623.elementor-section-stretched.elementor-section-content-middle.elementor-section-full_width.elementor-section-height-default.lazyloaded {
display:none
}

.single-product .apus-breadscrumb .breadcrumb {
color:#fff;
position:absolute;
margin-top:2px;
padding-top:38px;
padding-left:24px;
left:0;
text-align:left;
border-radius:31px;
flex-wrap:nowrap;
font-size:14px!important;
flex-direction:column;
justify-content:center;
align-items:flex-start
}

.single-product .apus-breadscrumb .breadcrumb a {
transition:background-color .3s ease;
padding:4px
}

.single-product .apus-breadscrumb .breadcrumb a:hover {
background-color:#ffffff1a;
color:#969696!important;
border-radius:6px
}

.single-product .left-arrow,.right-arrow {
background:#f5deb300;
vertical-align:middle;
background-color:transparent;
width:auto;
height:auto;
padding:12px;
font-size:0;
line-height:1;
background:#ffffff12;
border-radius:10px;
border:solid 6px #fff0;
box-shadow:0 2px 16px #00000014;
cursor:pointer;
position:absolute;
display:none;
backdrop-filter:blur(7px);
color:#fff
}

.apus-after-loop-shop .woocommerce-result-count {
text-align:center;
margin:4px 0 0;
position:absolute;
left:50%;
transform:translateX(-50%);
font-family:'FuturaPT-Demi';
font-size:17px;
font-weight:700;
width:240px;
border:none;
padding:6px;
cursor:pointer;
z-index:93;
background:#fff;
border-radius:10px;
color:#3d3d3d;
max-height:90%;
box-shadow: 0 2px 4px rgb(176 176 176);
}

.right-arrow:hover {
background:#6a686833
}

.left-arrow:hover {
background:#6a686833
}

.wrapper-fillter .btn.active {
opacity:1;
box-shadow:none
}

.archive .col-md-3.col-xs-12.right-inner {
float:right
}

#tabs-list-osobeenosti figure,#tabs-list-osobeenostiv2 figure {
position:relative;
overflow:hidden;
transition:transform .3s ease,filter .3s ease
}

#tabs-list-osobeenosti figure::before,#tabs-list-osobeenostiv2 figure::before {
content:'';
position:absolute;
top:0;
left:-100%;
width:200%;
height:100%;
background:linear-gradient(to right,#fffc,#fff0);
transform:scaleX(1.5);
opacity:0;
transition:opacity .5s ease,transform .5s ease;
pointer-events:none
}

#tabs-list-osobeenosti figure:hover::before,#tabs-list-osobeenostiv2 figure:hover::before {
opacity:1;
transform:scaleX(1) translateX(100%)
}

#tabs-list-osobeenosti figure:hover,#tabs-list-osobeenostiv2 figure:hover {
cursor:pointer;
-webkit-text-fill-color:#000000fa;
background:linear-gradient(45deg,#fff0 35%,#ffffffb3,#fff0 65%) -100% / 50% no-repeat #fff0;
background-clip:text;
-webkit-background-clip:text;
animation:shark-txt 2s infinite;
transform:scale(1.1)
}

@keyframes shark-txt {
from {
background-position:-100%
}

to {
background-position:200%
}
}

@keyframes shine {
0% {
transform:translateX(-100%) translateY(-100%)
}

50% {
transform:translateX(100%) translateY(100%)
}

100% {
transform:translateX(200%) translateY(200%)
}
}

.woocommerce #reviews #comments h2 {
display:none
}

.submit-anime {
width:260px;
color:#000!important;
height:56px;
border:0;
background:transparent;
background-image:-ms-linear-gradient(315deg,#ffd3e5,#d3fbac,#fffac2 100%);
background-image:linear-gradient(315deg,#ffd3e5,#d3fbac,#fffac2 100%);
background-image:linear-gradient(315deg,#ffd3e5,#d3fbac,#fffac2 100%);
background-image:-moz-linear-gradient(315deg,#ffd3e5,#d3fbac,#fffac2 100%);
background-image:-webkit-linear-gradient(315deg,#ffd3e5,#d3fbac,#fffac2 100%);
background-image:-o-linear-gradient(315deg,#ffd3e5,#d3fbac,#fffac2 100%);
background-image:-ms-linear-gradient(315deg,#ffd3e5,#d3fbac,#fffac2 100%);
transition:all .3s ease
}

.submit-anime:before {
font-family:'FuturaPT-Bold';
content:"отправить";
font-size:2rem;
letter-spacing:5px;
line-height:5.5rem;
display:flex;
flex-wrap:wrap;
flex-direction:column;
align-content:space-around;
justify-content:space-between;
align-items:stretch
}

.submit-anime:hover::after {
background:linear-gradient(45deg,#ffd3e5,#faddf3,#fac8de,#faeea6,#fffac2,#d3fbac,#d3fbac,#defcd8,#eaffdf,#c1efcc,#d4fee0,#fee9e4,#faddd5,#ffeacc);
background:-moz-linear-gradient(45deg,#ffd3e5,#faddf3,#fac8de,#faeea6,#fffac2,#d3fbac,#d3fbac,#defcd8,#eaffdf,#c1efcc,#d4fee0,#fee9e4,#faddd5,#ffeacc);
background:-webkit-linear-gradient(45deg,#ffd3e5,#faddf3,#fac8de,#faeea6,#fffac2,#d3fbac,#d3fbac,#defcd8,#eaffdf,#c1efcc,#d4fee0,#fee9e4,#faddd5,#ffeacc);
position:absolute;
top:-2px;
left:-2px;
opacity:1;
background-size:400%;
filter:blur(20px);
width:calc(100% + 4px);
height:calc(100% + 4px);
animation:glowing 20s linear infinite;
transition:opacity .3s ease-in-out
}

.notification {
position:fixed;
top:-100px;
left:50%;
transform:translateX(-50%);
background:#000;
color:#fff;
padding:20px;
border-radius:15px;
box-shadow:0 0 10px #0000004d;
will-change:transform,opacity;
display:flex;
align-items:center;
justify-content:center
}

.notification svg {
margin-right:10px
}

#commentform .form-control {
font-size:13px
}

#commentform .form-control::-webkit-input-placeholder {
color:#525252
}

.stars {
background: #efefef69;
display: block;
width: 98.5%;
top: auto;
zoom: 0.8;
border-radius: 12px;
left: 49%;
padding: 12px !important;
margin-top: 6px;
-webkit-transform: translate(-50%, 78%);
-o-transform: translate(-50%,78%);
-ms-transform: translate(-50%,78%);
transform: translate(-50%, 78%);
}

.comment-text.media-body.glow-on-comment:hover {
background:#fff3
}

.customer-comment .media {
padding:22px;
border-radius:12px;
background:#f7f7f7
}

.customer-comment .media:hover {
background:transparent
}

@-webkit-keyframes bop {
0% {
transform:scale(0.9)
}

50%,100% {
transform:scale(1)
}
}

@keyframes bop {
0% {
transform:scale(0.9)
}

50%,100% {
transform:scale(1)
}
}

@-webkit-keyframes bopB {
0% {
transform:scale(0.9)
}

80%,100% {
transform:scale(1) rotateZ(-3deg)
}
}

@keyframes bopB {
0% {
transform:scale(0.9)
}

80%,100% {
transform:scale(1) rotateZ(-3deg)
}
}

.inogorodny .woocommerce-input-wrapper label.radio {
cursor:help
}

.inogorodny .woocommerce-input-wrapper .radio:hover::before {
opacity:1;
bottom:90%;
left:2%
}

.inogorodny .woocommerce-input-wrapper .radio::before {
content:"кликните для информации";
text-indent:3px;
display:inline-block;
z-index:99;
-webkit-text-fill-color:#fff;
position:absolute;
font-weight:300;
bottom:50%;
font-family:arial;
text-align:justify;
font-size:12px;
line-height:1.6rem;
letter-spacing:0;
opacity:0;
max-width:83%;
pointer-events:none;
color:#000!important;
background:#000;
padding:16px;
border-radius:5px;
transition:all .3s ease 0s;
overflow:hidden
}

.modal-backdrop.in {
display:none
}

.single-product.woocommerce #respond input#submit {
border:none;
color:#afc796;
letter-spacing:3px;
border-radius:0;
width:40%;
position:relative;
top:50%;
left:20%;
background-color:#fff;
-webkit-transform:translate(-50%,0%);
-o-transform:translate(-50%,0%);
-ms-transform:translate(-50%,0%);
transform:translate(-50%,0%);
background-image:-ms-linear-gradient(315deg,#fff,#d3fbac,#fff 100%);
background-image:linear-gradient(315deg,#fff,#d3fbac,#fff 100%)
}

.archive .text-theme {
font-size:12px;
letter-spacing:0
}

.popup-product-details.dark-theme,.popup-product-details.dark-theme * {
background-color:#000;
color:#fff!important
}

.popup-product-details.dark-theme a {
color:#fff
}

.popup-product-details.dark-theme .popup__close-btn::before {
background-color:#fff
}

.popup-product-details.dark-theme .popup__close-btn::after {
background-color:#fff
}

.single-product .col-md-7 {
position:-webkit-sticky;
position:sticky;
top:0;
-webkit-transition:all .4s ease-in-out;
transition:all .4s ease-in-out
}

@keyframes stickyRemove {
0% {
transform:scale(1) translateY(0);
opacity:1
}

20% {
transform:scale(0.9) translateY(-5px);
opacity:.8
}

40% {
transform:scale(1.05) translateY(3px);
opacity:.6
}

60% {
transform:scale(0.95) translateY(-3px);
opacity:.4
}

80% {
transform:scale(1) translateY(0);
opacity:.2
}

100% {
transform:scale(0.8) translateY(-10px);
opacity:0
}
}

.page-img-size {
width:100%!important
}

.single-product .wp-caption-text {
font-family:arial;
font-size:1.3rem;
padding:8px;
line-height:1.5rem;
font-weight:900;
text-transform:lowercase;
color:#181818
}

.page-id-10 .button.glow-on-hover {
background:transparent;
background-color:transparent;
background:linear-gradient(16deg,#ffd3e5,#faddf3,#fac8de,#faeea6,#fffac2,#d3fbac,#d3fbac,#defcd8,#eaffdf,#c1efcc,#d4fee0,#fee9e4,#faddd5,#ffeacc);
background:-moz-linear-gradient(45deg,#ffd3e5,#faddf3,#fac8de,#faeea6,#fffac2,#d3fbac,#d3fbac,#defcd8,#eaffdf,#c1efcc,#d4fee0,#fee9e4,#faddd5,#ffeacc);
background:-webkit-linear-gradient(16deg,#ffd3e5,#faddf3,#fac8de,#faeea6,#fffac2,#d3fbac,#d3fbac,#defcd8,#eaffdf,#c1efcc,#d4fee0,#fee9e4,#faddd5,#ffeacc);
background:-ms-linear-gradient(16deg,#ffd3e5,#faddf3,#fac8de,#faeea6,#fffac2,#d3fbac,#d3fbac,#defcd8,#eaffdf,#c1efcc,#d4fee0,#fee9e4,#faddd5,#ffeacc);
background:-o-linear-gradient(16deg,#ffd3e5,#faddf3,#fac8de,#faeea6,#fffac2,#d3fbac,#d3fbac,#defcd8,#eaffdf,#c1efcc,#d4fee0,#fee9e4,#faddd5,#ffeacc);
border-radius:14px;
background-size:206%;
backdrop-filter:blur(122px)
}

.page-id-10 .button.glow-on-hover:hover {
background:transparent
}

.woocommerce #respond input#submit:hover {
background-image:-ms-linear-gradient(to left bottom,#82c74d,#fbfd6ce6,#fff 100%);
background-image:linear-gradient(to left bottom,#82c74d,#fbfd6ce6,#fff 100%);
transition:all .3s ease;
color:#afc796!important;
color:#000!important
}

.page-id-462 .elementor-widget:not(:last-child) {
margin-bottom:20px;
line-height:43px
}

.wcpa_form_item.wcpa_type_paragraph blockquote {
overscroll-behavior-x:contain;
display:flex;
height:246px!important;
max-height:256px;
padding:7px!important;
border:solid 3px #e9e9e91c;
background-color:#f6f6f9;
border-radius:12px;
cursor:pointer;
overflow:auto;
font-size:0;
flex-wrap:wrap;
justify-content:space-between;
flex-direction:column
}

/* CSS */
.single-product.woocommerce #respond input#submit {
    width: 14em;
    left: 10rem;
    background: linear-gradient(315deg, #ffd3e5, #d3fbac, #fffac2);
    transition: all 0.3s ease;
    color: #000 !important;
    border: none;
    letter-spacing: 2px;
    border-radius: 14px;
    padding: 10px 20px; /* Добавлено для лучшего вида */
    cursor: pointer; /* Добавлено для указания кликабельности */
}

.single-product.woocommerce #respond input#submit::before {
    content: '';
    position: absolute;
    top: -2px;
    left: -2px;
    background: linear-gradient(45deg, #ffd3e5, #faddf3, #fac8de, #faeea6, 
                               #fffac2, #d3fbac, #d3fbac, #defcd8, #eaffdf, 
                               #c1efcc, #d4fee0, #fee9e4, #faddd5, #ffeacc);
    background-size: 400%;
    z-index: -1;
    filter: blur(20px);
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    animation: glowing 20s linear infinite;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
    border-radius: 14px;
}

.single-product.woocommerce #respond input#submit::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: -1;
    left: 0;
    top: 0;
    border-radius: 14px;
    animation: borderPulseChecout 1s ease-out infinite;
}

/* Эффект при наведении */
.single-product.woocommerce #respond input#submit:hover::before {
    opacity: 1;
}


/* Keyframes */
@keyframes glowing {
    0% { background-position: 0 0; }
    50% { background-position: 400% 0; }
    100% { background-position: 0 0; }
}

@keyframes borderPulseChecout {
    0% {
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7);
    }
    70% {
        box-shadow: 0 0 0 10px rgba(255, 255, 255, 0);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    }
}

.wcpa_form_item.wcpa_type_paragraph blockquote img {
display:block;
height:auto;
background-color:#f6f6f9;
width:100%;
max-width:300px;
padding:2px!important;
margin:0 auto!important;
border-radius:12px;
cursor:pointer;
overflow:hidden;
object-fit:cover
}

.woocommerce #reviews #comments ol.commentlist ul.children {
display:inline
}

.woocommerce-page .quantity .plus:hover,.woocommerce-page .quantity .minus:hover {
background-color:transparent;
color:#000;
border:none;
border-radius:0;
background-image:-ms-linear-gradient(215deg,#ffd3e5,#d3fbac,#fffac2 100%);
background-image:linear-gradient(215deg,#d3fbac,#fffac2 100%)
}

.tabs-v1 .nav-tabs>li.active>a {
background:transparent;
color:#000;
letter-spacing:1px;
background-image:-ms-linear-gradient(415deg,#ffd3e5,#d3fbac,#fffac2 100%);
background-image:linear-gradient(415deg,#ffd3e5,#d3fbac,#fffac2 100%)
}

.single-product .review-image-upload #image-preview img {
    position: relative;
    left: -28px;
    top: 13px;
    width: 80px; 

}

#tabs-list-osobeenosti {
display:flex;
flex-wrap:wrap;
justify-content:center;
gap:10px;
padding:20px
}

#tabs-list-osobeenosti figure {
flex:0 1 auto;
width:120px;
text-align:center;
transition:all .3s ease
}

#tabs-list-osobeenostiv2.tab-pane {
display:none
}

#tabs-list-osobeenosti.tab-pane {
display:none
}

#tabs-list-osobeenosti.tab-pane.active {
display:flex
}

#tabs-list-osobeenostiv2.tab-pane.active {
display:flex
}

.nav-tabs {
border-radius:10px
}

.tabs-v1 .nav-tabs>li>a {
border-radius:10px
}

.single-product .review-image-upload {
    display: flex;
    flex-direction: column;
    align-content: space-between;
    justify-content: space-between;
}

.single-product .review-image-upload #upload-progress {
    width: 100%!important;
}


.single-product .review-image-upload #image-preview img {
    position: relative;
    left: -28px;
    top: 13px;
    width: 80px;
    height: 100px;
    object-fit: cover;
    max-width: 100%;
    transition: transform 0.3s ease-in-out; /* Плавный эффект */
}

.single-product .review-image-upload #image-preview img:hover {
    transform: scale(1.2); /* Увеличение при наведении */
    z-index: 10; /* Поднимаем изображение над другими элементами */
}



.details-product.layout-v2 .tabs-v1 .tab-content {
border:0;
border:0
}

.woocommerce div.product form.cart .button:hover {
background-image:-ms-linear-gradient(215deg,#ffd3e5,#d3fbac,#fffac2 100%);
background-image:linear-gradient(215deg,#ffd3e5,#d3fbac,#fffac2 100%);
color:#4c4c4c!important;
background-color:transparent
}

.woocommerce-checkout #payment ul.payment_methods li label {
position:relative;
text-align:center;
display:inline-block;
top:12px;
left:50%;
-webkit-transform:translate(-50%,-50%);
-o-transform:translate(-50%,-50%);
-ms-transform:translate(-50%,-50%);
transform:translate(-50%,-50%)
}

.woocommerce-checkout #payment div.payment_box::before {
left:11.5rem
}

.wc-block-components-notice-banner.is-info {
border-radius:10px;
background-color:transparent!important;
color:#000;
padding:20px;
box-shadow:0 0 10px #0003;
font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
backdrop-filter:blur(10px);
border:0;
position:fixed;
width:26em;
top:auto;
left:50%;
cursor:pointer;
-webkit-transform:translate(-52%,620%);
-o-transform:translate(-52%,620%);
-ms-transform:translate(-52%,620%);
transform:translate(-52%,620%);
transform-box:inherit;
z-index:12;
margin:8px;
display:flex;
align-items:center;
flex-direction:row
}

.wc-block-components-notice-banner.is-info>svg {
background-color:transparent!important;
fill:#fffc;
background-color:#2f2f2f;
flex-grow:0;
flex-shrink:0;
height:100%;
zoom:1.6;
padding:0;
background-image:-webkit-linear-gradient(42deg,#f52323 0%,#ffa7e1 33%,#ff5956 66%,#ff9292 100%);
background-image:-moz-linear-gradient(-225deg,#c1c1c1 0%,#b9b9b9 33%,#fff 66%,#b7b7b7 100%);
background-image:-ms-linear-gradient(-225deg,#c1c1c1 0%,#b9b9b9 33%,#fff 66%,#b7b7b7 100%);
background-image:-o-linear-gradient(-225deg,#c1c1c1 0%,#b9b9b9 33%,#fff 66%,#b7b7b7 100%);
background-size:360% auto;
border-radius:50%
}

.woocommerce-NoticeGroup.woocommerce-NoticeGroup-checkout .wc-block-components-notice-banner.is-error {
background:#000;
font-family:'FuturaPT-Bold';
border:0;
color:#fff;
border-radius:20px;
max-width:600px;
position:absolute;
right:-44%;
font-size:11px;
top:23.5%;
z-index:99;
display:flex;
flex-direction:row-reverse;
flex-wrap:nowrap;
align-items:flex-end
}

.wc-block-components-notice-banner.is-error>svg {
background-color:#ff3838;
right:12px;
position:relative
}

.woocommerce-checkout #payment ul.payment_methods li .payment_box {
border:0;
margin:0;
width:63%;
font-size:11px;
margin-bottom:2rem;
text-align:center;
border-radius:12px;
top:29px;
left:50%;
-webkit-transform:translate(-50%,-50%);
-o-transform:translate(-50%,-50%);
-ms-transform:translate(-50%,-50%);
transform:translate(-50%,-50%)
}

.mini-cart .count {
background-color:#000!important
}

li.menu-item-6358 {
display:none
}

.woocommerce-info {
background:-webkit-linear-gradient(315deg,#c6f33c91,#fb90ce7a 100%);
text-align:center;
font-size:16px;
text-transform:uppercase;
color:#3e4a32;
letter-spacing:3px;
border-image-slice:1;
border-width:4px;
border-image-source:linear-gradient(to left,#f7a7d0,#a3f190)
}

.woocommerce-info::before {
display:none
}

.term-description {
opacity:0;
position:absolute;
z-index:-1
}

.elementor-222 .elementor-element.elementor-element-9e1db4a .ogami-heading-title {
letter-spacing:4px
}

.woocommerce-checkout #payment {
background:transparent
}

.woocommerce div.product form.cart .button:focus {
background-image:-ms-linear-gradient(215deg,#ffd3e5,#d3fbac,#fffac2 100%);
background-image:linear-gradient(215deg,#ffd3e5,#d3fbac,#fffac2 100%);
color:#4c4c4c!important;
background-color:transparent
}

.form-control::-webkit-input-placeholder {
color:#000!important
}

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.loading::after,.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.loading::after,.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.loading::after,.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.loading::after,:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.loading::after,:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.loading::after,:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.loading::after,:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.loading::after {
display:none
}

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.loading,.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.loading,.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.loading,.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.loading,:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.loading,:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.loading,:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.loading,:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.loading {
opacity:1
}

.single-product .loading:after {
display:none
}

.wpt-footer-cart-wrapper>a {
position:fixed;
display:block;
width:62px;
height:30px;
border-radius:10%;
padding:6px;
right:1%;
top:1%;
background-color:#000!important
}

.wpt-footer-cart-wrapper>a>span {
line-height:0;
padding-top:calc(50% - 16px)
}

.woocommerce-message {
background:-webkit-linear-gradient(315deg,#c6f33c91,#fb90ce7a 100%);
text-align:center;
font-size:16px;
text-transform:uppercase;
color:#3e4a32;
letter-spacing:3px;
border-image-slice:1;
border-width:4px;
border-image-source:linear-gradient(to left,#f7a7d0,#a3f190)
}

.woocommerce .woocommerce-message .button {
padding:inherit;
position:fixed;
top:16.5em;
right:2em;
z-index:3
}

.woocommerce-message:before {
display:none
}

.woocommerce .woocommerce-message .button {
letter-spacing:2px;
margin:0!important;
padding:1em 1.6em!important;
text-align:center;
line-height:revert
}

.woocommerce-message .button {
margin:15px auto;
font-family:"Montserrat";
font-size:20px;
color:#000!important;
cursor:pointer;
border-radius:12px!important;
border:none!important;
animation:borderPulse 1000ms infinite ease-out,colorShift 10000ms infinite ease-in
}

@keyframes colorShift {
0%,100% {
background-image:linear-gradient(115deg,#ffd3e5,#d3fbac,#fffac2 100%)
}

33% {
background-image:linear-gradient(215deg,#f790bb,#bdfd7c,#fcf390 100%)
}

66% {
background-image:linear-gradient(315deg,#bdfd7c,#fcf390,#f790bb 100%)
}
}

@keyframes borderPulse {
0% {
box-shadow:inset 0 0 0 5px #fff6 0 0 0 0 #ffff
}

100% {
box-shadow:inset 0 0 0 3px #7575ff33 0 0 0 10px #fff0
}
}

@keyframes borderPulseChecout {
0% {
box-shadow:inset 0 0 0 4px #ffd3e53b,0 0 0 5px #ffd3e569
}

100% {
box-shadow:inset 0 0 0 2px #eafadaa1,0 0 0 2px #d3fbac29
}
}

@keyframes hoverShine {
0% {
background-image:linear-gradient(135deg,#fff6 0%,#fff0 50%,#fff0 100%)
}

50% {
background-image:linear-gradient(135deg,#fff0 0%,#fff6 50%,#fff0 100%)
}

100% {
background-image:linear-gradient(135deg,#fff0 0%,#fff0 50%,#fff6 100%)
}
}

@keyframes blinking {
0% {
background:-ms-linear-gradient(415deg,#fca5c9 10%,#fcfd94 70%,#fff8a6 100%);
background:linear-gradient(415deg,#fca5c9 10%,#fcfd94 70%,#fff8a6 100%);
background:-webkit-linear-gradient(415deg,#fca5c9 10%,#fcfd94 70%,#fff8a6 100%)
}

10% {
background:-ms-linear-gradient(415deg,#fca5c9 10%,#fcfd94 70%,#fff8a6 100%);
background:linear-gradient(415deg,#fca5c9 10%,#fcfd94 70%,#fff8a6 100%);
background:-webkit-linear-gradient(415deg,#fca5c9 10%,#fcfd94 70%,#fff8a6 100%)
}

20% {
background:-ms-linear-gradient(415deg,#fca5c9 10%,#fcfd94 70%,#fff8a6 100%);
background:linear-gradient(415deg,#fca5c9 10%,#fcfd94 70%,#fff8a6 100%);
background:-webkit-linear-gradient(415deg,#fca5c9 10%,#fcfd94 70%,#fff8a6 100%)
}

50% {
background:-ms-linear-gradient(right top,#eee2a3 40%,#fd65a8 100%);
background:linear-gradient(180deg right top,#eee2a3 40%,#fd65a8 100%);
background:-webkit-linear-gradient(right top,#eee2a3 40%,#fd65a8 100%)
}

100% {
background:-ms-linear-gradient(215deg,#d9ec54 50%,#d3fbac 100%);
background:linear-gradient(215deg,#d9ec54 50%,#d3fbac 100%);
background:-webkit-linear-gradient(215deg,#d9ec54 50%,#d3fbac 100%)
}
}

.details-product .apus-social-share {
display:none
}

.product-block.grid .groups-button .add-cart .added_to_cart::before {
background-color:transparent;
background-image:-moz-linear-gradient(to right bottom,#f94f7e,#fdff8ce6 90%,#fff 100%);
background-image:-webkit-linear-gradient(to right bottom,#f94f7e,#fdff8ce6 90%,#fff 100%);
background-image:-o-linear-gradient(to right bottom,#f94f7e,#fdff8ce6 90%,#fff 100%);
background-image:-ms-linear-gradient(to right bottom,#f94f7e,#fdff8ce6 90%,#fff 100%);
background-image:linear-gradient(to right bottom,#f94f7e,#fdff8ce6 90%,#fff 100%);
color:#000;
left:0
}

.product-block.grid .groups-button .add-cart .added_to_cart:hover::before,.product-block.grid .groups-button .add-cart .added_to_cart::before {
background-color:transparent;
background-image:linear-gradient(to right bottom,#f94f7e,#fdff8ce6 90%,#fff 100%);
background-image:-moz-linear-gradient(to right bottom,#f94f7e,#fdff8ce6 90%,#fff 100%);
background-image:-webkit-linear-gradient(to right bottom,#f94f7e,#fdff8ce6 90%,#fff 100%);
background-image:-o-linear-gradient(to right bottom,#f94f7e,#fdff8ce6 90%,#fff 100%);
background-image:-ms-linear-gradient(to right bottom,#f94f7e,#fdff8ce6 90%,#fff 100%);
color:#000;
left:0
}

.elementor-222 .elementor-element.elementor-element-37ae72c > .elementor-widget-container {
backdrop-filter:blur(40px) saturate(100%) contrast(200%);
-webkit-backdrop-filter:blur(40px) saturate(100%) contrast(200%)
}

.widget-countdown .btn {
border-radius:0;
-webkit-border-radius:0;
-moz-border-radius:0;
-ms-border-radius:0;
-o-border-radius:0
}

.notification {
z-index:30;
background-color:#0000004f!important;
-webkit-backdrop-filter:blur(12px);
backdrop-filter:blur(12px)
}

#main > div > div.woocommerce-notices-wrapper > div {
display:none!important
}

#main > div > div:nth-child(1) > div {
display:none
}

#content > div.woocommerce-notices-wrapper > div {
display:none
}

#infoButton {
width:50px!important;
height:50px;
padding:0;
cursor:pointer;
border:0;
display:inline-flex;
justify-content:center;
align-items:center;
background:none
}

#infoButton img {
width:100%;
height:100%;
object-fit:contain;
transition:filter .3s ease-in-out,opacity .3s ease-in-out
}

#infoButton:hover img {
filter:grayscale(100%) brightness(1.5);
opacity:.8
}

.filtercha {
position:relative
}

.subme {
display:none;
position:absolute;
top:100%;
left:0;
background-color:#f8f9fa;
padding:10px;
box-shadow:0 4px 8px #0003;
z-index:10;
width:200px;
transition:all .3s ease
}

.filtercha:hover .subme {
display:block
}

@media (max-width: 768px) {
.subme {
position:relative;
width:100%;
padding:8px;
box-shadow:none;
background-color:#fff
}

.subme::before {
display:none
}
}

#content .subme {
cursor:pointer;
transition:all .3s ease 0s;
border-radius:15px;
backdrop-filter:blur(8px);
box-shadow:0 0 20px #0003;
flex-direction:column;
align-items:flex-start;
transition:all .3s ease 0s;
width:296px
}

#content .subme:hover {
opacity:1
}

.subme::before {
content:'';
display:block;
position:absolute;
top:-12px;
left:calc(25% - 12px);
border-left:12px solid transparent;
border-right:12px solid transparent;
border-bottom:12px solid #fff
}

.subme .circle {
background-color:#fff!important;
box-shadow:0 0 20px #0000004f;
border:1px solid #d9d9d9
}

.single-product input#author {
color:#000
}

.single-product input#email {
color:#000
}

.subme .circle:hover {
background-color:#fff!important;
box-shadow:0 0 20px #0000005e;
border:1px solid #d9d9d9
}

.page-id-10 .notification {
position:fixed;
top:20px;
border-radius:10px;
padding:20px;
border-radius:10px;
background-color:#fff!important;
color:#000;
box-shadow:0 0 10px #0003;
font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
backdrop-filter:blur(10px);
border:0;
width:26em;
left:50%;
cursor:pointer;
margin-top:6px;
-webkit-transform:translate(-52%,375%);
-o-transform:translate(-52%,375%);
-ms-transform:translate(-52%,375%);
transform:translate(-52%,375%);
z-index:13
}

div.row.top-content > div.col-md-7.col-xs-12 > div > div.apus-woocommerce-product-gallery-wrapper > div.Испания > div:nth-child(1) {
width:50%!important
}

div.row.top-content > div.col-md-7.col-xs-12 > div > div.apus-woocommerce-product-gallery-wrapper > div.Испания > div:nth-child(2) {
width:50%!important;
left:94px!important
}

.page-id-10 .wc-block-components-notice-banner__content {
background:#fff!important;
padding:20px!important;
border-radius:16px!important;
box-shadow:0 4px 20px #0000001a!important;
text-align:center!important;
width:90%!important;
max-width:400px!important;
font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif!important;
color:#333!important
}

.page-id-10 .wc-block-components-notice-banner__content p {
margin:0 0 4px!important;
font-size:16px!important;
line-height:1.5!important
}

.page-id-10 .woocommerce-NoticeGroup.woocommerce-NoticeGroup-checkout .wc-block-components-notice-banner.is-error {
background:transparent!important;
font-family:'FuturaPT-Bold'!important;
border:0!important;
color:#fff!important;
border-radius:20px!important;
max-width:100%!important;
position:relative!important;
right:auto!important;
font-size:11px!important;
top:auto!important;
z-index:99!important;
display:flex!important;
flex-direction:column!important;
flex-wrap:nowrap!important;
align-items:center!important;
transition:opacity .3s ease,visibility .3s ease!important
}

.page-id-10 .wc-block-components-notice-banner.is-error>svg {
display:none!important
}

@keyframes pulserow {
0% {
transform:scale(1);
opacity:1
}

50% {
transform:scale(1);
opacity:.7
}

100% {
transform:scale(1);
opacity:1
}
}

.add-fix-top {
background-image:-ms-linear-gradient(to left bottom,#82c74d,#fdff8ce6 70%,#fff 100%);
background-image:linear-gradient(to left bottom,#82c74d,#fdff8ce6 70%,#fff 100%)
}

.apus-search-form .autocomplete-list-item {
border-bottom:1px solid #d7d7d773
}

.apus-search-form.style2 form .btn {
display:none!important
}

.screen-reader-text {
clip:rect(1px,1px,1px,1px);
position:absolute!important;
height:1px;
width:1px;
overflow:hidden
}

.screen-reader-text:focus {
background-color:#f1f1f1;
border-radius:3px;
box-shadow:0 0 2px 2px #0009;
clip:auto!important;
color:#21759b;
display:block;
font-size:14px;
font-size:.875rem;
font-weight:700;
height:auto;
left:5px;
line-height:normal;
padding:15px 23px 14px;
text-decoration:none;
top:5px;
width:auto;
z-index:100000
}

.bypostauthor {
box-sizing:border-box
}

.wp-block-pullquote {
border:none
}

@keyframes textclip {
to {
background-position:200% center
}
}

@keyframes loop {
0% {
-webkit-transform:translateX(100%);
background:#69b7eb5c
}

10% {
background:#69b7eb5c
}

50% {
background:#b3dbd3
}

100% {
-webkit-transform:translateX(-100%);
background:#ffdb6ba1
}
}

.ninja_table_wrapper .ninja_reset_button {
background:transparent;
border-color:transparent;
color:#000;
border:solid 1px #000;
padding:5px
}

.ninja_table_wrapper .ninja_table_afd_inline thead .footable-filtering th .form-inline>.form-group {
font-size:1.8rem;
line-height:20px;
text-align:left;
background:#d1d1d1;
border-radius:7px;
padding:10px
}

#footable_parent_5745.colored_table table.ninja_table_pro.inverted .input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle) {
background-color:#5c5c5c;
border-color:transparent;
height:2.2em!important;
color:hsla(0,0%,100%,.9)!important
}

#footable_parent_5745.colored_table table.ninja_table_pro.inverted .input-group-btn:last-child>.btn:not(:last-child):hover {
background-color:#cbc245e8
}

.ninja_table_wrapper .ninja_table_afd_inline thead .footable-filtering th .form-inline {
width:100%;
display:flex!important;
flex-direction:column;
flex-wrap:wrap;
align-content:space-between;
justify-content:space-around;
align-items:stretch
}

.tableFloatingHeaderOriginal {
left:auto!important
}

#footable_5745 > thead.tableFloatingHeaderOriginal > tr.footable-filtering > th > form > div.form-group.ninja-custom-filter.ninja_reset_wrapper > button:hover {
background-color:#ff3232e8
}

#apus-main-content {
font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
font-size:14px;
line-height:1.4;
color:#1c1c1e;
margin:0;
padding:0
}

#apus-main-content > li {
display:inline-block;
margin-right:8px;
position:relative
}

#apus-main-content > li + li::before {
content:"›";
position:absolute;
left:-12px;
color:#b3b3b3;
font-size:18px;
top:50%;
transform:translateY(-50%)
}

#apus-main-content > li a {
color:#ccc;
text-decoration:none;
font-weight:600;
transition:color .3s
}

#apus-main-content > li a:hover {
color:#252525
}

#apus-main-content > li:last-child {
color:#8e8e93;
font-weight:400
}

.g-recaptcha {
    display: block;
    position: relative;
    z-index: 1;
}


/* Перекрытие старых фонов и багов */
.jc-modal,
.jc-modal div,
.jc-modal .error,
.jc-modal .success {
  background: none !important;
  background-image: none !important;
}

.jc-modal img,
.jc-modal > img,
.jc-modal img#loading {
  display: none !important;
}

/* Базовое модальное окно */
.jc-modal {
  position: fixed;
  top: 76%;
  left: 0%;
  transform: translate(-5%, -50%);
  width: 90%;
  max-width: 360px;
  padding: 10px 10px 14px;
  background: rgb(8 8 8 / 77%) !important; /* тёмная прозрачность */
  backdrop-filter: blur(20px) saturate(180%)!important;
  -webkit-backdrop-filter: blur(20px) saturate(180%)!important;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 16px;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.6);
  text-align: center;
  z-index: 9999;
  display: none;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  color: #ffffff;
  box-sizing: border-box;
  animation: fadeIn 0.3s ease-out;
}

/* Анимация появления */
@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translate(-5%, -40%);
  }
  to {
    opacity: 1;
    transform: translate(-5%, -50%);
  }
}

/* Кнопка закрытия */
.jc-modal .close-btn {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 32px;
  height: 32px;
  background-color: transparent;
  border: none;
  cursor: pointer;
  border-radius: 50%;
  background-image: url("data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23aaa%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cline%20x1%3D%2218%22%20y1%3D%226%22%20x2%3D%226%22%20y2%3D%2218%22/%3E%3Cline%20x1%3D%226%22%20y1%3D%226%22%20x2%3D%2218%22%20y2%3D%2218%22/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 20px 20px;
  transition: background-color 0.2s ease;
}

.jc-modal .close-btn:hover {
  background-color: rgba(255, 255, 255, 0.05);
}

/* Сообщение */
.message {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  font-size: 16px;
  padding: 14px;
  border-radius: 14px;
  line-height: 1.5;
  word-break: break-word;
  background-color: rgba(255, 255, 255, 0.05);
  backdrop-filter: blur(6px);
}

/* Ошибка */
.message.error {
  color: #ff6b6b;
  border: 1px solid rgba(255, 107, 107, 0.5);
}

/* Успешно */
.message.success {
  color: #4ade80;
  border: 1px solid rgba(74, 222, 128, 0.5);
}

/* Адаптивность */
@media (max-width: 400px) {
  .jc-modal {
    padding: 16px 14px 20px;
    border-radius: 16px;
  }

  .message {
    font-size: 15px;
    gap: 10px;
    padding: 12px;
  }

  .jc-modal .close-btn {
    width: 28px;
    height: 28px;
    background-size: 18px 18px;
  }
}

.custom-ios-rating {
  display: flex;
  flex-direction: column;
  margin-bottom: -10px;
  padding: 6px 10px;
  border-radius: 8px;
  background: #E91E63;
  background-image: linear-gradient(167deg, #4CAF50, #fff25c 100%);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  color: #fff;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 12px;
  align-content: space-around;
  align-items: center;
}

.custom-ios-rating .custom-stars {
  display: flex;
  gap: 1px;
  flex-wrap: nowrap;
}

.custom-ios-rating .custom-star {
  width: 20px;
  height: 20px;
  display: inline-block;
  background: none;
  position: relative;
}

.custom-ios-rating .custom-star::before {
  content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="%23000000" stroke="none"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26"/></svg>');
  opacity: 0.2;
  display: block;
}

.custom-ios-rating .custom-star .fill {
  position: absolute;
  top: 0;
  left: 0;
  content: '';
  width: 100%;
  height: 100%;
  background: none;
}

.custom-ios-rating .custom-star .fill::before {
  content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="%23FFD700" stroke="none"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26"/></svg>');
  display: block;
}

.custom-ios-rating .rating-label {
  font-size: 16px;
  color: #fff;
  font-weight: 500;
  line-height: 1.2;
}

.woocommerce-product-rating {
    display: none!important;
}

.tab-container .custom-ios-rating {
  display: none;
}

.custom-ios-rating {
  
  align-items: center;
  position: relative;
  cursor: pointer;
  max-width: 100%; /* Предотвращаем переполнение */
}

.custom-ios-rating.active:after,
.custom-ios-rating:hover:after {
  content: attr(data-tooltip);
  position: absolute;
  top: -46px;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(30, 30, 30, 0.9); /* Тёмный фон в стиле iOS */
  color: #fff;
  padding: 8px 12px;
  border-radius: 8px;
  font-size: 14px;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  white-space: normal; /* Позволяем перенос текста на мобильных */
  max-width: 80vw; /* Ограничиваем ширину на мобильных */
  min-width: 120px; /* Минимальная ширина для читаемости */
  text-align: center;
  z-index: 100;
  opacity: 0;
  transition: opacity 0.2s ease-in-out;
  pointer-events: none;
}

.custom-ios-rating.active:before,
.custom-ios-rating:hover:before {
  content: '';
  position: absolute;
  top: -6px; /* Учитываем размер стрелки */
  left: 50%;
  transform: translateX(-50%);
  border: 6px solid transparent;
  border-top-color: rgba(30, 30, 30, 0.9); /* Стрелка тултипа */
  z-index: 100;
  opacity: 0;
  transition: opacity 0.2s ease-in-out;
}

.custom-ios-rating.active:after,
.custom-ios-rating.active:before,
.custom-ios-rating:hover:after,
.custom-ios-rating:hover:before {
  opacity: 1;
}

.custom-stars {
  display: flex;
}

.custom-star {
  width: 20px;
  height: 20px;
  background: url('star-empty.png'); /* Замените на путь к пустой звезде */
  background-size: cover;
}

.custom-star .fill {
  background: url('star-filled.png'); /* Замените на путь к заполненной звезде */
  background-size: cover;
  display: block;
  width: 100%;
  height: 100%;
}

.rating-label {
  margin-left: 10px;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  font-size: 16px;
  color: #fff; /* Для тёмной темы */
}

/* Адаптивность для мобильных устройств */
@media screen and (max-width: 600px) {
  .custom-ios-rating:after {
    font-size: 12px; /* Меньший шрифт на мобильных */
    padding: 6px 10px;
    top: -40px; /* Уменьшаем отступ сверху */
  }

  .custom-ios-rating:before {
    top: -12px; /* Корректируем стрелку */
  }

  .custom-star {
    width: 16px; /* Меньшие звёзды на мобильных */
    height: 16px;
  }

  .rating-label {
    font-size: 14px; /* Меньший шрифт для подписи */
  }
}


/* Стрелки слайдера в карточке товара*/
.wcpa_form_item.wcpa_type_paragraph {
  position: relative;
}

.wcpa_form_item.wcpa_type_paragraph blockquote {
  overflow-x: auto;
  white-space: nowrap;
  display: flex;
}

.left-arrow, .right-arrow {
  background: #ffffff12;
  border: solid 6px transparent;
  border-radius: 10px;
  box-shadow: 0 2px 16px #00000014;
  backdrop-filter: blur(7px);
  color: #fff;
  cursor: pointer;
  position: absolute;
  z-index: 1000;
  width: 18px;
  height: 18px;
  font-size: 18px;
  line-height: 18px;
  text-align: center;
  padding: 12px;
  box-sizing: content-box;
  display: none; /* Скрыты по умолчанию */
}


/* ЕМОДЖИ СТИЛИ*/
/* Стили для текстового поля */
.comment-form-comment textarea {
    width: 100%;
    height: 100px;
    padding: 10px;
    font-size: 16px;
    border: 1px solid #ccc;
    border-radius: 5px;
    resize: vertical;
    box-sizing: border-box;
}

/* Стили для блока с кнопками */
.review-image-upload {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
    margin-top: 10px;
}

/* Стили для кнопки эмодзи */
.emoji-button {
    position: relative;
    top: -90px; /* Внутри textarea, слева */
    left: -510px;
    font-size: 20px;
    cursor: pointer;
    padding: 5px;
    background: #f0f0f0;
    border: none;
    border-radius: 5px;
    transition: background 0.2s ease;
    line-height: 1;
    z-index: 10001; /* Поверх textarea */
}

.emoji-button:hover {
    background: #e0e0e0;
}

/* Стили для клавиатуры эмодзи */
.emoji-keyboard {
    position: absolute; /* Выводим из потока */
    top: 508px; /* Вплотную под кнопкой (учитываем top: -90px кнопки и её высоту ~40px) */
    left: 30px; /* Выравниваем по левому краю кнопки */
    background: #ffffff;
    border: 1px solid #cccccc;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
    width: 473px;
    max-height: 260px;
    overflow-y: auto;
    z-index: 10000;
    padding: 10px;
    box-sizing: border-box;
    display: none; /* Скрываем по умолчанию */
}

/* Показываем клавиатуру при активации */
.emoji-keyboard.active {
    display: block; /* Отображаем при активации */
}

/* Стили для поля поиска */
.emoji-search-container {
    padding: 5px;
    margin-bottom: 10px;
}

.emoji-search {
    width: 100%;
    padding: 8px;
    font-size: 14px;
    border: 1px solid #dddddd;
    border-radius: 5px;
    outline: none;
    box-sizing: border-box;
}

/* Стили для вкладок категорий */
.emoji-tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    border-bottom: 1px solid #dddddd;
    margin-bottom: 10px;
}

.emoji-tab {
    padding: 8px 12px;
    cursor: pointer;
    font-size: 14px;
    color: #555555;
    text-transform: capitalize;
    transition: color 0.2s ease;
}

.emoji-tab.active {
    color: #000000;
    border-bottom: 2px solid #007bff;
}

/* Стили для контейнера эмодзи */
.emoji-container {
    display: block;
}

/* Стили для категорий эмодзи */
.emoji-category {
    display: none;
    margin-bottom: 10px;
}

.emoji-category.active {
    display: block;
}

/* Заголовок категории */
.emoji-category-title {
    font-size: 14px;
    color: #333333;
    margin: 5px 0;
    font-weight: bold;
    text-transform: capitalize;
}

/* Стили для отдельных эмодзи */
.emoji {
    font-size: 24px;
    cursor: pointer;
    text-align: center;
    padding: 5px;
    margin: 2px;
    display: inline-block;
    border-radius: 5px;
    line-height: 1;
}

.emoji:hover {
    background: #f0f0f0;
}

/* Адаптивные стили для планшетов (до 768px) */
@media screen and (max-width: 768px) {
    .comment-form-comment textarea {
        height: 80px;
        font-size: 14px;
    }

    .emoji-button {
        top: -86px; /* Ближе к textarea */
        left: -174px; /* Упрощаем позиционирование */
        font-size: 18px;
        padding: 4px;
    }

    .emoji-keyboard {
        width: 90vw; /* Резиновая ширина */
        max-width: 434px;
        top: 176px; /* Вплотную под кнопкой */
        left: 2px; /* Выравниваем по кнопке */
        max-height: 250px;
    }

    .emoji-search {
        font-size: 13px;
        padding: 6px;
    }

    .emoji-tabs {
        gap: 3px;
    }

    .emoji-tab {
        font-size: 13px;
        padding: 6px 10px;
    }

    .emoji {
        font-size: 22px;
        padding: 4px;
    }

    .emoji-category-title {
        font-size: 13px;
    }
}

/* Адаптивные стили для мобильных (до 480px) */
@media screen and (max-width: 480px) {
    .comment-form-comment textarea {
        height: 60px;
        font-size: 13px;
        padding: 8px;
    }

    .emoji-button {
        top: -79px; /* Ещё ближе к textarea */
        left: -16vh; /* Убираем смещение влево */
        font-size: 16px;
        padding: 3px;
    }

    .emoji-keyboard {
        width: 85vw; /* Ещё более резиновая ширина */
        max-width: 320px;
        top: 231px; /* Вплотную под кнопкой */
        left: 10px; /* Выравниваем по левому краю */
        max-height: 200px;
        padding: 8px;
    }

    .emoji-search {
        font-size: 12px;
        padding: 5px;
    }

    .emoji-tabs {
        gap: 2px;
    }

    .emoji-tab {
        font-size: 12px;
        padding: 5px 8px;
    }

    .emoji {
        font-size: 20px;
        padding: 3px;
        margin: 1px;
    }

    .emoji-category-title {
        font-size: 12px;
        margin: 3px 0;
    }
}
