:root{
    --fl-pink:        #d6006c;   /* акцент (ссылки, заголовки) */
    --fl-pink-soft:   #fce4ef;   /* светлая плашка */
    --fl-pink-lighter:#fdf3f8;   /* фон чётных строк */
    --fl-pink-border: #f6d3e4;   /* границы */
    --fl-head-1:      #ec407a;   /* градиент шапки — светлее */
    --fl-head-2:      #c2185b;   /* градиент шапки — темнее */
    --fl-text:        #2d2733;   /* основной текст */
    --fl-radius:      16px;
  }

 body {
	overflow-x: hidden;
 }

 .ttab.taxonomies-tabs-content {
    width: 100%;
 }
 
 .taxonomies-tabs {
     display: flex;
     padding: 15px;
     border-radius: var(--rad-sm);
     border: 1px solid var(--border);
     margin-left: var(--padding-lg);
}
 .taxonomies-tabs-nav {
     width: 300px;
     display: flex;
     flex-direction: column;
     gap: 10px;
}
 .taxonomies-tabs-list {
     margin-bottom: auto;
     height: 100%;
     overflow-y: auto;
}
 .taxonomies-tabs-contents {
     flex: 1;
     padding-left: 15px;
}
 .taxonomies-tabs-list li a {
     color: var(--text);
}
 .taxonomies-tabs-list li {
     display: flex;
     align-items: center;
     justify-content: space-between;
     gap: 10px;
     padding: 5px;
     border-radius: var(--rad);
}
 .taxonomies-tabs-list li:not(:last-child) {
     margin-bottom: 5px;
}
 .ttab-active {
     background: var(--opacity);
     color: var(--theme);
}
 .taxonomies-tabs-list .ttab-delete {
     color: red;
}
 .taxonomies-tabs-list li a:not(.ttab-delete) {
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
     flex: 1;
     font-size: 16px;
}
 .taxonomies-tabs-list li .toggle-item {
     width: 10px;
     flex: 0 0 10px;
     cursor: move;
}
 .taxonomies-tabs-content {
     display: none;
}
 .taxonomies-tabs-content > div {
     margin-bottom: 1rem 
}
 .taxonomies-tabs-nav__footer {
     gap: 8px;
     align-items: center;
     display: flex;
     justify-content: space-between;
     border-top: 1px solid var(--border);
     padding-top: 10px 
}
 .ttab-switcher-wrap {
     display: flex;
     align-items: center;
     gap: 10px 
}
 .ttab-switcher {
     position: relative;
     display: block;
     cursor: pointer;
}
 .ttab-switcher input {
     display: none;
}
 .ttab-switcher-mark {
     display: inline-block;
     position: relative;
     border-radius: 20px;
     background: #f0f0f0;
     width: 55px;
     height: 25px;
     padding: 2px;
}
 .ttab-switcher-mark:before, .ttab-switcher-mark:after {
     content: "";
     position: absolute;
     transition: all 0.5s ease;
}
 .ttab-switcher-mark:before {
     top: 3px;
     left: 3px;
     width: 19px;
     height: 19px;
     background: #ffffff;
     border-radius: 50%;
}
 .ttab-switcher input:checked ~ .ttab-switcher-mark {
     background: var(--theme) 
}
 .ttab-switcher input:checked ~ .ttab-switcher-mark:before {
     left: calc(100% - 22px);
}
 .ttab-image {
     border-radius: var(--rad-sm);
     overflow: hidden;
     height: 300px;
     position: relative;
     border: 1px solid var(--border);
     background: var(--opacity);
}
 .ttab-image::before {
     width: 5.5rem;
     height: 5.5rem;
     display: flex;
     align-items: center;
     justify-content: center;
     border-radius: 100%;
     color: var(--theme);
     font-size: 2.5rem;
     margin-right: 1.5rem;
     content: "\e926";
     font-family: "icomoon" !important;
     speak: none;
     font-style: normal;
     font-weight: normal;
     font-variant: normal;
     text-transform: none;
     line-height: 1;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
     position: absolute;
     left: 50%;
     top: 50%;
     transform: translate(-50%, -50%);
}
 .ttab-image img {
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     object-fit: cover;
}
 .ttab-image--btns {
     position: absolute;
     bottom: 15px;
     left: 50%;
     display: flex;
     gap: 10px;
     transform: translateX(-50%);
     z-index: 2;
}
 .ttab-image--btns a {
     font-size: 14px;
     padding: 5px 10px;
     border-radius: var(--rad-sm);
     background-color: buttonface;
     color: buttontext;
}
 .ttab-image--btns .ttab-image-upload {
     background: var(--theme);
     color: #fff;
}
 .ttabs-loader, .ttabs-loader::after{
    -webkit-border-radius:50%;
    border-radius:50%;
    height:22px;
    width:22px;
    display:none
}
 .ttabs-loader{
     font-size: 2px;
     position: relative;
     text-indent: -9999em;
     border-top: 2px solid #fff;
     border-right: 2px solid #fff;
     border-bottom: 2px solid #fff;
     border-left: 3px solid var(--theme);
     -webkit-transform: translateZ(0);
     transform: translateZ(0);
     -webkit-animation: load8 1.1s infinite linear;
     animation: load8 1.1s infinite linear;
     position: absolute;
     bottom: 15px;
     left: 15px;
}
 @-webkit-keyframes load8{
    0%{
        -webkit-transform:rotate(0);
        transform:rotate(0)
    }
    100%{
        -webkit-transform:rotate(360deg);
        transform:rotate(360deg)
    }
}
 @keyframes load8{
    0%{
        -webkit-transform:rotate(0);
        transform:rotate(0)
    }
    100%{
        -webkit-transform:rotate(360deg);
        transform:rotate(360deg)
    }
}
 .medium-editor-anchor-preview,.medium-editor-toolbar{
    font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:16px;
    z-index:2000
}
@-webkit-keyframes medium-editor-image-loading{
    0%{
        -webkit-transform:scale(0);
        transform:scale(0)
    }
    100%{
        -webkit-transform:scale(1);
        transform:scale(1)
    }
}
@keyframes medium-editor-image-loading{
    0%{
        -webkit-transform:scale(0);
        transform:scale(0)
    }
    100%{
        -webkit-transform:scale(1);
        transform:scale(1)
    }
}
@-webkit-keyframes medium-editor-pop-upwards{
    0%{
        opacity:0;
        -webkit-transform:matrix(.97,0,0,1,0,12);
        transform:matrix(.97,0,0,1,0,12)
    }
    20%{
        opacity:.7;
        -webkit-transform:matrix(.99,0,0,1,0,2);
        transform:matrix(.99,0,0,1,0,2)
    }
    40%{
        opacity:1;
        -webkit-transform:matrix(1,0,0,1,0,-1);
        transform:matrix(1,0,0,1,0,-1)
    }
    100%{
        -webkit-transform:matrix(1,0,0,1,0,0);
        transform:matrix(1,0,0,1,0,0)
    }
}
@keyframes medium-editor-pop-upwards{
    0%{
        opacity:0;
        -webkit-transform:matrix(.97,0,0,1,0,12);
        transform:matrix(.97,0,0,1,0,12)
    }
    20%{
        opacity:.7;
        -webkit-transform:matrix(.99,0,0,1,0,2);
        transform:matrix(.99,0,0,1,0,2)
    }
    40%{
        opacity:1;
        -webkit-transform:matrix(1,0,0,1,0,-1);
        transform:matrix(1,0,0,1,0,-1)
    }
    100%{
        -webkit-transform:matrix(1,0,0,1,0,0);
        transform:matrix(1,0,0,1,0,0)
    }
}
.medium-editor-anchor-preview{
    left:0;
    line-height:1.4;
    max-width:280px;
    position:absolute;
    text-align:center;
    top:0;
    word-break:break-all;
    word-wrap:break-word;
    visibility:hidden
}
.medium-editor-anchor-preview a{
    color:#fff;
    display:inline-block;
    margin:5px 5px 10px
}
.medium-editor-placeholder-relative:after,.medium-editor-placeholder:after{
    content:attr(data-placeholder)!important;
    white-space:pre;
    padding:inherit;
    margin:inherit;
    font-style:italic
}
.medium-editor-anchor-preview-active{
    visibility:visible
}
.medium-editor-dragover{
    background:#ddd
}
.medium-editor-image-loading{
    -webkit-animation:medium-editor-image-loading 1s infinite ease-in-out;
    animation:medium-editor-image-loading 1s infinite ease-in-out;
    background-color:#333;
    border-radius:100%;
    display:inline-block;
    height:40px;
    width:40px
}
.medium-editor-placeholder{
    position:relative
}
.medium-editor-placeholder:after{
    position:absolute;
    left:0;
    top:0
}
.medium-editor-placeholder-relative,.medium-editor-placeholder-relative:after{
    position:relative
}
.medium-toolbar-arrow-over:before,.medium-toolbar-arrow-under:after{
    border-style:solid;
    content:'';
    display:block;
    height:0;
    left:50%;
    margin-left:-8px;
    position:absolute;
    width:0
}
.medium-toolbar-arrow-under:after{
    border-width:8px 8px 0
}
.medium-toolbar-arrow-over:before{
    border-width:0 8px 8px;
    top:-8px
}
.medium-editor-toolbar{
    left:0;
    position:absolute;
    top:0;
    visibility:hidden
}
.medium-editor-toolbar ul{
    margin:0;
    padding:0
}
.medium-editor-toolbar li{
    float:left;
    list-style:none;
    margin:0;
    padding:0
}
.medium-editor-toolbar li button{
    box-sizing:border-box;
    cursor:pointer;
    display:block;
    font-size:14px;
    line-height:1.33;
    margin:0;
    padding:15px;
    text-decoration:none
}
.medium-editor-toolbar li button:focus{
    outline:0
}
.medium-editor-toolbar li .medium-editor-action-underline{
    text-decoration:underline
}
.medium-editor-toolbar li .medium-editor-action-pre{
    font-family:Consolas,"Liberation Mono",Menlo,Courier,monospace;
    font-size:12px;
    font-weight:100;
    padding:15px 0
}
.medium-editor-toolbar-active{
    visibility:visible
}
.medium-editor-sticky-toolbar{
    position:fixed;
    top:1px
}
.medium-editor-relative-toolbar{
    position:relative
}
.medium-editor-toolbar-active.medium-editor-stalker-toolbar{
    -webkit-animation:medium-editor-pop-upwards 160ms forwards linear;
    animation:medium-editor-pop-upwards 160ms forwards linear
}
.medium-editor-action-bold{
    font-weight:bolder
}
.medium-editor-action-italic{
    font-style:italic
}
.medium-editor-toolbar-form{
    display:none
}
.medium-editor-toolbar-form a,.medium-editor-toolbar-form input{
    font-family:"Helvetica Neue",Helvetica,Arial,sans-serif
}
.medium-editor-toolbar-form .medium-editor-toolbar-form-row{
    line-height:14px;
    margin-left:5px;
    padding-bottom:5px
}
.medium-editor-toolbar-form .medium-editor-toolbar-input,.medium-editor-toolbar-form label{
    border:none;
    box-sizing:border-box;
    font-size:14px;
    margin:0;
    padding:6px;
    width:316px;
    display:inline-block
}
.medium-editor-toolbar-form .medium-editor-toolbar-input:focus,.medium-editor-toolbar-form label:focus{
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    border:none;
    box-shadow:none;
    outline:0
}
.medium-editor-toolbar-form a{
    display:inline-block;
    font-size:24px;
    font-weight:bolder;
    margin:0 10px;
    text-decoration:none
}
.medium-editor-toolbar-form-active{
    display:block
}
.medium-editor-toolbar-actions:after{
    clear:both;
    content:"";
    display:table
}
.medium-editor-element{
    word-wrap:break-word;
    min-height:30px
}
.medium-editor-element img{
    max-width:100%
}
.medium-editor-element sub{
    vertical-align:sub
}
.medium-editor-element sup{
    vertical-align:super
}
.medium-editor-hidden{
    display:none
}
 .medium-editor-element {
     word-wrap: break-word;
     min-height: 30px;
     border: 1px solid var(--border);
     padding: calc(var(--field) / 2.5);
     border-radius: var(--rad-sm);
     min-height: 300px;
     outline: 0 
}
 .medium-editor-element:focus {
     border-color: var(--focus);
     box-shadow: 0 0 0 3px var(--focus);
}
 .medium-toolbar-arrow-under:after {
     border-color: #000 transparent transparent transparent;
     top: 40px;
}
 .medium-toolbar-arrow-over:before {
     border-color: transparent transparent #000 transparent;
}
 .medium-editor-toolbar {
     background-color: #000;
     border: none;
     border-radius: 50px;
}
 .medium-editor-toolbar li button {
     background-color: transparent;
     border: none;
     box-sizing: border-box;
     color: #ccc;
     height: 40px;
     min-width: 40px;
     padding: 5px 12px;
     -webkit-transition: background-color .2s ease-in, color .2s ease-in;
     transition: background-color .2s ease-in, color .2s ease-in;
}
 .medium-editor-toolbar li button:hover {
     background-color: #000;
     color: #a2d7c7;
}
 .medium-editor-toolbar li .medium-editor-button-first {
     border-bottom-left-radius: 50px;
     border-top-left-radius: 50px;
     padding-left: 24px;
}
 .medium-editor-toolbar li .medium-editor-button-last {
     border-bottom-right-radius: 50px;
     border-right: none;
     border-top-right-radius: 50px;
     padding-right: 24px;
}
 .medium-editor-toolbar li .medium-editor-button-active {
     background-color: #000;
     color: #a2d7c7;
}
 .medium-editor-toolbar-form {
     background: #000;
     border-radius: 0px;
     color: #ccc;
     overflow: hidden;
}
 .medium-editor-toolbar-form .medium-editor-toolbar-input {
     background: #000;
     box-sizing: border-box;
     color: #ccc;
     height: 40px;
     padding-left: 16px;
     width: 220px;
}
 .medium-editor-toolbar-form .medium-editor-toolbar-input::-webkit-input-placeholder {
     color: #f8f5f3;
     color: rgba(248, 245, 243, 0.8);
}
 .medium-editor-toolbar-form .medium-editor-toolbar-input:-moz-placeholder {
    /* Firefox 18- */
     color: #f8f5f3;
     color: rgba(248, 245, 243, 0.8);
}
 .medium-editor-toolbar-form .medium-editor-toolbar-input::-moz-placeholder {
    /* Firefox 19+ */
     color: #f8f5f3;
     color: rgba(248, 245, 243, 0.8);
}
 .medium-editor-toolbar-form .medium-editor-toolbar-input:-ms-input-placeholder {
     color: #f8f5f3;
     color: rgba(248, 245, 243, 0.8);
}
 .medium-editor-toolbar-form a {
     color: #ccc;
     -webkit-transform: translateY(2px);
     transform: translateY(2px);
}
 .medium-editor-toolbar-form .medium-editor-toolbar-close {
     margin-right: 16px;
}
 .medium-editor-toolbar-anchor-preview {
     background: #000;
     border-radius: 50px;
     padding: 5px 12px;
}
 .medium-editor-anchor-preview a {
     color: #ccc;
     text-decoration: none;
}
 .medium-editor-toolbar-actions li, .medium-editor-toolbar-actions button {
     border-radius: 50px;
}
 .medium-editor-element ul {
     list-style: circle;
     padding-left: 20px;
}
 .medium-editor-element ol {
     list-style: auto;
     padding-left: 20px;
}

.custom-filter-form {
    display: flex;
    gap: 10px;
	align-items:center
}

 .sorting-visual-wrap{
     display:flex;
     justify-content: end;
     width: calc(100% - 1em) 	 
 }
 .sorting-visual {
     position: relative;
}

.sorting-visual--left {
	flex: 1;
}
 .sorting-wrap {
     display: none;
	 white-space: nowrap;
}
 .sorting-open .sorting-wrap {
     display: block 
}
 .sorting-btn {
     align-items: center;
     border-radius: 12px;
     cursor: pointer;
     display: inline-flex;
     font-size: 14px;
     font-weight: 500;
     line-height: 24px;
     padding: 8px;
     background-color: #f6f6f6;
     color: #111;
	 white-space: nowrap
}
 .sorting-visual--left .sorting-btn {
    padding: 8px 8px 8px 16px;
	width: 100%;
	justify-content: space-between;
 }	
 .sorting-btn svg {
     flex-shrink: 0;
     fill: #111;
}
 .sorting-btn:hover {
     background-color: #e8e8e8;
}
 .bg-active.sorting-btn {
     background-color: #ea47bf;
     color: #fff;
}
 .bg-active.sorting-btn svg {
     fill: #fff;
}
 .bg-active.sorting-btn .chevron-down-icon {
     transform: scale(-1);
}
 .sorting-btn .sort-icon {
     margin-right: 8px;
}
 .sorting-btn__chevron {
     align-items: center;
     display: flex;
     height: 24px;
     margin-left: 8px;
     width: 24px;
}
 .sorting-dialog-content {
    padding: 24px 5px;
}
 .sorting-dialog-content .hint {
     color: #888;
     font-size: 16px;
     font-weight: 500;
     line-height: 22px;
     margin-bottom: 8px;
     padding: 0 24px;
}
 .sorting-dialog-list {
     display: flex;
     flex-direction: column;
     margin-bottom: 24px;
	      overflow-x: hidden;
     overflow-y: scroll;
     /*scrollbar-width: none;
     -ms-overflow-style: none;*/
    max-height: 365px;
}

 .sorting-dialog-list::-webkit-scrollbar {
  width: 3px;
}
 .sorting-dialog-list::-webkit-scrollbar-track {
  background: #ffffff;
    border-radius: 20px;
}
 .sorting-dialog-list::-webkit-scrollbar-thumb {
  background-color: #fff;
  border-radius: 20px;
	 border: 3px solid #e8e8e8
}

.sorting-dialog-column {
	padding: 0 24px 24px;
	
}

.sorting-dialog-column .inputs-price {
    display: flex;
    justify-content: space-between;
	gap: 10px;
	margin-bottom: 10px;
}

.sorting-dialog-column .inputs-price input {
	flex: 1
}

.sorting-prices .sorting-wrap {
    min-width: 280px;
}
 .sorting-item {
     color: #606266;
     cursor: pointer;
     -moz-user-select: none;
     -webkit-user-select: none;
     -ms-user-select: none;
     font-size: 16px;
     font-weight: 500;
     line-height: 22px;
}
 .sorting-item label {
     padding: 16px 24px;
     display: block;
     cursor: pointer 
}
 .sorting-item input {
     display: none;
}
 .sorting-item span::before {
     background-color: #fff;
     border: 1px solid #e8e8e8;
     border-radius: 100%;
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
     cursor: pointer;
     content: '';
     display: inline-block;
     height: 20px;
     width: 20px;
     flex: 0 0 20px;
     margin-right: 10px;
}

.sorting-item--checkbox span::before {
	border-radius: 4px;
}

 .sorting-item span {
     display: flex;
     align-items: center;
     font-weight: 500;
     color: #111;
     position: relative;
}
 .is-checked.sorting-item, .sorting-item:hover {
     background-color: #f3f3f3;
}
 .sorting-item input:checked + span::before {
     background: #111;
     border-color: #111;
}
 .sorting-item span:after {
     background-color: #fff;
     border-radius: 100%;
     content: "";
     height: 4px;
     left: 10px;
     position: absolute;
     top: 50%;
     -webkit-transform: translate(-50%, -50%) scale(0);
     transform: translate(-50%, -50%) scale(0);
     -webkit-transition: -webkit-transform .15s ease-in;
     transition: -webkit-transform .15s ease-in;
     transition: transform .15s ease-in;
     transition: transform .15s ease-in, -webkit-transform .15s ease-in;
     width: 4px;
}
 .sorting-item input:checked + span:after {
     -webkit-transform: translate(-50%, -50%) scale(1);
     transform: translate(-50%, -50%) scale(1);
     height: 6px;
     width: 6px;
}
 .form-btn {
     align-items: center;
     border: none;
     cursor: pointer;
     display: flex;
     font-family: inherit;
     font-size: 14px;
     font-weight: 700;
     justify-content: center;
     line-height: 20px;
     padding: 10px;
     text-align: center;
     -webkit-text-decoration: none;
     text-decoration: none;
     transition: all .2s ease;
     width: 100%;
     border-radius: var(--rad-sm);
}
 .form-btn.form-btn--submit {
     background: var(--theme);
     color: #fff;
}
 .form-btn.form-btn--secondary:hover {
     background: #e8e8e8;
}
 .sorting-dialog-actions {
     gap: 8px;
     align-items: center;
     display: flex;
     justify-content: space-between;
     padding: 0 24px;
}


.custom-filter-wrap .sorting-dialog-actions .form-close {
		display: none
	}
 @media (max-width: 1199px) {
     .sorting-wrap {
         bottom: 0;
         left: 0;
         margin: 0;
         overflow: auto;
         position: fixed;
         right: 0;
         top: 0;
         overflow-x: hidden;
         overflow-y: scroll;
         scrollbar-width: none;
         -ms-overflow-style: none;
         z-index: 2013;
    }
     .dialog-overflow {
         background: #000;
         height: 100%;
         left: 0;
         opacity: .5;
         position: fixed;
         top: 0;
         width: 100%;
         z-index: 2012;
    }
     .sorting-dialog {
         background: #fff;
         -webkit-box-sizing: border-box;
         box-sizing: border-box;
         margin: 0 auto 50px;
         position: relative;
         width: 50%;
         box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.3);
         min-width: calc(100% - 32px);
         top: 50%;
         transform: translateY(-50%);
         border-radius: 0.7rem;
         z-index: 2013;
    }

	.custom-filter-wrap .sorting-dialog-actions .form-close {
		display: block
	}
}
 @media (min-width: 640px) {
     .sorting-dialog {
         min-width: 50%;
    }
}
 @media (min-width: 1200px) {
     .sorting-wrap {
         background: #fff;
         box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.3);
         left: var(--left);
         margin-top: 8px;
         position: absolute;
         border-radius: 0.7rem;
         overflow: hidden;
         z-index: 13;
         top: 100%;
		min-width: 100%;
		
    }
     .sorting-dialog {
         min-width: auto 
    }
	
	.custom-filter-wrap .sorting-wrap {
		min-width: 280px;
	}
}

 @media (min-width: 1300px) {
     .filter-wrapping {
         padding: 0 
    }
     .filter {
         overflow: visible;
    }
}

.categoriesSwiper .swiper-slide {
    width: 170px;
	height: calc((100% - 30px) / 2) !important;
	height: 170px;
}

.category-carousel .swiper {
	height: 370px;
	margin-left: -10px;
    padding-left: 10px;
}
.categoriesSwiper .swiper-lazy-preloader {
    z-index: -1;
    --swiper-preloader-color: #ed47c5;
}

.category-carousel {
	display: flex;
	gap: 15px;
	overflow-x: auto;
	margin-left: -10px;
	padding-left: 10px;
}

.category-item {
	width: 100%;
	display: block;
	height: 100%;
	flex: 0 0 160px;
	overflow: hidden;
	border-radius: 10px;
	position: relative;
	box-shadow: 0px 5px 7px 0px rgb(0 0 0 / 12%);
	margin-bottom: 20px;
	border: 1px solid var(--theme);
	transition: .35s;
}

.category-item-img img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.category-item-content {
	position: absolute;
	z-index: 2;
	left: 5px;
	right: 5px;
	bottom: 5px;
	text-align: center;
	color: #000;
	background: hsl(0deg 0% 100% / 83%);
	padding: 5px;
	border-radius: 5px;
	border: 1px solid hsl(0deg 0% 100% / 34%);
}

.category-item__title {
	font-size: 13px;
	font-weight: 600;
	display: flex;
	min-height: 42px;
    align-items: center;
    justify-content: center;
}

.category-item__quantity {
	font-size: 13px;
}

.category-item::after {
	position: absolute;
	inset-block-end: 0;
	width: 100%;
	height: 100%;
	content: "";
	background: var(--back);
	z-index: 1;
}

.category-carousel-wrap {
	overflow-y: hidden;
	height: 287px;
}

.category-item-badge {
	position: absolute;
	top: 10px;
	left: 10px;
	z-index: 2;
	color: #fff;
	background: var(--theme);
	font-size: 14px;
	padding: 3px 10px;
	border-radius: 5px;
}

.category-item:hover {
	box-shadow: 0px 5px 7px 0px rgb(0 0 0 / 30%);
}

.categoriesSwiper .swiper-button-next, 
.categoriesSwiper .swiper-button-prev {
    background: #fff;
	
    box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.3);
    border-radius: .7rem;
    --swiper-navigation-size: 40px;
    width: calc(var(--swiper-navigation-size));
    margin-top: calc(-9px - var(--swiper-navigation-size) / 2);
}

.categoriesSwiper .swiper-button-next:after, 
.categoriesSwiper .swiper-button-prev:after {
    --swiper-navigation-size: 24px;
color: var(--theme);
}

.categoriesSwiper .swiper-button-prev {
    left: 20px;
}

@media (min-width: 1200px){
	.categoriesSwiper .swiper-slide {
		width: 250px;
		height: calc((100% - 30px) / 2) !important;
		height: 250px;
	}

	.category-carousel .swiper {
		height: 530px;
		margin-left: -10px;
		padding-left: 10px;
	}
	.category-item__title {
		font-size: 14px;
		min-height: auto
	}
}

.price-block .badge::after {
    animation: badge-new 4s ease-in-out infinite;
    background: linear-gradient(120deg, transparent, transparent 25%, hsla(0, 0%, 100%, .8) 50%, transparent 75%, transparent);
    content: "";
    height: 100%;
    position: absolute;
    right: 100%;
    top: 0;
    width: 100%;
}


html .custom-filter-form .ui-state-default, .ui-widget-content .ui-state-default, 
html .custom-filter-form .ui-widget-header .ui-state-default, .ui-button, 
html .custom-filter-form .ui-button.ui-state-disabled:hover,
html .custom-filter-form .ui-button.ui-state-disabled:active {
    border-color: var(--theme);
    border-radius: 50%;
    background: var(--theme);
    color: var(--theme);
    outline: 0;
}

.custom-filter-form .ui-slider-horizontal {
    height: 2px;
    border: 0;
}

.custom-filter-form .ui-widget.ui-widget-content {
    border: 0;
    background: #f6f6f6;
}

.custom-filter-form .ui-widget-header {
    background: var(--theme);
}

.custom-filter-form .ui-slider-horizontal .ui-slider-handle {
    top: -7px;
}

.sorting-search {
    position: relative;
    margin-bottom: 10px;
    padding: 0 24px;
}

.icon--search {
    width: 15px;
    height: 15px;
    color: #e8e8e8;
    position: absolute;
    left: 34px;
    top: -10px;
    z-index: 1;
    pointer-events: none;
    bottom: 0;
    margin: auto;
}

.sorting-search .sorting-search {
	--field: 40px;
	--fz: 14px;
    padding-left: 35px!important;
}

.custom-filter-toggle button {
	display: flex;
    align-items: center;
    border: 0;
    background: var(--theme);
    gap: 10px;
    border-radius:  var(--rad-sm) ;
    cursor: pointer;
    padding: 8px;
    color: #fff;
	width: 110px;
    height: 36px;
    justify-content: center;
}

.custom-filter-toggle button svg {
    width: 20px;
    height: 20px;
}

body.filter-open {
    overflow: hidden;
}

body.filter-open .custom-filter-toggle {
    top: 0;
}

body.filter-open .custom-filter-toggle button svg {
    display: none;
}

body.filter-open .custom-filter-toggle button::before {
    font-size: 26px;
    content: '\00D7';
    line-height: 1;
}

.icon--chevron-up {
	width: 1px;
	height: 14px;
 }
 .icon--chevron-down {
	width: 24px;
	height: 24px;
 }
 
 
 .catalog-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

body .container .article-bg .catalog-tags-func {
    margin-bottom: 1rem !important;
}

@media (max-width: 767px) {
    .catalog-tags-func {
        flex-wrap: wrap !important;
    }
}

.catalog-tags span,
.catalog-tags .catalog-tags__toggle {
    font-size: 14px;
    line-height: 1;
    padding: 9px 12px;
    white-space: nowrap;
}

.catalog-tags .catalog-tags__toggle {
    padding: 9px 0;
}

.catalog-tags__tag, .catalog-tags__tag2 {
    background: #fae6f5;
    border-radius: 6px;
    color: var(--text);
    font-size: 14px;
    line-height: 1;
    padding: 9px 12px;
    transition: .15s;
    white-space: nowrap;
	display: flex;
    align-items: center;
    gap: 10px;
    min-width: fit-content;
}

.dr-tags .catalog-tags__tag, .dr-tags .catalog-tags__tag {
    background: unset;
    border: 1px solid #e1e1e1;
}


.catalog-tags__tag:visited, .catalog-tags__tag2:visited {
    color: var(--text);
}
.catalog-tags__tag:hover, .catalog-tags__tag2:hover {
    background: var(--theme);
    color: #fff !important;
}

.dr-tags .catalog-tags__tag:hover, .dr-tags .catalog-tags__tag2:hover {
    background: unset;
    border: 1px solid #EA47BF;
    color: var(--text) !important;
}

@media (max-width: 991px){
	.custom-filter-wrap {
		display: none;
		position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: #fff;
        z-index: 99;
        padding: 50px 20px 20px;
	}
	
	.filter-open .custom-filter-wrap {
		display: block
	}
	

	.custom-filter-form {
		flex-wrap: wrap;
	}
	
	.sorting-visual-wrap {
		justify-content: space-between;
	}
	
	.sorting-visual--left {
		width: 100%;
		flex: auto;
	}
}

@media (max-width: 767px) {
	.catalog-tags {
		flex-wrap: nowrap;
		-ms-overflow-style: none;
		border-radius: 6px;
		grid-column: 1 / 3;
		margin-right: -15px;
		min-height: 32px;
		overflow-x: auto;
		padding-right: 15px;
		scrollbar-width: none;
	}

    .to-up {
        bottom: 15rem;
    }
	
	.product .badges-wrapper .badge {
    padding: 5px !important;
    --fz: 9px;
}


}
@media (max-height: 420px) {
	.sorting-dialog-list{
		max-height: 180px;
	}
}


@media (min-width: 992px){
	.custom-filter-toggle {
		display: none
	}
    /* Temporary filter settings*/
    .custom-filter-form .sorting-dialog-content {
        /*display: flex;*/
        flex-direction: row;
        padding-bottom: 0;
    }

    .custom-filter-form .sorting-dialog-column {
        padding-bottom: 0;
    }

    .custom-filter-form .sorting-dialog-actions, .custom-filter-form {
        align-items: baseline;
    }

    body .filter-wrapping {
        margin-bottom: 0;
    }
    /* !Temporary filter settings*/
	
	.filter-wrapping {
         /*position: sticky;*/
         /*top: 0;*/
         /*Need to fix*/
         z-index: 11;
         overflow: visible;
         background: #fff;
         padding: 10px 0;
    }
	.filter-wrapping:after {
		content: '';
		position: absolute;
		left: -50%;
		top: 0;
		width: 250%;
		height: 100%;
		background: #fff;
		z-index: -1;
		border-bottom: 1px solid #f6f6f6;
	}
	.filter-wrapping + .sorting-visual-wrap {
    margin-top: 40px;
}
}
@media (min-width: 600px) and (max-width: 991px){
    body.admin-bar .custom-filter-wrap {
        padding-top: 100px;
    }

    body.filter-open.admin-bar .custom-filter-toggle {
       top: 45px;
    }
}

@media (min-width: 992px) and (max-width: 1024px){
    .filter-wrapping {
        top: 122px;
    }
}

@media (min-width: 1025px){
     body.admin-bar .filter-wrapping {
         top: 32px
     }
}

.price-block .badge {
    border-radius: 25px!important;
}

.product .badge {
    overflow: hidden;
	position: relative;
	
}
.product .badge,
.single-body  .badge {
    background: rgb(235 71 191 / 50%);	
}

.open-mob-menu .mobile-menu .mobile-menu-wrapper .mobile-menu-body nav li:last-child {
    border-bottom: 1px solid var(--border);
}

.product .badge::after {
    animation: badge-new 4s ease-in-out infinite;
    background: linear-gradient(120deg, transparent, transparent 25%, hsla(0, 0%, 100%, .8) 50%, transparent 75%, transparent);
    content: "";
    height: 100%;
    position: absolute;
    right: 100%;
    top: 0;
    width: 100%;
}

@keyframes badge-new {
    0% {
        transform: translateX(0);
    }
    25%,
    50% {
        transform: translateX(200%);
    }
    75%,
    to {
        transform: translateX(0);
    }
}


@media (max-width: 767px){
	.category-acts .custom-filter-toggle {
		position: relative;
		top: 0;
		z-index: 2;
	}   
}


.category-acts {
    display: flex;
    align-items: center;
    gap: 12px;
}

.category-acts .custom-filter-toggle button {
    padding: 6px 8px;
    height: 32px;
}

body.filter-open .custom-filter-toggle,
body.filter-open .category-acts .custom-filter-toggle {
    position: fixed;
	    z-index: 900;
		    left: 0;
}


.search-form-dropdown {
    position: absolute;
    left: 0;
    top: 100%;
    opacity: 0;
    pointer-events: none;
    visibility: hidden;
    width: 100%;
    border-radius: 5px;
    box-shadow: var(--shadow-s);
    background: #fff;
    padding: 5px;
    z-index: 2;
    max-height: 350px;
    overflow-y: auto;
}

.search-form-dropdown.not-empty {
    opacity: 1;
    pointer-events: all;
    visibility: visible;
}

.search-dropdown-item .dropdown-item,
.search-dropdown-item a {
    border-radius: 5px;
    padding: 5px;
    transition: .35s;
    display: flex;
    align-items: center;
    font-size: 14px;
    overflow: hidden;
    gap: 10px;
}


.search-dropdown-item .img {
	width: 45px;
	height: 45px;
	flex: 0 0 45px;
	border-radius: 5px;
	overflow: hidden;
}

.search-dropdown-item a:hover,
.search-dropdown-item .dropdown-item:hover {
    background: #ea47bf26;
}

.groups-list2 .product-prices .price-item .add-var {
    height: var(--field);
}

.groups-list2 .product-prices .price-item .add-var .icon-add:before {
    content: "\e928";
}

.prices-var-list .price-var {
    display: flex;
}

.prices-var-list .price-var > *:not(:last-child) {
    margin-right: 1rem;
}

.prices-var-list .price-var {
    border-bottom: 1px solid var(--border);
    margin-bottom: 1.5rem;
    padding-bottom: 1.5rem;
}

html body .hidden {
    display: none;
}


.menu-primary-container #menu-primary > li > .sub-menu-wrap {
    width: 80% !important;
    top: 0;
    transform: none;
    right: 0;
    left: auto;
    padding-right: 102px;
    padding-top: 20px;
    padding-left: 3%;
    position: absolute;
    opacity: 0;
    pointer-events: none;
    display: none;
}

.menu-primary-container #menu-primary > li.active > .sub-menu-wrap {
    animation: scale .15s forwards;
    display: flex;
}
.menu-primary-container #menu-primary > li.active > a{
    background: #EA47BF1A !important;
    color: #EA47BF !important;
    border-right: 2px solid #EA47BF;
}
@keyframes scale {
    0% {
        opacity: 0;
        transform: scale(.9)
    }

    100% {
        opacity: 1;
        transform: scale(1)
    }
}

.menu-primary-container #menu-primary .menu-item-has-children > a:after {
	display: none

}
.menu-primary-container #menu-primary > li > .sub-menu-wrap > ul {
    column-count: 3;
	column-gap: 15px;
    width: calc(83.2% - 102px);
}

.menu-primary-container #menu-primary > li > .sub-menu-wrap > ul.sub-menu--column-1 {
    column-count: 1;
}

.menu-primary-container #menu-primary > li#menu-item-9704 > .sub-menu-wrap > ul {
    column-count: 1;
}


.menu-primary-container #menu-primary > li > .sub-menu-wrap > ul > li.menu-item-has-children > a {
    white-space: nowrap;
}

body header.site-header .bottom-header .wrapper nav > ul > li ul {
    position: static;
    top: auto;
    width: auto;
    left: 0;
    transform: none;
    background: var(--bg);
    box-shadow: none;
    padding: 0;
    opacity: 1;
    pointer-events: all;
    transition: none;
}

.menu-primary-container #menu-primary > li > .sub-menu-wrap > ul:has(.menu-item-has-children) {
    column-count: auto;
	column-gap: 0;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(calc(100% / 4 - 10px), 1fr));
    grid-column-gap: 12px;
    grid-row-gap: 10px;

}

.menu-primary-container #menu-primary > .fwm > .sub-menu-wrap > ul:has(.menu-item-has-children) {
    column-count: auto;
	column-gap: 0;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(calc(100% / 5 - 10px), 1fr));
    grid-column-gap: 12px;
    grid-row-gap: 10px;
    width: 100%;

}

.menu-product {
    position: absolute;
    right: 102px;
    top: 20px;
    width: calc( 22.5% - 15px);
}

#menu-primary>.menu-third.menu-item-has-children .sub-menu .random .product {
    margin: 0 1em 1em 0;
    border-radius: 0.7rem;
    border: none;
    box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.3);
}

#menu-primary>.menu-third.menu-item-has-children .sub-menu .random .product .image-wrapper .image {
    height: 15rem;
}

#menu-primary>.menu-third.menu-item-has-children .sub-menu .random .product .description {
    display: none;
}

#menu-primary>.menu-third.menu-item-has-children .sub-menu .random .product .content-wrapper {
    padding: 0 3rem 1.5rem 3rem;
}

#menu-primary>.menu-third.menu-item-has-children .sub-menu .random .product .product-meta {
    display: none;
}

#menu-primary>.menu-third.menu-item-has-children .sub-menu .random .product .title {
    font-size: var(--fz-smaller);
    padding: 0;
}

#menu-primary>.menu-third.menu-item-has-children .sub-menu .random .product .actions a {
    color: #fff;
    font-weight: 500;
    display: flex
}

#menu-primary>.menu-third.menu-item-has-children .sub-menu .random .product:hover .actions {
    display: none;
}

.filter_item {
    margin: 10px 0;
}

.filter_item .filter_name {
    font-weight: 600;
}

.filter_item .checkbox-groups-item {
    margin-top: 10px;
}

section.dashboard .wrapper .dashboard-sidebar{
    flex: 0 0 var(--dashboard-sidebar);
}
.tabs-flowers {
    padding: 0 15px
}
.tab-content-flowers_show {
        padding: 0;
    margin-top: -1px;
}
.tab-header-flowers {
    flex-grow: 0
}
.taxonomies-tabs {
    margin-left:0
}
.taxonomies-tabs {
    border-radius: 0 0 var(--rad-sm) var(--rad-sm);
}
.filter-item  > div {
    margin-bottom: 1rem;
}
.form-btn.form-btn--submit {
    width: auto;
}
.filter-categories-form h4 {
    margin-bottom: 1rem
}
.filter-categories-form {
    padding: 15px;
    border: 1px solid var(--border);
    border-bottom:0;
    position:relative
}
.select2-container .select2-selection--multiple {
    min-height: 40px;
}

.select2-container  {
    margin-bottom: 1rem;
    width: 100%!important;
}
.select2-container .select2-search--inline .select2-search__field {
    padding-left:0;
    padding-right:0
}
.filter-categories-form select {
    min-width: 0;
    min-height: 0;
    width: 100%
}

.filter-item-footer {
	margin-bottom: 0!important
}

.filter-tabs .taxonomies-tabs-list {
    max-height: 320px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background: var(--opacity);
    color: var(--theme);
    border-color: var(--theme);
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: var(--theme);
    border-color: var(--theme);
    height: 100%;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover, .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus {
    color: #fff;
    background-color: var(--theme);
}

.select2-container .select2-search--inline .select2-search__field {
	height: 27px!important;
	margin-top:0!important;
    font-family: Mulish!important;
    font-size: 16px!important;
    padding-top: 2px !important;
}
.select2-container .select2-selection--multiple .select2-selection__rendered:empty + span > textarea {
    margin-top: 6px !important;
}



.mobile-header__bottom {
  width: 100%;
  background: white;
  position: fixed;
  bottom: 0;
  padding: 14px 0;
  border-top: 1px solid #D0D0D0;
  z-index: 20;
  text-align:center
}
.mobile-header__bottom .container {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.mobile-header__bottom .container > * {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.mobile-header__bottom .container span {
    font-size: 14px;
    color: #989898;
}

.mobile-header__bottom-ico {
  width: 2.5rem;
  height: 2.5rem;
  background: #989898;
  mask-size: contain;
  mask-repeat: no-repeat;
  transition: .3s;
  cursor: pointer;
  mask-position: center;
}
.mobile-header__bottom-ico.active,
.mobile-header__bottom-ico:hover {
  background:var(--theme);
  transition: .3s;
}

.mobile-header__bottom-ico.active span,
.mobile-header__bottom-ico:hover span{
	    color: var(--theme);
}

.mobile-header__bottom-ico.home {
  mask-image: url("data:image/svg+xml,%3Csvg width='17' height='19' viewBox='0 0 17 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.15625 17.0938V12.8585C6.15625 11.5588 7.20531 10.5056 8.5 10.5056C9.79469 10.5056 10.8438 11.5588 10.8438 12.8585V17.0938H16V9.01292C16 8.51411 15.8022 8.03505 15.4506 7.68212L9.16281 1.36975C8.79625 1.00175 8.20281 1.00175 7.83719 1.36975L1.54937 7.68212C1.19781 8.03505 1 8.51411 1 9.01292V17.0938H6.15625Z' stroke='%23989898' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.mobile-header__bottom-ico.search {
  mask-image: url("data:image/svg+xml,%3Csvg width='19' height='17' viewBox='0 0 19 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.0516 1.97548C11.1566 1.97548 10.2983 2.32255 9.66547 2.94034C9.03264 3.55814 8.67712 4.39605 8.67712 5.26974C8.67712 6.14343 9.03264 6.98134 9.66547 7.59914C10.2983 8.21693 11.1566 8.564 12.0516 8.564C12.9465 8.564 13.8048 8.21693 14.4376 7.59914C15.0705 6.98134 15.426 6.14343 15.426 5.26974C15.426 4.39605 15.0705 3.55814 14.4376 2.94034C13.8048 2.32255 12.9465 1.97548 12.0516 1.97548ZM6.74887 5.26974C6.74898 4.45851 6.94439 3.65866 7.31933 2.9347C7.69427 2.21074 8.23824 1.58294 8.90738 1.10193C9.57652 0.620918 10.3521 0.300164 11.1715 0.165535C11.991 0.0309064 12.8314 0.0861723 13.6249 0.326875C14.4185 0.567578 15.143 0.98698 15.74 1.55126C16.337 2.11553 16.7898 2.80888 17.0619 3.57539C17.334 4.3419 17.4178 5.16011 17.3064 5.96403C17.1951 6.76794 16.8918 7.53506 16.421 8.20352L19 10.7222L17.6367 12.0531L15.0577 9.53534C14.2615 10.0703 13.3307 10.3825 12.3659 10.4385C11.401 10.4944 10.4389 10.2918 9.58346 9.85266C8.72802 9.41349 8.01179 8.75443 7.5122 7.9467C7.01261 7.13897 6.74866 6.2133 6.74887 5.26974ZM0 1.03426H4.82062V2.91669H0V1.03426ZM0 7.62279H4.82062V9.50522H0V7.62279ZM17.3542 14.2113V16.0938H0V14.2113H17.3542Z' fill='%23989898'/%3E%3C/svg%3E%0A");
}
.mobile-header__bottom-ico.cart {
  mask-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 1.41016C0 1.1875 0.0846251 0.995768 0.253875 0.834961C0.423125 0.674154 0.624924 0.59375 0.85927 0.59375H1.50372C2.03751 0.59375 2.47366 0.736002 2.81216 1.02051C3.15066 1.30501 3.41755 1.60807 3.61284 1.92969C3.73001 2.15234 3.83417 2.38119 3.9253 2.61621C4.01644 2.85124 4.10106 3.08626 4.17918 3.32129C4.1922 3.30892 4.20847 3.30273 4.228 3.30273C4.24753 3.30273 4.27031 3.30273 4.29635 3.30273H18.572C19.0406 3.30273 19.4182 3.4821 19.7046 3.84082C19.991 4.19954 20.0692 4.59538 19.939 5.02832L17.8494 12.0049C17.6541 12.6357 17.2765 13.1522 16.7167 13.5542C16.1569 13.9562 15.5254 14.1572 14.8224 14.1572H8.02636C7.32332 14.1572 6.69189 13.9531 6.13206 13.5449C5.57224 13.1367 5.19468 12.611 4.99939 11.9678L4.14012 8.96191L2.69498 4.3418C2.60385 4.03255 2.51271 3.73877 2.42158 3.46045C2.33044 3.18213 2.22629 2.93164 2.10912 2.70898C1.97893 2.4987 1.86501 2.36572 1.76736 2.31006C1.66972 2.25439 1.58184 2.22656 1.50372 2.22656H0.85927C0.624924 2.22656 0.423125 2.14616 0.253875 1.98535C0.0846251 1.82454 0 1.63281 0 1.41016ZM5.80007 8.57227L6.65934 11.541C6.73746 11.8379 6.90671 12.0791 7.16709 12.2646C7.42748 12.4502 7.7139 12.543 8.02636 12.543H14.8224C15.1479 12.543 15.4376 12.4502 15.6914 12.2646C15.9453 12.0791 16.1178 11.8379 16.209 11.541L18.1814 4.93555H4.6674L5.78054 8.49805C5.78054 8.51042 5.7838 8.52279 5.79031 8.53516C5.79682 8.54753 5.80007 8.5599 5.80007 8.57227ZM9.70585 17.4229C9.70585 18.0166 9.48452 18.5269 9.04186 18.9536C8.59921 19.3804 8.05891 19.5938 7.42097 19.5938C6.79605 19.5938 6.259 19.3804 5.80984 18.9536C5.36067 18.5269 5.13609 18.0166 5.13609 17.4229C5.13609 16.8167 5.36067 16.3034 5.80984 15.8828C6.259 15.4622 6.79605 15.252 7.42097 15.252C8.05891 15.252 8.59921 15.4622 9.04186 15.8828C9.48452 16.3034 9.70585 16.8167 9.70585 17.4229ZM8.00683 17.4229C8.00683 17.2744 7.94825 17.1476 7.83108 17.0425C7.7139 16.9373 7.5772 16.8848 7.42097 16.8848C7.26474 16.8848 7.13129 16.9373 7.02063 17.0425C6.90996 17.1476 6.85463 17.2744 6.85463 17.4229C6.85463 17.5713 6.90996 17.6981 7.02063 17.8032C7.13129 17.9084 7.26474 17.9609 7.42097 17.9609C7.5772 17.9609 7.7139 17.9084 7.83108 17.8032C7.94825 17.6981 8.00683 17.5713 8.00683 17.4229ZM17.7127 17.4229C17.7127 18.0166 17.4881 18.5269 17.0389 18.9536C16.5898 19.3804 16.0527 19.5938 15.4278 19.5938C14.8029 19.5938 14.2658 19.3804 13.8167 18.9536C13.3675 18.5269 13.1429 18.0166 13.1429 17.4229C13.1429 16.8167 13.3675 16.3034 13.8167 15.8828C14.2658 15.4622 14.8029 15.252 15.4278 15.252C16.0527 15.252 16.5898 15.4622 17.0389 15.8828C17.4881 16.3034 17.7127 16.8167 17.7127 17.4229ZM15.9941 17.4229C15.9941 17.2744 15.9388 17.1476 15.8281 17.0425C15.7175 16.9373 15.584 16.8848 15.4278 16.8848C15.2716 16.8848 15.1381 16.9373 15.0275 17.0425C14.9168 17.1476 14.8615 17.2744 14.8615 17.4229C14.8615 17.5713 14.9168 17.6981 15.0275 17.8032C15.1381 17.9084 15.2716 17.9609 15.4278 17.9609C15.584 17.9609 15.7175 17.9084 15.8281 17.8032C15.9388 17.6981 15.9941 17.5713 15.9941 17.4229Z' fill='%23989898'/%3E%3C/svg%3E%0A");
}
.mobile-header__bottom-ico.phone {
  mask-image: url("data:image/svg+xml,%3Csvg width='18' height='19' viewBox='0 0 18 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.29183 0.865592C3.41511 -0.311684 5.2648 -0.102498 6.20533 1.22267L7.37016 2.86112C8.13624 3.93916 8.06794 5.44529 7.15879 6.39781L6.93912 6.62938C6.91421 6.72658 6.91168 6.82865 6.93173 6.9271C6.98988 7.32407 7.30462 8.1647 8.62266 9.5463C9.9407 10.9279 10.7437 11.2587 11.1258 11.321C11.2221 11.3414 11.3216 11.3384 11.4166 11.3122L11.7932 10.9172C12.6017 10.0707 13.8422 9.91213 14.8427 10.4852L16.6057 11.4971C18.1166 12.3611 18.4978 14.5249 17.261 15.8219L15.9494 17.1957C15.5359 17.6286 14.9803 17.9896 14.3028 18.0567C12.6322 18.2212 8.73989 18.011 4.64824 13.7232C0.8298 9.72046 0.0969396 6.22949 0.00371692 4.50931C-0.0424329 3.63949 0.347072 2.90393 0.843644 2.38437L2.29183 0.865592ZM5.09774 2.09735C4.62978 1.43866 3.75847 1.38612 3.26743 1.90082L1.81833 3.41863C1.51374 3.73775 1.36791 4.08996 1.38637 4.42661C1.46021 5.79361 2.05092 8.94306 5.62477 12.6889C9.37398 16.6177 12.8361 16.7355 14.1745 16.6031C14.4477 16.5769 14.7191 16.427 14.9729 16.1614L16.2835 14.7866C16.817 14.2282 16.6998 13.2104 15.9448 12.7785L14.1819 11.7676C13.6945 11.4893 13.1241 11.5807 12.7697 11.9524L12.3497 12.3932L11.8605 11.8756C12.3497 12.3932 12.3488 12.3941 12.3479 12.3941L12.347 12.3961L12.3442 12.399L12.3377 12.4048L12.3239 12.4185C12.2849 12.4566 12.2429 12.4911 12.1984 12.5216C12.1245 12.5732 12.0267 12.6306 11.9039 12.6782C11.6547 12.7765 11.3243 12.829 10.9163 12.7629C10.1161 12.6335 9.05555 12.0585 7.64613 10.5815C6.23764 9.10457 5.68753 7.99346 5.56385 7.15088C5.50016 6.72083 5.55093 6.37252 5.64508 6.10982C5.69689 5.962 5.77108 5.824 5.86475 5.70118L5.89428 5.66712L5.90721 5.65253L5.91274 5.64669L5.91551 5.64377L5.91736 5.64183L6.18318 5.36356C6.57823 4.94811 6.63361 4.26023 6.26164 3.73581L5.09774 2.09735Z' fill='%23989898'/%3E%3C/svg%3E%0A");
}
.mobile-header__bottom-ico.user {
  mask-image: url("data:image/svg+xml,%3Csvg width='19' height='19' viewBox='0 0 19 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.25327 0C14.3638 0 18.5065 4.14268 18.5065 9.25326C18.5097 11.3888 17.7712 13.4592 16.4171 15.1106L16.4357 15.1309L16.3135 15.2346C15.4457 16.2609 14.3643 17.0854 13.1448 17.6505C11.9254 18.2156 10.5973 18.5078 9.25327 18.5065C6.52356 18.5065 4.07144 17.3249 2.3781 15.4465L2.19303 15.2336L2.07089 15.1319L2.0894 15.1096C0.735555 13.4585 -0.0029632 11.3885 8.93598e-06 9.25326C8.93598e-06 4.14268 4.14269 0 9.25327 0ZM9.25327 13.8799C7.53216 13.8799 5.97669 14.4277 4.81818 15.1809C6.09753 16.1404 7.65409 16.6581 9.25327 16.6559C10.8525 16.6581 12.409 16.1404 13.6884 15.1809C12.3645 14.3328 10.8255 13.8813 9.25327 13.8799ZM9.25327 1.85065C7.86021 1.85061 6.49542 2.24365 5.31575 2.98459C4.13608 3.72553 3.18943 4.7843 2.58459 6.03921C1.97976 7.29411 1.74129 8.69421 1.8966 10.0786C2.05192 11.463 2.59471 12.7754 3.46258 13.8651C4.96253 12.7889 7.00935 12.0292 9.25327 12.0292C11.4972 12.0292 13.544 12.7889 15.044 13.8651C15.9118 12.7754 16.4546 11.463 16.6099 10.0786C16.7652 8.69421 16.5268 7.29411 15.9219 6.03921C15.3171 4.7843 14.3705 3.72553 13.1908 2.98459C12.0111 2.24365 10.6463 1.85061 9.25327 1.85065ZM9.25327 3.7013C10.2349 3.7013 11.1764 4.09126 11.8705 4.78539C12.5646 5.47952 12.9546 6.42096 12.9546 7.40261C12.9546 8.38426 12.5646 9.3257 11.8705 10.0198C11.1764 10.714 10.2349 11.1039 9.25327 11.1039C8.27162 11.1039 7.33018 10.714 6.63605 10.0198C5.94192 9.3257 5.55197 8.38426 5.55197 7.40261C5.55197 6.42096 5.94192 5.47952 6.63605 4.78539C7.33018 4.09126 8.27162 3.7013 9.25327 3.7013ZM9.25327 5.55196C8.76245 5.55196 8.29173 5.74694 7.94466 6.094C7.5976 6.44106 7.40262 6.91179 7.40262 7.40261C7.40262 7.89343 7.5976 8.36415 7.94466 8.71122C8.29173 9.05828 8.76245 9.25326 9.25327 9.25326C9.74409 9.25326 10.2148 9.05828 10.5619 8.71122C10.9089 8.36415 11.1039 7.89343 11.1039 7.40261C11.1039 6.91179 10.9089 6.44106 10.5619 6.094C10.2148 5.74694 9.74409 5.55196 9.25327 5.55196Z' fill='%23989898'/%3E%3C/svg%3E%0A");
}

body [data-count]:not([data-count="0"]) {
    position: relative;
}

body .count, body [data-count]:not([data-count="0"]):after {
    font-size: calc(var(--fz) * 0.8);
    font-weight: 600;
    background: var(--red);
    color: #fff;
    line-height: 2rem;
    padding: 0 0.4rem;
    min-width: 2rem;
    text-align: center;
    border-radius: 0.9rem;
    flex-shrink: 0;
    width: fit-content;
    transition: 0.2s;
}

body [data-count]:not([data-count="0"]):after {
    content: attr(data-count);
    position: absolute;
    top: 0;
    right: 0;
    transform: translateX(50%) translateY(-30%);
}

.__jivoMobileButton {
	    bottom: 54px!important;
}

.mobile-menu {
	z-index: 11 !important;
	padding-bottom: 100px;
}

.mobile-menu .mobile-menu-wrapper .mobile-menu-body > *:not(:last-child) {
    border-bottom: 0;
}

.mobile-menu-body__header {
    display: flex;
    gap: 20px;
    justify-content: space-between;
    align-items: center;
    padding:1.2rem 1.2rem 1.2rem 2.5rem;
    border: none;
}

.mobile-menu-body__header p {
    font-size: 16px;
    font-weight: 400;
    color: #636363;
}


.mobile-menu-body__header-close {
    transition: .3s;
    width: 24px;
    height: 24px;
    background: #636363;
    cursor: pointer;
    margin-left: auto;
    mask-repeat: no-repeat;
    mask-size: contain;
    mask-position: center;
    mask-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L11 11M1 11L11 1' stroke='%23636363' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.mobile-menu-body__header-close:hover {
    transform: rotate(22deg);
    transition: .3s;
}

#mobile-menu-body__contacts .mobile-menu-body__header {
	padding: 0
}
.advantages .container {
	width: 100%;
	max-width: 1164px;
	margin: auto
}


.advantages {
    padding: 5rem 0;
    background: var(--grey-bg);
    margin: 50px 0;
}
.product-section-title {
    margin-bottom: 3rem;
	    text-align: left;
}

.sly__slide.advantage {
	background: #fff;
    border-radius: 12px;
    margin-right: 16px;
    padding: 16px;
    text-align: center;
    width: 250px;
}


.advantage__title {
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
    margin: 6px 0;
}

.advantage__text {
    font-size: 14px;
    line-height: 20px;
    margin: 0;
}
.mobile-cart-actions {
	display: none
}


.cart-products-block .tab-taxes .line {
    display: flex;
    flex-wrap: wrap;
    gap: 2rem;
    width: 100%;
    justify-content: space-between;
}


.cart-products-block .tab-taxes .tax-tab {
    --crc: 2;
    text-align: center;
    cursor: pointer;
    width: calc(100% / var(--crc) - 2rem);
    display: flex;
    flex-direction: column;
    align-items: center;
}

.cart-products-block .tab-taxes .tax-tab:hover .image {
	    border-color: var(--theme);
    box-shadow: 0 0 0 1px var(--theme) inset;
}

.cart-products-block .tab-taxes .tax-tab .image {
    width: 100%;
    height: 165px;
    border-radius: var(--rad);
    padding: 0.5rem;
    border: 1px solid var(--border);
    margin-bottom: 0.8rem;
    transition: 0.2s;
    position: relative;
}

.cart-products-block .tab-taxes .title {
	    font-weight: 500;
}

.cart-products-block .tab-taxes img {
    height: 100%;
}

.cart-products-block .tab-taxes {
    margin: 0;
}

.cart-more {
    border-top: 1px solid var(--border);
    padding-top: 3rem;
}

.cart-more .block-title {
    margin-bottom: 3rem;
}

.cart-more-carousel .product .actions .btn {
    border-radius: var(--rad-sm);
}

.overflow-hidden {
    overflow: hidden;
}

.product-images-carousel a {
    cursor: grab;
}
.product-images-carousel.slick-initialized a {
	display: block!important
}

.product-images-carousel .slick-dots {
    gap: 6px 4px;
    display: flex!important;
    align-items: center;
    justify-content: center;
    position: absolute;
    width: 100%;
    bottom: -20px;
}


.product-images-carousel .slick-dots button {
    background: #f1f1f1;
    border: 0;
    flex: 0 0 auto;
    height: 6px;
    width: 100%;
    display: block;
    padding: 0;
    transition: .15s;
	border-radius: 50%
}

.product-images-carousel .slick-dots li {
    flex: 0 0 6px;
    width: 6px;
    transition: .15s;
}

.product-images-carousel .slick-dots .slick-active {
    width: 16px;
    flex: 0 0 16px;
}

.product-images-carousel .slick-dots .slick-active button {
    border-radius: 30px;
    background: var(--theme);
}

.advantges-list__item-text {
    color: #000;
    font-family: Mulish;
    font-size: 14px;
    font-weight: 500;
	line-height: 18px;
}

.advantges-list {
    --advl_g: 10px;
    --advl_c: 1;
    display: flex;
    gap: var(--advl_g);
    flex-wrap: wrap;
}

.advantges-list__item-icon {
	flex: 0 0 26px;
	display: flex;
	align-items:center
}

.advantges-list__item {
	--advl_ip: 10px;
    border-radius: 10px;
    border: 1px solid #D0D0D0;
    display: flex;
    width: calc((100% / var(--advl_c)) - var(--advl_g));
    flex: 0 0 calc((100% / var(--advl_c)) - var(--advl_g));
    padding: 9px calc(var(--advl_ip) * 2);
    align-items: center;
    gap: calc(var(--advl_ip) * 2);
}

.line-adv .link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: var(--opacity);
    text-align: center;
    padding: 1rem;
    border-radius: var(--rad);
    color: var(--theme);
    font-weight: 600;
}

.line-adv {
    grid-gap: 1rem;
    -ms-overflow-style: none;
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(4,200px);
    margin: 0 -1rem;
    overflow-x: auto;
    padding: 0px 1rem;
    scrollbar-width: none;
}

.line-adv .link:hover {
    background: var(--theme);
    color: #fff;
}

.inner-product__slider-container,
.inner-recommend__slider-container {
    position: relative;
}


.index-category__slider .swiper-wrapper,
.inner-tabsCart__slider .swiper-wrapper,
.inner-product__slider-container .swiper-wrapper,
.inner-recommend__slider-container .swiper-wrapper {
    display: flex;
    align-items: stretch !important;
}

.inner-product__slider-container .inner-product__slider-prev,
.inner-recommend__slider-container .inner-recommend__slider-prev {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%) translateX(-50%);
    z-index: 3;
}

.inner-product__slider-container .inner-product__slider-next,
.inner-recommend__slider-container .inner-recommend__slider-next {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%) translateX(50%);
    z-index: 3;
}

.index-category__slider  .swiper-slide,
.inner-tabsCart__slider  .swiper-slide,
.inner-product__slider-container  .swiper-slide,
.inner-recommend__slider-container .swiper-slide  {
    display: flex;
    flex-direction: column;
    height: auto;
}

body .product .image-wrapper .description {
	display: none
	
}
@media (max-width: 1024px) {
	.mobile-cart-actions,
	section.single .wrapper .single-body .single-content .price-wrapper .btn-tocarts {
		position: fixed;
		bottom: 62px;
		left: 0;
		right: 0;
		width: 100%;
		z-index: 12;
		background: #fff;
		padding: 1rem;
		border-top: 1px solid var(--border);
		border-bottom: 1px solid var(--border);
	}
	
	section.single .wrapper .single-body .single-content .price-wrapper .btn-tocarts .btn {
		width: 100%
	}
	
	section.single .wrapper .single-body .single-content .price-wrapper .btn.one-click {
	        width: calc(29.5% - 0.5rem);
	}

	.mobile-cart-actions {
		display: block
	}
	.mobile-cart-actions .total {
		display: flex;
		justify-content: space-between;
		padding: 1rem 0;
		font-weight: 500;
		font-size: var(--h6);
	}
    .mobile-cart-actions .oneclick-btn{
		margin-top: 10px;
        color: var(--theme) !important;
	}
	.cart-more {

			margin-bottom: 2rem;
	}


	body .product .content-wrapper .mobile-actions {
		flex-direction: column;
		gap: 1rem;
	}

	body .product .content-wrapper .mobile-actions .btn {
		width: 100%;
	}

	.product .oneclick-btn {
		display: none
	}

	.checkout-form .order-btn,
	.cart-sidebar .order-btn,
    .cart-sidebar .oneclick-btn{
		display: none
	}


	body .product .price-block {
		flex-wrap: wrap;
		justify-content: space-between;
	}

	body .product .price-block .current-price {
		flex: 0 0 100%;
	}

	body .product .price-block .old-price,
	body .product .price-block .badge {
		margin-left: 0!important;
	}


}

body .swiper-slide .product {
	height: 100%
}


@media (max-width: 767.99px) {
	
	body .catalog:not(.very-small) .product {
		--products: 2;
		width: calc(100% / var(--products) - .75em);
		max-width: calc(100% / var(--products) - .75em);
	}

	body .product .image-wrapper {
		padding: 2rem 0 0 0;
		    margin-bottom: 1rem;
			overflow: hidden
	}
	
	body .product .image-wrapper .image img {
    transform: scale(1.13);
}
	
	    body .product .image-wrapper .image {
        height: 16rem;
    }

	body .product .content-wrapper {
		padding: 0 1.64rem 1.64rem 1.64rem;
	}
	body .product .title {
	        --h5: 1.6rem;
	}
	body .product .price-block .current-price {
       --h3: 2rem;
    }
	
	body .product .product-meta {
	
	}

	body .product .product-meta .star-rating:not(.star-rating-mob) {
		display: none;
	}


    body .product .product-meta {
        --fz: 1.3rem;
	}
	.product-images-carousel .slick-list {
		margin-bottom: 10px;
	}
	.product-images-carousel .slick-dots {
	    bottom: -10px;
	}
}
@media (max-width: 600px) {
	.inner-product__slider-container .inner-product__slider-prev,
.inner-recommend__slider-container .inner-recommend__slider-prev,
.inner-product__slider-container .inner-product__slider-next,
.inner-recommend__slider-container .inner-recommend__slider-next {
	display: none
}
}
@media (max-width: 576px) {
	    section.single .wrapper .single-body .single-content .price-wrapper .btn.one-click {
  
    }
	   section.single .wrapper .single-body .single-content .price-wrapper .quantity {
        width: calc(40% - 0.5rem);
    }
	
	.share-btn svg {
		    width: 17px;
	}
	.share-btn {
		height: 45px!important;
	}

}
@media (max-width: 480px) {
	.mobile-header__bottom .container span {
		font-size: 10px;
	}
	
	body:has(.cart-body) .__jivoMobileButton {
		bottom: 185px !important;
	}
	.page-template-page-product .__jivoMobileButton {
		bottom: 110px !important;
	}
}

@media (min-width: 481px) and (max-width: 1024px) {
	.mobile-cart-actions,
	section.single .wrapper .single-body .single-content .price-wrapper .btn-tocarts {
		bottom: 78px;
	}

	body:has(.cart-body) .__jivoMobileButton {
		bottom: 265px !important;
	}
	.page-template-page-product .__jivoMobileButton {
		bottom: 150px !important;
	}
}

@media (min-width: 768px) {
	body .product .product-meta {
		flex-direction: row;
		align-items: center;
	}
	body .product .product-meta .star-rating:not(.star-rating-mob) {
		display: flex;
	}
	body .product .product-meta .star-rating-mob {
		display: none;
	}

 .sly__slide.advantage {
        border-radius: 16px;
        padding: 24px;
        width: 280px;
    }

	.advantges-list {
		--advl_c: 2;
	}
	.advantges-list__item-text  .br_h{
		display: none
	}

	.line-adv {
		grid-template-columns: repeat(4,200px);
	}
}


.main-phone-popup {
	display: none
}

.main-phone-content:after {
    border-color: currentcolor;
    border-style: solid;
    border-width: 0 2px 2px 0;
    content: "";
    height: 8px;
    position: absolute;
    right: -20px;
    top: 20px;
    transform: rotate(45deg);
    width: 8px;
    z-index: 3;
}

.cart-more__list ul::-webkit-scrollbar {
  display: none;
}

.cart-more__list ul {
	overflow-x: auto;
	 scrollbar-width: none;
	 -ms-overflow-style: none;
}

.cart-more-carousel {
    margin-top: 3rem;
}

.cart-more-carousel.slick-slider .slick-arrow {
    top: 100%;
}

.cart-more-carousel.slick-slider .slick-arrow.prev {
    left: 0;
}

.cart-more-carousel.slick-slider .slick-arrow.next {
    right: auto;
    left: 70px;
}

.cart-more-carousel__item {
    padding: .5rem;
}

.cart-more-carousel .slick-list {
    padding-bottom: 40px;
}

.cart-more-carousel .product .actions {
    position: relative;
	display:flex;
	top: auto;
	left: 0;
	right: 0;
	gap: 1rem;
    padding: 0 .5rem 0.5rem;
}
.cart-more-carousel .product .actions .btn {
    --field: 3.8rem;
}

.cart-more-carousel .product .fav-btn {
	background: transparent
}
.cart-more-carousel .product .image-wrapper .image {
    height: 14rem;
}

.cart-more-carousel .product {
	height: 100%
}

.cart-more__tag {
    background: var(--focus);
    color: var(--text);
    font-size: 14px;
    margin-right: 12px;
    padding: 9px 12px;
    transition: .15s;
    white-space: nowrap;
    display: block;
    border-radius: var(--rad-sm);
}

.cart-more__tag.active, .cart-more__tag:hover {
    background: var(--theme);
    color: #fff;
}

.cart-more__tags ul {
    cursor: grab;
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0;
}

.cart-products-block {
    overflow: hidden;
}

.cart-products-block {
    overflow: hidden;
}
@media (min-width: 1025px){
	.cart-products-block .tab-taxes .tax-tab {
		--crc: 4;
	}

	.main-phone-popup {
		background: #fff;
		border-radius: 16px;
		box-shadow: 0 18px 64px -10px hsla(214, 7%, 46%, .24);
		display: none;
		left: 0 !important;
		padding: 16px;
		position: absolute;
		top: calc(100% + 8px);
		transform: translateZ(0);
        width:280px;
		z-index: 10;
	}


	.main-phone {
		position: relative;
	}
	
	.main-phone-popup__item {
		padding: 5px 0;
		white-space: nowrap;
	}

	.main-phone:hover .main-phone-popup::before {
        content: "";
        height: 100%;
        left: -2px;
        position: absolute;
        top: -8px;
        width: 100%;
        z-index: -1;
	}
    .main-phone:hover .main-phone-popup {
        display: block;
        left: -20px;
        top: -12px;
    }
.line-adv {
    grid-template-columns: repeat(5, 1fr);
}
}
@media (min-width: 1200px){
	body .product .content-wrapper {
		padding: 0 1rem 1rem 1rem;
	}
	body .product .image-wrapper {
		padding: 1rem 1rem 0 1rem;
	}
	body .catalog:not(.very-small) .product {
    --products: 4;
}

	.product-images-carousel .slick-dots li {
		flex: 0 0 8px;
		width: 8px;
	}
	.product-images-carousel .slick-dots button {
		height: 8px
	}
	
	.advantges-list {
		--advl_g: 20px;
	}
	
	
}



.menu-item-image {
	background: #F5F5F5;
	border-radius: 5px;
    margin-right: 20px;
	overflow:hidden;
	flex: 0 0 48px;
	width: 48px;
	height: 48px;
}

.mobile-menu-body nav li img {
	width: 100%;
    height: 100%;
   
}

.checkout-form-head {
    display: flex;
    align-items: center;
    gap: 3rem;
    flex-wrap: wrap;
}

.checkout-form-head  .checkbox-custom {
    font-size: var(--fz-larger);
	    font-weight: 600;
}


.checkout-form-head .checkbox {
    display: flex;
}

.checkbox-custom label::before {
    height: var(--checkbox);
    width: var(--checkbox);
    flex: 0 0 var(--checkbox);
    border: 1px solid var(--border);
    border-radius: var(--rad-sm);
    display: flex;
    align-items: center;
    justify-content: center;
    color: transparent;
    transition: 0.3s;
    cursor: pointer;
    font-size: 1.2rem;
    content: '';
}

.checkbox-custom input:checked + label::before {
    background: var(--theme);
    border-color: transparent;
}

.checkbox-custom input:checked + label::after {
    content: '';
    position: absolute;
    left: 2px;
    top: 9px;
    width: 17px;
    height: 17px;
    background: white;
    mask-repeat: no-repeat;
    mask-size: contain;
    mask-image: url(
    "data:image/svg+xml,%3Csvg width='18' height='13' viewBox='0 0 18 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17 1L6 12L1 7' stroke='%230F172A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.checkbox-custom input {
    display: none;
}

.checkbox-custom label {
    display: flex;
    align-items: center;
    gap: 1rem;
    cursor: pointer;
	position: relative
}

.product-article__item {
    border-bottom: solid 1px #EA47BF78;
    padding-bottom: 20px;
}

.single-sidebar.article {
    background: #FBFBFB;
    border-radius: 13px;
    border: none !important;
    padding: 25px 20px !important;
    height: fit-content !important;
}

.product-article__item-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    cursor: pointer;
}

.product-article__review-header {
    display: flex;
    align-items: center;
    gap: 10px;
}

.product-article__item-header p {
    font-size: 16px;
    font-weight: 500;
    color: black;
}

.product-article__items-container .additionalDescription .description,
.product-article__items-container .additionalDescription {
	--fz-smaller: 14px;
	font-size: var(--fz-smaller);
}

.product-article__item-header-arrow {
    width: 15px;
    height: 15px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    transform: rotate(180deg);
    transition: .3s;
    background-image: url("data:image/svg+xml,%3Csvg width='15' height='9' viewBox='0 0 15 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 8L7.5 2L14 8' stroke='%23D3D3D3' stroke-width='2'/%3E%3C/svg%3E%0A");
}

.product-article__item-header.active .product-article__item-header-arrow {
    transform: rotate(0);
    transition: .3s;
}

.product-article__item-content {
    max-height: 0;
    overflow: hidden;
    transition: .3s;
}

.active.product-article__item-content {
    max-height: 1000px;
    margin-top: 30px;
}

.product-article__items-container {
    display: flex;
    flex-direction: column;
    gap: 20px;
}


.product-article__review-header p:first-child {
    font-size: 36px;
    font-weight: 700;
    color: var(--theme);
}

.product-article__review-header p:last-child {
    font-size: 16px;
    font-weight: 500;
    color: #989898;
}

.product-article__review-action {
    margin-top: 12px;
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.product-article__review-action-slider {
    display: flex;
    align-items: center;
    gap: 7px;
}

.product-article__review-showAll {
    border-radius: 4px;
    border: solid 1px #EA47BF;
    height: 40px;
    padding: 0 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: 600;
    flex: 1;
    transition: .3s;
    max-width: 200px;
}

.product-article__review-showAll:hover {
    background: #EA47BF;
    color: white;
}

.product-article__review-action .tovarreview {
    margin: 0 !important;
    flex: 1.3;
    width: 100% !important;
    height: 40px;
    font-size: 14px;
    font-weight: 600;
    max-width: 200px;
}

.product-article__review-slider .comments-list .comment .comment-header {
    flex-direction: column-reverse;
    align-items: start;
    margin-bottom: 20px;
}

.product-article__review-slider .comments-list .comment .comment-header .text {
    margin-top: 10px;
}

.product-article__review-slider .star-rating li {
    font-size: 15px;
}

.product-article__review-slider .comments-list .comment .comment-header .text .title {
    font-size: 14px;
}

.product-article__review-slider .comments-list .comment .comment-header .text .date {
    font-size: 14px;
}

 .product-article__review-slider .comments-list .comment .comment-content {
    --fz-smaller: 14px;
    font-weight: 600;
}

.product-article__review-slider .comment {
    background: white;
    padding: 20px;
    border-radius: 8px;
}


.body .product .actions--description {
	left: 0;
    right: 0;
}

body .product:hover .actions--description {
    box-shadow: 0px 9px 15px 0px rgba(0, 0, 0, 0.1);
}

body .product .actions--description .description {
    padding: 10px;
    border-top: 1px solid var(--border);
}

.tab-pane:not(.tab-pane-show) {
    display: none;
}

.inner-tabsCart__btn-container {
    display: flex;
    align-items: center;
    gap: 25px;
    margin-top: 25px;
}

.cart-tabs__container .tab-nav {
    margin: 25px 0;
    display: flex;
    align-items: center;
    gap: 20px;
    overflow: auto;
    scrollbar-width: none;
}

.cart-tabs__container .tab-nav button {
    height: 50px;
    padding: 0 20px;
    border: 1px solid #EA47BF;
    outline: none;
    background: none;
    border-radius: 10px;
    color: #EA47BF;
    font-size: 16px;
    font-weight: 700;
    cursor: pointer;
    transition: .3s;
    text-wrap: nowrap;
}

.cart-tabs__container .tab-nav button:hover,
.cart-tabs__container .tab-nav button.tab-btn-active {
    background: #EA47BF;
    color: white;
    transition: .3s;
}

.inner-tabsCart__slider-container .product .image-wrapper .image{
	    height: 22rem;
}
.inner-tabsCart__slider-container .oneclick-btn {
    display: none !important;
}

.menu-product .mobile-actions{
	display: none!important
}

body .product .fav-btn span {
    color: rgb(235 71 191 / 50%);
}

.index-category__slider-container {
    position: relative;
}

.index-category__slider-container .index-category__slider-btnPrev {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%) translateX(-50%);
    z-index: 3;
}

.index-category__slider-container .index-category__slider-btnNext {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%) translateX(50%);
    z-index: 3;
}

.index-category__slider {
    padding: 20px 10px;
}

.index-category__slider-item {
    border-radius: 0 0 15px 15px;
    background: white;
    box-shadow: 0px 4px 15.4px 0px #0000000F;
    transition: .3s;
}

.index-category__slider-item img {
    border-radius: 15px 15px 0 0;
}

.category-content-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 15px;
    margin: 20px 0;
}

.index-category__slider-item .title {
    font-size: 18px;
    font-weight: 500;
    color: black;
    text-align: center;
}

.index-category__slider-item .quantity {
    font-size: 18px;
    font-weight: 500;
    color: #888888;
    align-items: center;
    justify-content: center;
}

@media (min-width: 1750px){
	
	.advantges-list {
		--advl_c: 4;
	}
	
	.advantges-list__item {
		--advl_ip: 20px;
		padding: 19px calc(var(--advl_ip) / 2) 19px calc(var(--advl_ip) * 2) 
	}
	.advantges-list__item-text{
		line-height: 25px;
		font-size: 20px;
	}

	.advantges-list__item-text  .br_h{
		display: block
	}	
}

.menu-item-type-custom .menu-item-type-custom {
    margin: 10px 0;
}

body .catalog .product {
    box-shadow: 0px 4px 30px 0px #0000000D !important;
}

body .inner-product__catalog-slider .product {
    box-shadow: 0px 4px 30px 0px #0000000D !important;
}

body .catalog .product:hover {
    box-shadow: 0px 4px 35px 0px #0000000D !important;
}

body .inner-product__catalog-slider .product:hover {
    box-shadow: 0px 4px 35px 0px #0000000D !important;
}

.top-footer .nav {
    margin: 0 10px;
}

header.site-header .bottom-header .wrapper nav>ul>li>a{
    padding-top: 0;
}
header.site-header .bottom-header .wrapper nav>ul>li:first-child>a{
    padding-top: 10px;
}

.mobile-actions .oneclick-btn span {
    color: #989898;
}

.mobile-actions .oneclick-btn:hover span {
    color: black;
}

body .oneclick-btn span.text {
    padding: 0;
}

body .actions--description .description .content {
    color: #888;
    font-size: 1.2rem;
}

body .btn-tocarts .pushed {
    background: white;
    color: #ea47bf;
    border: 1px solid #ea47bf;
}

body input[type=checkbox]:not(.large-time-input):not(.cell-data).error {
    border-color: var(--red-focus) !important;
   /* box-shadow: 0 0 0 3px var(--red-focus) !important;*/
}

.accept-wrapper {
    position: relative;
	    display: flex
;
}

.accept-wrapper input[type=checkbox]:not(.large-time-input):not(.cell-data).error + span {
    opacity: 1;
}

.accept-wrapper span {
    width: 15px;
    height: 15px;
    border: 1px solid var(--red-focus);
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    opacity: 0;
    box-shadow: 0 0 0 2px var(--red-focus);
    margin: auto;
    bottom: 0;
}

.blog-item__content .article-block .swiper {
    width: 1320px;
}

.article-block ul.star-rating {
    padding-left: 0;
}

.article-block ul.star-rating li{
    margin-bottom: 1rem;
}

@media (max-width: 1180px) {
    .blog-item__content .article-block .swiper {
        width: 1000px;
    }
}


@media (max-width: 1024px) {
		.cart-tabs__container .tab-nav {
		margin: 15px 0;
		gap: 10px;
	}

	.cart-tabs__container .tab-nav button {
		height: 36px;
		padding: 0 12px;
		font-size: 13px;
	}
	.inner-tabsCart__btn-container {
		gap: 15px;
		margin-top: 15px;
	}
    .blog-item__content .article-block .swiper {
        width: 920px;
    }

}

.menu-primary-container #menu-primary > li#menu-item-29  > .sub-menu-wrap > ul:has(.menu-item-has-children){
    width: 100% !important;
    grid-template-columns: repeat(auto-fill, minmax(calc(100% / 6 - 10px), 1fr)) !important;
}

a.title--link, a.title--link:visited {
    color: var(--text)
}

/*.main-slider .slide .line a.btn {
    background: #fff;
    color: #000;
}*/

@media (max-width: 830px) {
    .blog-item__content .article-block .swiper {
        width: 758px;
    }
}


@media (max-width: 768px) {
    section.first-slide .wrapper .main-slider .slide .content {
        background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.6)) !important;;
    }
    section.first-slide .wrapper .main-slider .slide .content .description br {
        display: none;
    }
    .blog-item__content .article-block .swiper {
        width: 722px;
    }
}

@media (max-width: 430px) {
    .blog-item__content .article-block .swiper {
        width: 366px;
    }
    body .main-slider .slide h1.title {
        font-size: 2.2rem !important;
    }
    body .main-slider .slide div.description {
        font-size: 14px !important;
        margin-bottom: 0 !important;
    }
    .inner-width {
        margin-bottom: 30px;
    }
}

@media (max-width: 375px) {
    .blog-item__content .article-block .swiper {
        width: 356px;
    }
}

body .social .icon-max img {
    width: 25px;
}

.communication {
    --comm-columns: 1;
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(var(--comm-columns), 1fr);
}

.communication-item {
    display: flex;
    align-items: center;
    border-radius: 5px;
    border: 1px solid #ECECEC;
    padding: 10px;
    cursor: pointer;
    height: 49px;
}

.communication-item input {
    display: none;
}

.communication-item__logo .icon {
    width: 32px;
    height: 32px;
}

.communication-item__text {
    margin-right: auto;
    font-size: var(--fz-small);
    font-weight: 500
}

.communication-item__logo {
    display: flex;
}

.communication-item__marker {
    border: 1px solid #ECECEC;
    border-radius: 50%;
    width: 21px;
    flex: 0 0 21px;
    height: 21px;
    transition: all 0.3s ease;
    margin-right: 12px;
}

.communication-item input:checked ~ .communication-item__marker {
    border: 7px solid #000;
}

.communication_detail {
    display:none
}

.warning-notice {
    border: 1px solid red;
    border-radius: 10px;
    padding: 10px;
}

.success-orders-block {
    margin-top: 4rem;
    background: #EA47BF;
    color: #FFFFFF;
    padding: 3rem;
    text-align: center;
}

.success-orders-block .total-orders {
    font-size: 40px;
    font-weight: 700;
}

.success-orders-block .total-orders-text {
    font-size: 20px;
    font-weight: 500;
    line-height: 2;
    margin-bottom: 1.5rem;
}

.success-orders-block .total-orders-text span {
    font-size: 16px;
    font-weight: 300;
}

.success-orders-block .last-review {
    border: 1px solid #FFFFFF;
    border-radius: 10px;
    padding: 2rem;
    background: #FFFFFF;
    color: #000000;
    font-size: 16px;
    font-weight: 300;
    text-align: left;
}

.success-orders-block .last-review .review-card-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1rem;
}

.success-orders-block .last-review .review-card-header .text {
    font-size: 20px;
}

.success-orders-block .last-review .review-card-header .text {
    font-size: 20px;
}

nav ul.sub-menu li.hmi>a {
    display: none !important;
}

@media (min-width: 768px) {
    .communication {
        --comm-columns: 2;
        gap: 20px
    }

    .communication-item {
        height: 52px;
    }

    .communication-item__text {
        font-size: 18px;
    }
}

@media (min-width: 1920px) {
    .communication {
        --comm-columns: 4;
    }
}

/*.tax-tabs-toggle {
    display: none;
}*/

/*@media (max-width: 768px) {*/
    .tab-taxes .line {
        display: grid !important;
        grid-template-columns: repeat(3, 1fr);
        gap: 8px;
    }

    .tab-taxes:not(.is-open) .tax-tab:nth-child(n+4) {
        display: none;
    }

    .tax-tabs-toggle {
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 14px auto 0;
        width: 38px;
        height: 38px;
        border: 0;
        background: transparent;
        cursor: pointer;
    }

    .tax-tabs-toggle span {
        width: 14px;
        height: 14px;
        border-right: 2px solid var(--theme);
        border-bottom: 2px solid var(--theme);
        transform: rotate(45deg);
        transition: transform .2s ease;
    }

    .tab-taxes.is-open .tax-tabs-toggle span {
        transform: rotate(225deg);
    }
/*}*/

.btn-promo-blog {
    margin: 0 auto;
}
.tab-taxes__slider-container {
    width: 100%;
    position:relative;
}
.tab-taxes__slider-container .swiper-slide {
    height: 100%
}
.tab-taxes__slider .tax-tab{
    width: 100%;
    height: 100%;
    border-radius: var(--rad);
    padding: 0.5rem;
    border: 1px solid var(--border);
    margin-bottom: 0.8rem;
    transition: 0.2s;
    position: relative;
    cursor: pointer;
}
.tab-taxes__slider .tax-tab .image {
	text-align: center
}
.tab-taxes__slider .tax-tab img{
    max-height: 105px;
	margin: auto
}

.tab-taxes__slider .tax-tab:hover{
    border-color: var(--theme);
    box-shadow: 0 0 0 1px var(--theme) inset;
}
.tab-taxes__slider .tax-tab .title {
    font-weight: 500;
    text-align:center;
    font-size: 13px;
}
.tab-taxes__slider-container .btn{
    position: absolute;
    top: 40%;
    left: 0;
    transform: translateY(-50%) translateX(-50%);
    z-index: 3;
}
.tab-taxes__slider-container .btn.next{
    right:0;
    left: 100%;
    transform: translateY(-50%) translateX(-50%);
}
/*.blog_post-template-default .article-block table tr td {
    border: 1px solid #000000;
}*/

.categories-tabs__nav {
    display: flex;
    align-items: center;
    gap: 8px;
	scroll-behavior: smooth;
    scrollbar-width: none;
    -ms-overflow-style: none;
	overflow-x: auto;
		  background: #F6F6F6;
    padding: 8px;
    border-radius: 12px;
}

.categories-tabs__nav a {
    font-weight: 500; 
    font-size: 13px;
    line-height: 1.3;
    color: #111111!important;
    border-radius: 4px;
    display: block;
    padding: 8px 12.5px;
    white-space: nowrap;
}

.categories-tabs__nav a:hover, .categories-tabs__nav .ttab-active a{
    background: var(--theme);
    color: #fff!important;
}

.categories-inline {
    display: flex;
    align-items: center;
    gap: 10px;
    overflow-x: auto;
	padding-bottom:5px;
	padding-right: 5px;
}

.categories-inline::-webkit-scrollbar {
  width: 3px;
  height: 3px;
  background: #F6F6F6;
  border-radius: 4px;
}
.categories-inline::-webkit-scrollbar-track {
background: #F6F6F6;
  border-radius: 4px;
}
.categories-inline::-webkit-scrollbar-thumb {
    background: var(--theme);
	  border-radius: 4px;
}

.categories-tabs__wrap {
	 position: relative;
	     display: flex;
		     margin-bottom: 8px;
}
.categories-tabs__nav-wrap {
       border-radius: 12px;
	overflow: hidden;
    background: #F6F6F6;

}

.categories-tabs__btn {
    position: absolute;
    top: 4px;
    bottom: 4px;
    width: 25px;
    height: 25px;
    top:50%;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    cursor: pointer;
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    z-index: 2;
    opacity: 0;
    pointer-events: none;
    outline:0;
    border:0
}
.categories-tabs__btn.visible {
    opacity: 1;
    pointer-events: auto;
  }


.categories-tabs__btn svg {
        width: 9px;
    height: 9px;
} 

.categories-tabs__btn.prev {
    left: -12px;
}


.categories-tabs__btn.prev svg {
    transform: scale(-1)
}

.categories-tabs__btn.next {
    right: -12px;
}

.categories-tabs__content .categories-tabs__btn {
    margin-top: -4px;
	
	display:none
}
.blog-item__content {
    min-width: 0;
}

body.blog_post-template-default section.about {
    padding-top: 0px !important;
}

body.blog_post-template-default .contents {
    --fl-pink: #ea47bf;
    --fl-pink-dark: #b5238a;
    --fl-bg: #fdeaf7;
    --fl-bg-hover: #fbe0f2;
    align-items: center;
    justify-content: space-between;
    background: var(--fl-bg);
    border: 1px solid #f6cfe9;
    border-radius: 18px;
    padding: 26px 32px;
    margin: 28px 0;
    position: relative;
    transition: background .2s ease, transform .1s ease, box-shadow .2s ease;
    -webkit-tap-highlight-color: transparent;
}

.blog_post-template-default .article-block .table-container {
  width: 100%;
  overflow-x: auto; /* Включает горизонтальный скролл при переполнении */
  -webkit-overflow-scrolling: touch; /* Плавный скролл на мобильных устройствах */
}


.blog_post-template-default .article-block table{
    width: fit-content;
    display: block;
    border-collapse:separate;
    border-spacing:0;
    background:#fff;
    font-size:15px;
    overflow:hidden;
    border-radius:var(--fl-radius);
  }
    .blog_post-template-default .article-block table th,
    .blog_post-template-default .article-block table td {
        min-width: 140px;
    }
  .blog_post-template-default .article-block table thead th{
    background:linear-gradient(135deg, var(--fl-head-1), var(--fl-head-2));
    color:#fff;
    font-weight:600;
    text-align:left;
    padding:16px 18px;
    font-size:15px;
    letter-spacing:.2px;
    border:none;
    vertical-align:middle;
  }
  .blog_post-template-default .article-block table tbody td{
    padding:15px 18px;
    border-bottom:1px solid var(--fl-pink-border);
    vertical-align:top;
    color:var(--fl-text);
  }
  .blog_post-template-default .article-block table tbody tr:nth-child(even){ background:var(--fl-pink-lighter); }
  .blog_post-template-default .article-block table tbody tr:hover{ background:var(--fl-pink-soft); transition:background .15s ease; }
  .blog_post-template-default .article-block table tbody tr:last-child td{ border-bottom:none; }

  /* Скругление внешних углов */
  .blog_post-template-default .article-block table thead tr th:first-child{ border-top-left-radius:var(--fl-radius); }
  .blog_post-template-default .article-block table thead tr th:last-child { border-top-right-radius:var(--fl-radius); }
  .blog_post-template-default .article-block table tbody tr:last-child td:first-child{ border-bottom-left-radius:var(--fl-radius); }
  .blog_post-template-default .article-block table tbody tr:last-child td:last-child { border-bottom-right-radius:var(--fl-radius); }

  @media (max-width:600px){
    .blog_post-template-default .article-block table{ font-size:13.5px; }
    .blog_post-template-default .article-block table thead th, .blog_post-template-default .article-block table tbody td{ padding:11px 12px; }
  }

@media (min-width:1200px){
	.categories-tabs__wrap {
		margin-bottom: 16px;
	}
	.categories-tabs__nav a {
		font-size: 14px;
	}
	.categories-tabs__content .categories-tabs__btn {
		display:block
	}
}

/* ============================================================
   Страница «Подписка на цветы» (page-subscription.php)
   Масштаб: 1rem ≈ 12px при ширине 1920 (html font-size: 0.62vw)
   ============================================================ */
.subscription {
    --sub-accent: #d943af;
    --sub-accent-dark: #bc469b;
    --sub-text: #2d2d2d;
    --sub-border: #f0c3c9;
    --sub-pink: #f3c4ca;
    --sub-bg: #f9f3f4;
    --sub-card: #fffafa;
    --sub-grey: #9f9f9f;
    --sub-placeholder: #b9a4a7;
    --sub-rad: 1.7rem;
    --sub-gap: 2.35rem;
    --sub-space: 6.7rem;
    color: var(--sub-text);
    overflow: hidden;
    max-width: 100vw;
}
.subscription .accent { color: var(--sub-accent); }
.subscription .accent-dark { color: var(--sub-accent-dark); }
.subscription .sub-center { display: flex; justify-content: center; text-align: center; }
.subscription img { max-width: 100%; }

/* --- Секции --- */
.subscription .sub-section { margin-top: var(--sub-space); position: relative; }
.subscription .sub-section:last-child { margin-bottom: var(--sub-space); }
.subscription .sub-section--bg { background: var(--sub-bg); padding: var(--sub-space) 0; }
.subscription .sub-section .container { position: relative; z-index: 1; }

/* --- Заголовки блоков --- */
.subscription .sub-head {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 1.7rem;
    max-width: 100rem;
    margin: 0 auto 3.4rem;
}
.subscription .sub-head .sub-lead { max-width: 56rem; }
.subscription .sub-head--wide { max-width: 107rem; }
.subscription .sub-head--wide .sub-lead { max-width: none; }
.subscription .sub-title {
    font-size: 3.9rem;
    font-weight: 800;
    line-height: 1.2;
    text-transform: uppercase;
    color: var(--sub-text);
    margin: 0;
}
.subscription .sub-lead {
    font-size: 1.85rem;
    font-weight: 600;
    line-height: 1.65;
    color: var(--sub-text);
    margin: 0;
}
.subscription .sub-ornament { width: 7.7rem; height: 1rem; display: block; }
.subscription .sub-heart-inline { width: 1.25rem; height: 1.2rem; display: inline-block; vertical-align: middle; margin-left: .3rem; }

/* --- Кнопки (поверх базового .btn темы) --- */
.subscription .btn.sub-btn {
    --field: 6.3rem;
    border-radius: 10rem;
    font-size: 1.7rem;
    font-weight: 800;
    background: var(--sub-accent);
    color: #fff;
    border: 1px solid transparent;
    white-space: nowrap;
}
.subscription .btn.sub-btn:hover { background: var(--sub-accent-dark); }
body .subscription .btn.sub-btn.outline {
    background: transparent;
    border-color: var(--sub-border);
    color: var(--sub-accent);
}
body .subscription .btn.sub-btn.outline:hover { background: rgba(217, 67, 175, 0.08); border-color: var(--sub-border); }

/* --- Сетки --- */
.subscription .sub-grid { display: grid; gap: var(--sub-gap); }
.subscription .sub-grid--2 { grid-template-columns: repeat(2, 1fr); }
.subscription .sub-grid--3 { grid-template-columns: repeat(3, 1fr); }
.subscription .sub-grid--4 { grid-template-columns: repeat(4, 1fr); }
.subscription .sub-grid + .sub-center { margin-top: 3.4rem; }

/* --- Карточка --- */
.subscription .sub-card {
    position: relative;
    overflow: hidden;
    background: var(--sub-card);
    border-radius: var(--sub-rad);
    padding: 10rem 2.5rem 2.5rem;
    display: flex;
    flex-direction: column;
    gap: .85rem;
}
.subscription .sub-card::before,
.subscription .sub-card::after {
    content: '';
    position: absolute;
    width: 21rem;
    height: 18.8rem;
    background: no-repeat center / 100% 100%;
    pointer-events: none;
}
.subscription .sub-card::before { left: 0; bottom: 0; background-image: url(../img/subscription/card-blur.svg); }
.subscription .sub-card::after { right: 0; top: 0; background-image: url(../img/subscription/card-heart.svg); transform: rotate(180deg); }
.subscription .sub-card > * { position: relative; z-index: 1; }
.subscription .sub-card__icon { position: absolute; left: 2.5rem; top: 2.5rem; width: 7rem; height: 6.6rem; }
.subscription .sub-card__icon img { width: 100%; height: 100%; display: block; }
.subscription .sub-card__title { font-size: 2.2rem; font-weight: 600; line-height: 1.4; color: #000; }
.subscription .sub-card__text { font-size: 1.35rem; line-height: 1.5; color: var(--sub-text); }
.subscription .sub-card__text small { font-size: 1rem; color: #8f8f8f; }
.subscription .sub-card__text b { font-weight: 700; }

/* номер шага */
.subscription .sub-card__num span {
    position: absolute;
    left: 0;
    top: 0;
    width: 5.7rem;
    height: 5.7rem;
    border-radius: 50%;
    background: var(--sub-pink);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 4rem;
    font-weight: 800;
    color: var(--sub-accent-dark);
    line-height: 1;
}
.subscription .sub-card__num::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 6.2rem;
    height: 6.2rem;
    border: 1px solid var(--sub-pink);
    border-radius: 50%;
}
.subscription .sub-card__num::after {
    content: '';
    position: absolute;
    left: 5.2rem;
    top: 3.8rem;
    width: 1.1rem;
    height: 1rem;
    background: url(../img/subscription/heart-mini.svg) no-repeat center / contain;
    transform: rotate(63deg);
}

/* карточка сравнения */
.subscription .sub-card--compare { padding: 3.4rem 2.5rem; gap: 1.7rem; }
.subscription .sub-card--compare .sub-list { gap: 1.7rem; }
.subscription .sub-card--active { border: 2px solid var(--sub-accent); }
.subscription .sub-card__arc { position: absolute; right: 0; bottom: 0; width: 21.6rem; height: auto; transform: rotate(180deg); z-index: 0; }
.subscription .sub-card__arc-top { position: absolute; left: 43%; top: 0; width: 21.5rem; height: auto; z-index: 0; }

/* карточка с фото (для кого) */
.subscription .sub-audience .sub-grid { padding-top: 6.8rem; }
.subscription .sub-card--center { align-items: center; text-align: center; }
.subscription .sub-card--photo { overflow: visible; padding-top: 6.7rem; }
.subscription .sub-card__photo {
    position: absolute;
    left: 50%;
    top: -6.7rem;
    width: 11.5rem;
    height: 11.5rem;
    margin-left: -5.75rem;
    border-radius: 50%;
    z-index: 2;
}
.subscription .sub-card__photo img { width: 100%; height: 100%; border-radius: 50%; object-fit: cover; display: block; }
.subscription .sub-card__photo::before {
    content: '';
    position: absolute;
    left: -.5rem;
    top: -.3rem;
    width: 12.5rem;
    height: 12.5rem;
    border: 1px solid var(--sub-pink);
    border-radius: 50%;
}
.subscription .sub-card__photo::after {
    content: '';
    position: absolute;
    right: -2rem;
    top: 3.2rem;
    width: 2.8rem;
    height: 2.4rem;
    background: url(../img/subscription/heart-pale.svg) no-repeat center / contain;
    transform: rotate(-30deg);
}

/* --- Списки --- */
.subscription .sub-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: .7rem; }
.subscription .sub-list li { display: flex; align-items: flex-start; gap: .85rem; font-size: 1.35rem; line-height: 1.5; color: var(--sub-text); }
.subscription .sub-list li::before { content: ''; flex-shrink: 0; background: no-repeat center / contain; }
.subscription .sub-list--minus li::before,
.subscription .sub-list--check li::before { width: 2rem; height: 2rem; }
.subscription .sub-list--minus li::before { background-image: url(../img/subscription/icon-minus.svg); }
.subscription .sub-list--check li::before { background-image: url(../img/subscription/icon-check.svg); }
.subscription .sub-list--heart { padding-left: 2.5rem; }
.subscription .sub-list--heart li::before { width: .75rem; height: 1.4rem; margin-top: .3rem; background-image: url(../img/subscription/bullet-heart.svg); }

/* --- Первый экран --- */
.subscription .sub-hero {
    position: relative;
    min-height: 67rem;
    background: #f9dfe6 no-repeat center / cover;
    display: flex;
    align-items: center;
    padding: 5rem 0;
    overflow: hidden;
}
.subscription .sub-hero::before {
    content: '';
    position: absolute;
    inset: 0;
    background: radial-gradient(ellipse 55% 90% at 22% 45%, rgba(255,255,255,.75), rgba(255,255,255,0) 70%);
    pointer-events: none;
}
.subscription .sub-hero .container { position: relative; z-index: 2; }
.subscription .sub-hero__content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 1.7rem;
    max-width: 92rem;
}
.subscription .sub-hero__flowers { position: absolute; left: -1.6rem; bottom: -1rem; width: 43rem; opacity: .4; pointer-events: none; }
.subscription .sub-hero__petal { position: absolute; pointer-events: none; }
.subscription .sub-hero__petal--1 { width: 15.5rem; left: 42%; top: -6rem; }
.subscription .sub-hero__petal--2 { width: 6rem; left: 58.5%; top: 43rem; opacity: .56; transform: rotate(40deg); }
.subscription .sub-hero__petal--3 { width: 2.7rem; left: 67%; top: 45.5rem; opacity: .57; transform: rotate(5deg); }
.subscription .sub-hero__badge {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: .7rem;
    height: 3.7rem;
    padding: .3rem 1.7rem .3rem .3rem;
    border-radius: 10rem;
    border: 1px solid #fff;
    background: rgba(255,255,255,.36);
    backdrop-filter: blur(3px);
    box-shadow: 0 .3rem 6.8rem rgba(175,127,132,.66);
    font-size: 1.85rem;
    font-weight: 600;
    color: var(--sub-text);
}
.subscription .sub-hero__badge-flower { position: relative; width: 3rem; height: 3rem; border-radius: 50%; background: radial-gradient(circle, #fff 30%, rgba(255,255,255,0) 72%); flex-shrink: 0; }
.subscription .sub-hero__badge-flower img { position: absolute; width: 4.2rem; max-width: none; left: -.7rem; top: -1.2rem; }
.subscription .sub-hero__title { max-width: 93rem; }
.subscription .sub-hero__lead { max-width: 69rem; }
.subscription .sub-hero__price {
    display: inline-flex;
    align-items: center;
    gap: 2.5rem;
    padding: 2.5rem 3.4rem;
    border-radius: var(--sub-rad);
    background: #f6e9e9;
    color: var(--sub-accent);
    font-weight: 900;
    text-transform: uppercase;
    font-size: 1.7rem;
    line-height: 1;
}
.subscription .sub-hero__price-value { font-size: 3.4rem; }
.subscription .sub-hero__price-value small { font-size: 1.7rem; font-weight: 900; }
.subscription .sub-hero__features {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(3, max-content);
    column-gap: 3.7rem;
    row-gap: 1.5rem;
}
.subscription .sub-hero__features li { display: flex; align-items: center; gap: 1.2rem; }
.subscription .sub-hero__features img { width: 7rem; height: 6.2rem; flex-shrink: 0; }
.subscription .sub-hero__features span { font-size: 1.85rem; font-weight: 600; line-height: 1.25; max-width: 22.5rem; color: var(--sub-text); }
.subscription .sub-hero__actions { display: flex; flex-wrap: wrap; gap: 1.7rem; margin-top: .8rem; }
.subscription .sub-hero__actions .btn { min-width: 20.7rem; }

/* --- Сравнение --- */
.subscription .sub-compare { overflow: hidden; }
.subscription .sub-compare__bg { position: absolute; bottom: 0; width: 50%; opacity: .26; pointer-events: none; z-index: 0; }
.subscription .sub-compare__bg--left { left: 0; }
.subscription .sub-compare__bg--right { right: 0; transform: scaleX(-1); }

/* --- Примеры букетов (слайдер) --- */
.subscription .sub-examples__slider { position: relative; }
.subscription .sub-examples__swiper { padding-bottom: 5.5rem; }
.subscription .sub-example { position: relative; }
.subscription .sub-example__img { width: 100%; height: 40rem; object-fit: cover; border-radius: var(--sub-rad); display: block; }
.subscription .sub-example__caption {
    position: absolute;
    left: 9%;
    right: 9%;
    bottom: -5.3rem;
    min-height: 10.7rem;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2.5rem 1.7rem;
    border-radius: var(--sub-rad);
    background: rgba(255,255,255,.71);
    backdrop-filter: blur(7px);
    box-shadow: 0 -1rem 4.3rem rgba(210,196,197,.6);
    font-size: 1.7rem;
    font-weight: 700;
    line-height: 1.25;
    text-transform: uppercase;
    text-align: center;
    color: var(--sub-accent);
}
.subscription .sub-example__caption::after {
    content: '';
    position: absolute;
    right: 1.8rem;
    top: 1.2rem;
    width: 2.2rem;
    height: 1.9rem;
    background: url(../img/subscription/heart-light.svg) no-repeat center / contain;
    transform: rotate(-38deg);
}
.subscription .swiper-slide:nth-child(even) .sub-example__caption::after { right: auto; left: 1.8rem; transform: rotate(30deg); }
.subscription .sub-examples__arrow {
    position: absolute;
    top: 20rem;
    width: 5.2rem;
    height: 5.2rem;
    margin-top: -2.6rem;
    border-radius: 50%;
    border: none;
    background: var(--sub-bg);
    cursor: pointer;
    z-index: 3;
    transition: .3s;
}
.subscription .sub-examples__arrow::before {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    width: 1.2rem;
    height: 1.2rem;
    border-left: 2px solid var(--sub-accent);
    border-bottom: 2px solid var(--sub-accent);
    transform: translate(-30%, -50%) rotate(45deg);
}
.subscription .sub-examples__arrow--next::before { transform: translate(-70%, -50%) rotate(-135deg); }
.subscription .sub-examples__arrow--prev { left: -7.5rem; }
.subscription .sub-examples__arrow--next { right: -7.5rem; }
.subscription .sub-examples__arrow:hover { background: var(--sub-pink); }
.subscription .sub-examples__arrow.swiper-button-disabled { opacity: .4; cursor: default; }
.subscription .sub-examples__dots { display: flex; justify-content: center; gap: .85rem; margin-top: 1.5rem; }
.subscription .sub-examples__dots .swiper-pagination-bullet { width: .75rem; height: .75rem; margin: 0; background: var(--sub-pink); opacity: 1; border-radius: 50%; }
.subscription .sub-examples__dots .swiper-pagination-bullet-active { background: var(--sub-accent); }

/* --- Тарифы --- */
.subscription .sub-plans__freq { text-align: center; margin-bottom: 3.4rem; }
.subscription .sub-plans__freq-title { font-size: 2.2rem; font-weight: 600; line-height: 1.4; margin-bottom: 2.6rem; }
.subscription .sub-plans__freq-btns { display: flex; justify-content: center; flex-wrap: wrap; gap: 1.7rem; }
.subscription .sub-plans__freq-btns .btn { min-width: 20.7rem; }
.subscription .sub-plan { display: flex; flex-direction: column; }
.subscription .sub-plan__img { position: relative; z-index: 2; height: 45rem; border-radius: var(--sub-rad); overflow: hidden; background: #d9d9d9; }
.subscription .sub-plan__img img { width: 100%; height: 100%; object-fit: cover; display: block; }
.subscription .sub-plan__body {
    position: relative;
    margin-top: -3.3rem;
    padding: 6.5rem 2.5rem 3.4rem;
    border: 1px solid var(--sub-border);
    border-radius: 0 0 var(--sub-rad) var(--sub-rad);
    display: flex;
    flex-direction: column;
    gap: 2.5rem;
    flex-grow: 1;
    background: #fff;
    transition: border-color .3s;
}
.subscription .sub-plan.active .sub-plan__body { border-color: var(--sub-accent); }
.subscription .sub-plan__heart { position: absolute; pointer-events: none; }
.subscription .sub-plan__heart--1 { width: 4.1rem; right: 5.2rem; top: 4.2rem; transform: rotate(44deg); }
.subscription .sub-plan__heart--2 { width: 1.1rem; right: 4rem; top: 8.4rem; transform: rotate(-30deg); }
.subscription .sub-plan__price { display: flex; align-items: baseline; flex-wrap: wrap; gap: .5rem 2.5rem; line-height: 1.4; }
.subscription .sub-plan__price-month { font-size: 1.35rem; font-weight: 600; color: var(--sub-accent); }
.subscription .sub-plan__price-month b { font-size: 2.2rem; font-weight: 700; }
.subscription .sub-plan__price-each { font-size: 1.35rem; font-weight: 500; color: var(--sub-grey); }
.subscription .sub-plan .sub-list--heart { padding-left: 2.5rem; }
.subscription .sub-plans .sub-grid + .sub-lead { margin-top: 3.4rem; }
.subscription .sub-note {
    margin: 3.4rem auto 0;
    max-width: 112rem;
    padding: 3.4rem;
    border-radius: var(--sub-rad);
    background: var(--sub-bg);
    text-align: center;
    font-size: 1.85rem;
    font-weight: 700;
    line-height: 1.65;
    color: var(--sub-accent);
}

/* --- FAQ --- */
.subscription .sub-faq .sub-head { max-width: 91rem; margin-bottom: 1.7rem; }
.subscription .sub-faq__tabs,
.subscription .sub-faq__panel,
.subscription .sub-faq .sub-center { max-width: 91rem; margin-left: auto; margin-right: auto; }
.subscription .sub-faq__tabs { display: flex; gap: 5.9rem; border-bottom: 1px solid var(--sub-accent); margin-bottom: 3.4rem; }
.subscription .sub-faq__tab {
    position: relative;
    padding: 0 0 .5rem;
    border: none;
    background: none;
    font-family: var(--font);
    font-size: 2.2rem;
    font-weight: 600;
    line-height: 1.4;
    color: var(--sub-text);
    cursor: pointer;
    white-space: nowrap;
    transition: color .3s;
}
.subscription .sub-faq__tab:hover,
.subscription .sub-faq__tab.active { color: var(--sub-accent); }
.subscription .sub-faq__tab.active::after { content: ''; position: absolute; left: 0; right: 0; bottom: -1px; height: .5rem; background: var(--sub-accent); }
.subscription .sub-faq__panel { display: none; }
.subscription .sub-faq__panel.active { display: block; }
.subscription .sub-faq__item { border-top: 1px solid #f2e5e6; }
.subscription .sub-faq__item:last-child { border-bottom: 1px solid #f2e5e6; }
.subscription .sub-faq__question {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 2rem;
    padding: 1.6rem 0;
    border: none;
    background: none;
    font-family: var(--font);
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 1.6;
    text-align: left;
    color: var(--sub-text);
    cursor: pointer;
}
.subscription .sub-faq__question i {
    flex-shrink: 0;
    width: 3rem;
    height: 3rem;
    background: url(../img/subscription/icon-plus.svg) no-repeat center / contain;
    transition: transform .3s;
}
.subscription .sub-faq__item.open .sub-faq__question i { transform: rotate(45deg); }
.subscription .sub-faq__answer { max-height: 0; overflow: hidden; transition: max-height .35s ease; }
.subscription .sub-faq__answer > div { padding: 0 6rem 1.6rem 0; font-size: 1.35rem; line-height: 1.5; color: var(--sub-text); }
.subscription .sub-faq .sub-center { margin-top: 3.4rem; }

/* --- Оформление --- */
.subscription .sub-order__bg { position: absolute; left: 0; top: 13rem; width: 86rem; height: auto; pointer-events: none; z-index: 0; }
.subscription .sub-order__wrapper { display: grid; grid-template-columns: 1fr 58rem; gap: 6rem; align-items: start; }
.subscription .sub-order__info { display: flex; flex-direction: column; align-items: flex-start; gap: 1.7rem; max-width: 67.5rem; }
.subscription .sub-order__form {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 1.7rem;
    padding: 3.4rem;
    border-radius: var(--sub-rad);
    background: rgba(255,255,255,.71);
    backdrop-filter: blur(6px);
    box-shadow: 0 .6rem 4.3rem rgba(210,196,197,.56);
}
.subscription .sub-order__form-title { font-size: 3rem; font-weight: 800; line-height: 1.2; text-transform: uppercase; color: var(--sub-text); }
.subscription .sub-summary { width: 100%; padding: 3.4rem; border-radius: var(--sub-rad); background: var(--sub-bg); display: flex; flex-direction: column; gap: .5rem; }
.subscription .sub-summary__row { display: flex; align-items: baseline; gap: .5rem; font-size: 1.35rem; font-weight: 600; line-height: 2; }
.subscription .sub-summary__row i { flex-grow: 1; border-bottom: 2px dotted var(--sub-border); transform: translateY(-.4rem); }
.subscription .sub-summary__row b { font-weight: 600; color: var(--sub-accent-dark); white-space: nowrap; }
.subscription .sub-order__row { display: flex; gap: 1.7rem; width: 100%; }
.subscription .sub-order__row .input-wrapper { flex: 1 1 0; min-width: 0; }
body .subscription .sub-order__form .input-wrapper input[type="text"],
body .subscription .sub-order__form .input-wrapper textarea {
    height: 5.5rem;
    border: 1px solid var(--sub-border);
    border-radius: .85rem;
    background: rgba(255,255,255,.6);
    padding: 0 1.7rem;
    font-size: 1.35rem;
    font-weight: 400;
    color: var(--sub-text);
    box-shadow: none;
}
body .subscription .sub-order__form .input-wrapper textarea { height: 9.6rem; padding-top: 1.4rem !important; padding-bottom: 1.4rem !important; }
body .subscription .sub-order__form .input-wrapper input[type="text"]::placeholder,
body .subscription .sub-order__form .input-wrapper textarea::placeholder { color: var(--sub-placeholder); opacity: 1; }
body .subscription .sub-order__form .input-wrapper input:focus,
body .subscription .sub-order__form .input-wrapper textarea:focus { border-color: var(--sub-accent); background: #fff; }
body .subscription .sub-order__form .input-wrapper input.error { border-color: var(--red); }
.subscription .sub-order__contacts { display: flex; flex-wrap: wrap; gap: .7rem 1.7rem; }
.subscription .sub-check { display: inline-flex; align-items: center; gap: .5rem; cursor: pointer; font-size: 1.35rem; font-weight: 600; line-height: 2; color: var(--sub-text); }
.subscription .sub-check input { display: none; }
.subscription .sub-check i { position: relative; width: 1.75rem; height: 1.75rem; border: 1px solid var(--sub-border); border-radius: .2rem; background: #fff; transition: .2s; flex-shrink: 0; }
.subscription .sub-check i::after {
    content: '';
    position: absolute;
    left: .5rem;
    top: .1rem;
    width: .5rem;
    height: 1rem;
    border-right: 2px solid var(--sub-accent);
    border-bottom: 2px solid var(--sub-accent);
    transform: rotate(45deg) scale(0);
    transition: .2s;
}
.subscription .sub-check input:checked + i::after { transform: rotate(45deg) scale(1); }
.subscription .sub-check img { width: auto; height: 1.2rem; }
.subscription .sub-check--vk img { height: .85rem; }
.subscription .sub-check--phone img { height: 1.3rem; }
.subscription .sub-order__contact-field { display: none; }
.subscription .sub-order__contact-field.active { display: flex; }
.subscription .sub-order__footnote { font-size: 1.35rem; line-height: 1.5; margin: 0; }
.subscription .sub-order__footnote a { color: var(--sub-accent); }
.subscription .sub-order__success { display: none; width: 100%; }
.subscription .sub-order__success p { font-size: 1.85rem; font-weight: 600; line-height: 1.65; margin: 1.7rem 0 0; }
.subscription .sub-order__form.sent > *:not(.sub-order__success) { display: none; }
.subscription .sub-order__form.sent .sub-order__success { display: block; }

/* --- Адаптив --- */
@media (max-width: 1499px) {
    .subscription .sub-examples__arrow--prev { left: -6rem; }
    .subscription .sub-examples__arrow--next { right: -6rem; }
}
@media (max-width: 1024.99px) {
    .subscription .sub-grid--3,
    .subscription .sub-grid--4 { grid-template-columns: repeat(2, 1fr); }
    .subscription .sub-hero__features { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 2rem; }
    .subscription .sub-hero__features span { max-width: none; }
    .subscription .sub-hero__petal--1 { left: 60%; }
    .subscription .sub-examples__arrow--prev { left: 0; }
    .subscription .sub-examples__arrow--next { right: 0; }
    .subscription .sub-plans__grid.sub-grid--3 { grid-template-columns: 1fr; max-width: 56rem; margin: 0 auto; }
    .subscription .sub-audience .sub-grid { row-gap: 9rem; }
    .subscription .sub-faq__tabs { gap: 3rem; overflow-x: auto; }
    .subscription .sub-order__wrapper { grid-template-columns: 1fr; gap: 4rem; }
    .subscription .sub-order__info { max-width: none; }
    .subscription .sub-order__bg { display: none; }
}
@media (max-width: 767.99px) {
    .subscription { --sub-space: 5rem; --sub-gap: 1.6rem; }
    .subscription .sub-title { font-size: 2.9rem; }
    .subscription .sub-lead { font-size: 1.6rem; }
    .subscription .sub-head { margin-bottom: 2.5rem; }
    .subscription .btn.sub-btn { --field: 5.4rem; font-size: 1.5rem; white-space: normal; height: auto; min-height: var(--field); max-width: 100%; }
    .subscription .btn.sub-btn span.text { padding: 1.2rem 2.4rem; line-height: 1.3; }
    .subscription .sub-faq__tabs { max-width: 100%; }
    .subscription .sub-grid--2,
    .subscription .sub-grid--3,
    .subscription .sub-grid--4 { grid-template-columns: 1fr; }
    .subscription .sub-card { padding: 9rem 2rem 2rem; }
    .subscription .sub-card--compare { padding: 2.5rem 2rem; }
    .subscription .sub-card--photo { padding-top: 6.5rem; }
    .subscription .sub-audience .sub-grid { row-gap: 8.5rem; }
    .subscription .sub-hero { min-height: 0; padding: 4rem 0 5rem; }
    .subscription .sub-hero::before { background: rgba(255,255,255,.55); }
    .subscription .sub-hero__flowers,
    .subscription .sub-hero__petal { display: none; }
    .subscription .sub-hero__badge { font-size: 1.5rem; }
    .subscription .sub-hero__price { flex-wrap: wrap; gap: 1rem 1.7rem; padding: 1.8rem 2.2rem; }
    .subscription .sub-hero__price-sep { display: none; }
    .subscription .sub-hero__price-note { width: 100%; }
    .subscription .sub-hero__features { grid-template-columns: 1fr; row-gap: 1rem; }
    .subscription .sub-hero__features img { width: 5.5rem; height: 4.9rem; }
    .subscription .sub-hero__features span { font-size: 1.6rem; max-width: none; }
    .subscription .sub-hero__actions .btn { min-width: 0; flex: 1 1 auto; }
    .subscription .sub-example__img { height: 36rem; }
    .subscription .sub-examples__arrow { display: none; }
    .subscription .sub-plans__freq-btns .btn { min-width: 0; flex: 1 1 auto; }
    .subscription .sub-plan__img { height: 36rem; }
    .subscription .sub-plan__body { padding: 5.5rem 2rem 2.5rem; }
    .subscription .sub-note { padding: 2.5rem 2rem; font-size: 1.6rem; }
    .subscription .sub-faq__tabs { gap: 2.5rem; margin-bottom: 2rem; }
    .subscription .sub-faq__tab { font-size: 1.8rem; }
    .subscription .sub-faq__answer > div { padding-right: 0; }
    .subscription .sub-order__form { padding: 2.5rem 2rem; }
    .subscription .sub-order__form-title { font-size: 2.4rem; }
    .subscription .sub-summary { padding: 2rem; }
    .subscription .sub-order__row { flex-direction: column; }
    .subscription .sub-order__submit { width: 100%; }
}


/* ============================================================
   Страница «Подарочный сертификат» (page-certificate.php)
   Использует базу .subscription (.sub-card, .sub-head, .sub-btn, .sub-faq …);
   ниже — только специфичное для конструктора сертификата
   ============================================================ */

/* --- Первый экран: заголовок и конструктор --- */
.certificate .cert-hero { position: relative; padding-top: 5rem; }
.certificate .cert-hero .container { position: relative; z-index: 2; }
.certificate .cert-hero__flowers { position: absolute; left: -8rem; top: 39rem; width: 84rem; pointer-events: none; }
.certificate .cert-hero__petal { position: absolute; pointer-events: none; }
.certificate .cert-hero__petal--1 { width: 31.6rem; left: 88%; top: 4.6rem; opacity: .53; }
.certificate .cert-hero__petal--2 { width: 7.6rem; left: 74%; top: 35rem; opacity: .45; transform: rotate(-86deg); }
.certificate .cert-hero__petal--3 { width: 6.2rem; left: 51%; top: 27.5rem; opacity: .32; transform: rotate(-9deg); }
.certificate .cert-hero__head { display: flex; flex-direction: column; align-items: flex-start; gap: 1.7rem; max-width: 126rem; margin-bottom: 4rem; }
.certificate .cert-hero__head .sub-title { max-width: 74rem; }

.certificate .cert-builder {
    position: relative;
    display: grid;
    grid-template-columns: 32.7rem minmax(0, 1fr) 27.1rem;
    grid-template-rows: auto auto;
    column-gap: 1.3rem;
    row-gap: 1rem;
    align-items: start;
}

/* список шагов */
.certificate .cert-steps { grid-column: 1; grid-row: 1 / 3; list-style: none; margin: 2.7rem 0 0; padding: 0; display: flex; flex-direction: column; gap: 1.3rem; }
.certificate .cert-step {
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    gap: .8rem;
    height: 9.4rem;
    padding: 2.5rem;
    border-radius: var(--sub-rad);
    background: var(--sub-card);
    box-shadow: 0 .6rem 2rem rgba(210,196,197,.35);
    transition: background .3s, color .3s, box-shadow .3s;
}
.certificate .cert-step::before,
.certificate .cert-step::after {
    content: '';
    position: absolute;
    width: 21rem;
    height: 9.4rem;
    background: no-repeat center / 100% 100%;
    pointer-events: none;
}
.certificate .cert-step::before { left: 0; bottom: 0; background-image: url(../img/certificate/step-left.svg); }
.certificate .cert-step::after { right: 0; top: 0; background-image: url(../img/certificate/step-right.svg); transform: rotate(180deg); }
.certificate .cert-step.active { background: #f66dd0; color: #fff; box-shadow: 0 1rem 2.6rem rgba(246,109,208,.4); }
.certificate .cert-step.active::before { background-image: url(../img/certificate/step-active-left.svg); }
.certificate .cert-step.active::after { background-image: url(../img/certificate/step-active-right.svg); }
.certificate .cert-step > * { position: relative; z-index: 1; }
.certificate .cert-step__num {
    position: relative;
    flex-shrink: 0;
    width: 3.8rem;
    height: 3.8rem;
    border-radius: 50%;
    background: var(--sub-pink);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2.6rem;
    font-weight: 800;
    line-height: 1;
    color: var(--sub-accent-dark);
    transition: .3s;
}
.certificate .cert-step__num::before {
    content: '';
    position: absolute;
    left: -.15rem;
    top: -.15rem;
    width: 4.1rem;
    height: 4.1rem;
    border: 1px solid var(--sub-pink);
    border-radius: 50%;
}
.certificate .cert-step__num::after {
    content: '';
    position: absolute;
    left: 3.4rem;
    top: 2.4rem;
    width: 1.1rem;
    height: 1rem;
    background: url(../img/certificate/heart-mini.svg) no-repeat center / contain;
    transform: rotate(63deg);
}
.certificate .cert-step__num i {
    position: absolute;
    left: 4.1rem;
    top: 1.5rem;
    width: .5rem;
    height: .45rem;
    background: url(../img/certificate/heart-mini.svg) no-repeat center / contain;
    transform: rotate(21deg);
}
.certificate .cert-step.active .cert-step__num::after,
.certificate .cert-step.active .cert-step__num i { filter: brightness(0) invert(1); }
.certificate .cert-step.active .cert-step__num { background: #fff; }
.certificate .cert-step.active .cert-step__num::before { border-color: rgba(255,255,255,.7); }
.certificate .cert-step.done .cert-step__num { background: var(--sub-accent); color: #fff; }
.certificate .cert-step__title { font-size: 2rem; font-weight: 600; line-height: 1.1; color: #000; }
.certificate .cert-step.active .cert-step__title { color: #fff; }

/* превью сертификата */
.certificate .cert-preview { grid-column: 2; grid-row: 1; position: relative; aspect-ratio: 898 / 600; }
.certificate .cert-preview::before {
    content: '';
    position: absolute;
    inset: 0;
    background: url(../img/certificate/cert-frame.webp) no-repeat center / 100% 100%;
    opacity: .36;
    pointer-events: none;
}
.certificate .cert-card {
    position: absolute;
    left: 11.4%;
    top: 11.7%;
    width: 77.4%;
    height: 76.8%;
    background: #fff;
    border-radius: var(--sub-rad);
    box-shadow: 0 -1.1rem 4.3rem rgba(210,196,197,.9);
    overflow: hidden;
}
.certificate .cert-card__logo { position: absolute; left: 7.3%; top: 11.3%; width: 39%; height: auto; }
.certificate .cert-card__amount { position: absolute; left: 7.3%; top: 53%; width: 42.5%; display: flex; flex-direction: column; align-items: center; text-align: center; }
.certificate .cert-card__sum { width: 100%; font-size: 5.4rem; font-weight: 800; line-height: 1.1; color: var(--sub-accent); white-space: nowrap; }
.certificate .cert-card__note { font-size: 1.7rem; color: #cdcdcd; line-height: 1.2; }
.certificate .cert-card__greeting { display: none; position: absolute; left: 7.3%; top: 68%; width: 42.5%; font-size: 1.3rem; font-style: italic; line-height: 1.3; text-align: center; color: var(--sub-text); }
.certificate .cert-card.has-greeting .cert-card__note { display: none; }
.certificate .cert-card.has-greeting .cert-card__greeting { display: block; }
.certificate .cert-card__site { position: absolute; left: 8.5%; top: 78.3%; font-size: 1.7rem; font-weight: 700; color: var(--sub-accent); }
.certificate .cert-card__bouquet { position: absolute; right: -1%; bottom: -3%; width: 55%; height: auto; max-width: none; z-index: 0; }
.certificate .cert-card__logo,
.certificate .cert-card__amount,
.certificate .cert-card__greeting,
.certificate .cert-card__site { z-index: 1; }
.certificate .cert-preview__caption { position: absolute; left: 11.4%; top: 91.7%; font-size: 1.35rem; font-weight: 600; line-height: 1.6; white-space: nowrap; color: var(--sub-text); }
.certificate .cert-preview__caption b { font-weight: 800; color: var(--sub-accent); }

/* правая панель (содержимое текущего шага) */
.certificate .cert-panel { grid-column: 3; grid-row: 1; position: relative; padding-left: 6.1rem; margin-top: 5.8rem; min-height: 42rem; display: flex; flex-direction: column; }
.certificate .cert-panel__pointer { position: absolute; left: -7.9rem; top: 2.4rem; width: 14.1rem; height: auto; pointer-events: none; }
.certificate .cert-panel__step { display: none; flex-direction: column; gap: .85rem; }
.certificate .cert-panel__step.active { display: flex; }
.certificate .cert-panel__title { font-size: 1.7rem; font-weight: 600; line-height: 1.3; color: var(--sub-text); margin-top: .5rem; }
.certificate .cert-panel__hint { font-size: 1.2rem; line-height: 1.5; color: #8f8f8f; }
.certificate .cert-panel__counter { margin-top: auto; align-self: flex-end; padding-top: 2rem; font-size: 5rem; font-weight: 700; line-height: 1; color: #eee0e3; }

.certificate .cert-occasions { display: flex; flex-direction: column; gap: .85rem; }
.certificate .cert-occasion,
.certificate .cert-amount {
    position: relative;
    overflow: hidden;
    height: 4.9rem;
    padding: 0 1.6rem;
    border: 1px solid var(--sub-accent);
    border-radius: 10rem;
    background: transparent;
    font-family: var(--font);
    font-size: 1.35rem;
    font-weight: 600;
    color: var(--sub-accent);
    cursor: pointer;
    transition: .25s;
}
.certificate .cert-occasion:hover,
.certificate .cert-amount:hover { background: rgba(217,67,175,.08); }
.certificate .cert-occasion.active,
.certificate .cert-amount.active { background: var(--sub-accent); color: #fff; }
.certificate .cert-occasion.active::before {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    width: 5.3rem;
    height: 100%;
    background: url(../img/certificate/tab-deco.svg) no-repeat right center / auto 130%;
    opacity: .6;
}
.certificate .cert-occasion.active::after {
    content: '';
    position: absolute;
    right: 2.2rem;
    top: 1.4rem;
    width: 1.9rem;
    height: 1.6rem;
    background: url(../img/certificate/tab-heart.svg) no-repeat center / contain;
    transform: rotate(-15deg);
}
.certificate .cert-occasion.active i {
    position: absolute;
    right: .9rem;
    top: 1.7rem;
    width: .65rem;
    height: .55rem;
    background: url(../img/certificate/tab-heart-small.svg) no-repeat center / contain;
    transform: rotate(-45deg);
    box-shadow: -.5rem 1.5rem 0 -.1rem transparent;
}
.certificate .cert-occasion i::after {
    content: '';
    position: absolute;
    left: .3rem;
    top: 1.5rem;
    width: .65rem;
    height: .55rem;
    background: url(../img/certificate/tab-heart-small.svg) no-repeat center / contain;
    transform: rotate(-35deg);
}
.certificate .cert-occasion i { display: none; }
.certificate .cert-occasion.active i { display: block; }
.certificate .cert-amounts { display: flex; flex-wrap: wrap; gap: .7rem; }
.certificate .cert-amount { height: 4.2rem; padding: 0 1.4rem; }

.certificate .cert-panel .sub-summary { padding: 2rem; gap: .3rem; }
.certificate .cert-panel .sub-summary__row { font-size: 1.25rem; line-height: 1.8; flex-wrap: wrap; }
.certificate .cert-panel .sub-summary__row b { white-space: normal; text-align: right; }

/* поля конструктора */
body .subscription .cert-field input[type="text"],
body .subscription .cert-field textarea {
    height: 4.9rem;
    border: 1px solid var(--sub-border);
    border-radius: .85rem;
    background: #fff;
    padding: 0 1.5rem;
    font-size: 1.35rem;
    font-weight: 400;
    color: var(--sub-text);
    box-shadow: none;
}
body .subscription .cert-field textarea { height: 11rem; padding-top: 1.2rem !important; padding-bottom: 1.2rem !important; }
body .subscription .cert-field input::placeholder,
body .subscription .cert-field textarea::placeholder { color: var(--sub-placeholder); opacity: 1; }
body .subscription .cert-field input:focus,
body .subscription .cert-field textarea:focus { border-color: var(--sub-accent); }

/* низ конструктора: плашки и кнопки */
.certificate .cert-builder__footer { grid-column: 2 / 4; grid-row: 2; align-self: end; display: flex; justify-content: space-between; align-items: flex-end; gap: 2rem; flex-wrap: wrap; }
.certificate .cert-features { display: flex; flex-wrap: wrap; gap: .85rem; }
.certificate .cert-feature {
    display: inline-flex;
    align-items: center;
    gap: .7rem;
    height: 3.7rem;
    padding: .3rem 1.7rem .3rem .3rem;
    border-radius: 10rem;
    border: 1px solid #fff;
    background: rgba(255,255,255,.36);
    backdrop-filter: blur(3px);
    box-shadow: 0 .3rem 6.8rem rgba(175,127,132,.66);
    font-size: 1.2rem;
    font-weight: 600;
    white-space: nowrap;
    color: var(--sub-text);
}
.certificate .cert-feature img { width: 3rem; height: 3rem; transform: scale(3.6); pointer-events: none; }
.certificate .cert-nav { display: flex; gap: .85rem; }
.certificate .cert-nav .btn[disabled] { opacity: .45; cursor: default; pointer-events: none; }

.certificate .cert-success { display: none; grid-column: 1 / 4; text-align: center; padding: 6rem 0; }
.certificate .cert-success .sub-title { margin-bottom: 1.7rem; }
.certificate .cert-builder.sent > *:not(.cert-success) { display: none; }
.certificate .cert-builder.sent .cert-success { display: block; }

/* --- Карточки с большой иконкой (условия, когда сертификат лучше) --- */
.certificate .cert-icon-grid { padding-top: 6.8rem; }
.certificate .cert-icon { position: absolute; left: 50%; top: -6.8rem; width: 14.1rem; margin-left: -5.8rem; z-index: 2; }
.certificate .cert-icon img { width: 100%; height: auto; display: block; }
.certificate .cert-card--outline { background: transparent; border: 1px solid var(--sub-pink); }
.certificate .cert-card--outline::after { display: none; }
.certificate .cert-terms .sub-compare__bg { opacity: .1; }
.certificate .cert-reasons__note { margin-top: 3.4rem; }

/* --- Что можно выбрать --- */
.certificate .cert-catalog__grid { padding-bottom: 5.5rem; row-gap: calc(var(--sub-gap) + 5.5rem); }
.certificate .cert-catalog__item { display: block; color: inherit; text-decoration: none; }
.certificate .cert-catalog__item .sub-example__img { transition: transform .4s; }
.certificate .cert-catalog__item:hover .sub-example__img { transform: scale(1.02); }
.certificate .cert-catalog__caption { flex-direction: column; gap: .3rem; text-transform: none; }
.certificate .cert-catalog__price { font-size: 1.85rem; font-weight: 800; text-transform: uppercase; color: var(--sub-accent); }
.certificate .cert-catalog__title { font-size: 1.35rem; font-weight: 600; color: var(--sub-text); }

/* --- Адаптив --- */
@media (max-width: 1024.99px) {
    .certificate .cert-hero__flowers,
    .certificate .cert-hero__petal--2,
    .certificate .cert-hero__petal--3 { display: none; }
    .certificate .cert-hero__petal--1 { width: 20rem; left: auto; right: -5rem; top: 0; }
    .certificate .cert-builder { grid-template-columns: 1fr; grid-template-rows: auto; }
    .certificate .cert-steps { grid-column: 1; grid-row: auto; flex-direction: row; overflow-x: auto; margin-top: 0; padding-bottom: .5rem; }
    .certificate .cert-step { flex: 0 0 24rem; height: 7.5rem; padding: 1.5rem 2rem; }
    .certificate .cert-step__title { font-size: 1.7rem; }
    .certificate .cert-preview { grid-column: 1; grid-row: auto; max-width: 76rem; width: 100%; margin: 0 auto; }
    .certificate .cert-panel { grid-column: 1; grid-row: auto; padding-left: 0; margin-top: 1rem; min-height: 0; max-width: 56rem; width: 100%; margin-left: auto; margin-right: auto; }
    .certificate .cert-panel__pointer,
    .certificate .cert-panel__counter { display: none; }
    .certificate .cert-occasions { flex-direction: row; flex-wrap: wrap; }
    .certificate .cert-builder__footer { grid-column: 1; grid-row: auto; flex-direction: column; align-items: stretch; }
    .certificate .cert-nav { justify-content: flex-end; }
    .certificate .cert-icon-grid.sub-grid--4 { row-gap: 9rem; }
    .certificate .cert-card__sum { font-size: 4rem; }
    .certificate .cert-card__note,
    .certificate .cert-card__site { font-size: 1.15rem; white-space: nowrap; }
    .certificate .cert-card__greeting { font-size: 1.1rem; }
    .certificate .cert-card__logo { width: 34%; }
}
@media (max-width: 767.99px) {
    .certificate .cert-hero { padding-top: 3rem; }
    .certificate .cert-hero__head .sub-title { max-width: none; }
    .certificate .cert-step { flex: 0 0 auto; height: 5.5rem; padding: 1rem 1.5rem 1rem 1rem; }
    .certificate .cert-step__num { width: 3rem; height: 3rem; font-size: 1.9rem; }
    .certificate .cert-step__num::before { width: 3.3rem; height: 3.3rem; }
    .certificate .cert-step__title { font-size: 1.4rem; }
    .certificate .cert-hero__petal--1 { display: none; }
    .certificate .cert-card__sum { font-size: 3.2rem; }
    .certificate .cert-card__note,
    .certificate .cert-card__site { font-size: 1rem; white-space: nowrap; }
    .certificate .cert-card__greeting { font-size: 1rem; }
    .certificate .cert-card__logo { width: 34%; }
    .certificate .cert-preview__caption { font-size: 1.2rem; white-space: normal; right: 5%; top: auto; bottom: -1rem; }
    .certificate .cert-preview { margin-bottom: 3rem; }
    .certificate .cert-occasion { flex: 1 1 45%; }
    .certificate .cert-features { justify-content: center; }
    .certificate .cert-feature { white-space: normal; height: auto; min-height: 3.7rem; }
    .certificate .cert-nav .btn { flex: 1 1 auto; }
    .certificate .cert-icon-grid { row-gap: 8.5rem; }
}


/* ============================================================
   Кабинет → Выгрузка Яндекс (dashboard/yandex-export.php)
   ============================================================ */
.yx { --yx-accent: #d943af; --yx-border: #ececec; }
.yx .yx-tabs { display: flex; gap: 2.8rem; border-bottom: 1px solid var(--yx-border); margin-bottom: 2.4rem; }
.yx .yx-tab {
    position: relative;
    padding: 0 0 1.2rem;
    border: none;
    background: none;
    font-family: var(--font);
    font-size: 1.6rem;
    font-weight: 500;
    color: var(--text-grey);
    cursor: pointer;
    white-space: nowrap;
    transition: color .2s;
}
.yx .yx-tab:hover { color: var(--text); }
.yx .yx-tab.active { color: var(--yx-accent); font-weight: 600; }
.yx .yx-tab.active::after { content: ''; position: absolute; left: 0; right: 0; bottom: -1px; height: 2px; background: var(--yx-accent); }
.yx .yx-panel { display: none; }
.yx .yx-panel.active { display: block; }
.yx .yx-ycp__vat { width: 10rem; }
.yx .yx-ycp__hint { font-size: 1.2rem; color: var(--text-grey); }
.yx .yx-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 2rem; flex-wrap: wrap; margin-bottom: 2rem; }
.yx .yx-note { font-size: 1.3rem; color: var(--text-grey); line-height: 1.6; margin-top: .6rem; }
.yx .yx-note b { color: var(--text); font-weight: 600; }
.yx .yx-refresh { color: var(--yx-accent); margin-left: .6rem; }
.yx .yx-missing {
    margin-bottom: 2rem;
    padding: 1.4rem 1.8rem;
    border-radius: var(--rad);
    background: rgba(255, 174, 0, .12);
    font-size: 1.3rem;
    line-height: 1.6;
}
.yx .yx-feed {
    margin-bottom: 1.8rem;
    padding: 1.4rem 1.8rem;
    border: 1px solid var(--yx-border);
    border-radius: var(--rad);
    background: var(--grey-bg);
    font-size: 1.3rem;
    line-height: 1.6;
}
.yx .yx-feed__row { display: flex; flex-wrap: wrap; gap: .6rem; align-items: baseline; }
.yx .yx-feed__label { color: var(--text-grey); }
.yx .yx-feed__link { color: var(--yx-accent); word-break: break-all; }
.yx .yx-feed__state { color: var(--text-grey); }
.yx .yx-report:not(:empty) { margin-top: 1rem; padding-top: 1rem; border-top: 1px solid var(--yx-border); }
.yx .yx-report__line { margin-bottom: .4rem; }
.yx .yx-report__line.ok { color: var(--green); font-weight: 500; }
.yx .yx-report__line.warn { color: #b26b00; }
.yx .yx-report__line.error { color: var(--red); font-weight: 500; }
.yx .yx-report__line a { color: var(--yx-accent); }
.yx .yx-actions { display: flex; gap: 1rem; flex-wrap: wrap; }
.yx .yx-ycp {
    margin-bottom: 1.8rem;
    padding: 1.8rem;
    border: 1px solid var(--yx-border);
    border-radius: var(--rad);
    max-width: 92rem;
    font-size: 1.3rem;
    line-height: 1.6;
}
.yx .yx-ycp__head { display: flex; align-items: center; justify-content: space-between; gap: 1.6rem; flex-wrap: wrap; margin-bottom: 1.4rem; }
.yx .yx-ycp__row { display: flex; align-items: center; gap: 1.2rem; flex-wrap: wrap; margin-bottom: 1rem; }
.yx .yx-ycp__label { color: var(--text-grey); min-width: 18rem; }
.yx .yx-ycp__value { padding: .4rem 1rem; border-radius: var(--rad-sm); background: var(--grey-bg); word-break: break-all; font-size: 1.25rem; }
.yx .yx-ycp__field { flex: 1 1 30rem; min-width: 0; }
.yx .yx-ycp__checks { gap: 2.4rem; }
.yx .yx-toggle { display: inline-flex; align-items: center; gap: .8rem; cursor: pointer; }
.yx .yx-toggle input { width: 1.8rem; height: 1.8rem; accent-color: var(--yx-accent); cursor: pointer; }
.yx .yx-ycp__status { font-size: 1.25rem; color: var(--text-grey); }
.yx .yx-ycp__status.ok { color: var(--green); }
.yx .yx-ycp__status.error { color: var(--red); }
.yx .yx-wh-all { color: var(--text-grey); }
.yx .yx-wh-tools { display: flex; gap: 1rem; flex-wrap: wrap; align-items: center; margin-bottom: 1rem; }
.yx .yx-wh-search-wrap { flex: 1 1 22rem; min-width: 0; }
.yx .yx-wh-hint { margin-bottom: 1rem; }
.yx .yx-wh-list {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(34rem, 1fr));
    gap: .2rem 2rem;
    max-height: 52rem;
    overflow-y: auto;
    padding: .8rem 1rem;
    border: 1px solid var(--yx-border);
    border-radius: var(--rad);
}
.yx .yx-wh-row { display: flex; align-items: center; gap: 1rem; padding: .3rem 0; }
.yx .yx-wh-item { display: flex; align-items: center; gap: .7rem; flex: 0 0 14rem; min-width: 0; cursor: pointer; font-size: 1.25rem; }
.yx .yx-wh-item input { display: none; }
.yx .yx-wh-name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.yx .yx-wh-row.active .yx-wh-item { color: var(--yx-accent); font-weight: 600; }
body .yx .yx-wh-address {
    flex: 1 1 auto;
    min-width: 0;
    height: 3.2rem;
    border: 1px solid var(--yx-border);
    border-radius: var(--rad-sm);
    background: var(--bg);
    padding: 0 1rem;
    font-size: 1.2rem;
    color: var(--text);
}
body .yx .yx-wh-address::placeholder { color: var(--text-grey); opacity: 1; }
body .yx .yx-wh-address.filled { border-color: var(--yx-accent); }
body .yx .yx-wh-address:focus { border-color: var(--yx-accent); }
.yx .yx-wh-box {
    position: relative;
    flex-shrink: 0;
    width: 1.6rem;
    height: 1.6rem;
    border: 1px solid var(--border);
    border-radius: var(--rad-sm);
    background: #fff;
    transition: .15s;
}
.yx .yx-wh-box::after {
    content: '';
    position: absolute;
    left: .5rem;
    top: .15rem;
    width: .45rem;
    height: .9rem;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    transform: rotate(45deg) scale(0);
    transition: .15s;
}
.yx .yx-wh-item input:checked + .yx-wh-box { background: var(--yx-accent); border-color: var(--yx-accent); }
.yx .yx-wh-item input:checked + .yx-wh-box::after { transform: rotate(45deg) scale(1); }
.yx .yx-wh-empty { color: var(--text-grey); padding: .6rem; }
.yx .yx-ycp__check:not(:empty) { margin-top: 1rem; padding: 1rem 1.2rem; border-radius: var(--rad-sm); background: var(--grey-bg); }
.yx .yx-ycp__check-line { font-size: 1.2rem; line-height: 1.7; word-break: break-all; }
.yx .yx-ycp__check-line.ok { color: var(--green); }
.yx .yx-ycp__check-line.error { color: var(--red); }
.yx .yx-ycp__log { margin-top: 1.6rem; padding-top: 1.4rem; border-top: 1px solid var(--yx-border); }
.yx .yx-ycp__table { width: 100%; border-collapse: collapse; margin-top: .8rem; font-size: 1.2rem; }
.yx .yx-ycp__table td { padding: .5rem .8rem; border-bottom: 1px solid var(--yx-border); vertical-align: top; }
.yx .yx-ycp__table td.ok { color: var(--green); font-weight: 600; }
.yx .yx-ycp__table td.error { color: var(--red); font-weight: 600; }
.yx .yx-ycp__empty { margin-top: .6rem; color: var(--text-grey); }
.yx .yx-filters { display: flex; gap: 1.2rem; flex-wrap: wrap; margin-bottom: 1.4rem; }
.yx .yx-filters__search { flex: 1 1 28rem; min-width: 0; }
.yx .yx-filters select { flex: 0 1 26rem; }
body .yx .yx-filters select { height: var(--field); border: 1px solid var(--border); border-radius: var(--rad-sm); padding: 0 1.4rem; font-size: var(--fz); background: var(--bg); }
.yx .yx-bulk { display: flex; align-items: center; gap: 1.2rem; flex-wrap: wrap; margin-bottom: 1.4rem; font-size: 1.3rem; }
.yx .yx-found { color: var(--text-grey); margin-right: auto; }
.yx .yx-found b { color: var(--text); }

.yx .yx-list { border: 1px solid var(--yx-border); border-radius: var(--rad); overflow: hidden; }
.yx .yx-empty { padding: 3rem; text-align: center; color: var(--text-grey); }
.yx .yx-item {
    display: flex;
    align-items: center;
    gap: 1.2rem;
    padding: .9rem 1.4rem;
    border-bottom: 1px solid var(--yx-border);
    cursor: pointer;
    transition: background .15s;
}
.yx .yx-item:last-child { border-bottom: none; }
.yx .yx-item:hover { background: rgba(217, 67, 175, .04); }
.yx .yx-item.active { background: rgba(217, 67, 175, .08); }
.yx .yx-item__check { display: none; }
.yx .yx-item__box {
    position: relative;
    flex-shrink: 0;
    width: 2rem;
    height: 2rem;
    border: 1px solid var(--border);
    border-radius: var(--rad-sm);
    background: #fff;
    transition: .15s;
}
.yx .yx-item__box::after {
    content: '';
    position: absolute;
    left: .65rem;
    top: .2rem;
    width: .55rem;
    height: 1.1rem;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    transform: rotate(45deg) scale(0);
    transition: .15s;
}
.yx .yx-item__check:checked + .yx-item__box { background: var(--yx-accent); border-color: var(--yx-accent); }
.yx .yx-item__check:checked + .yx-item__box::after { transform: rotate(45deg) scale(1); }
.yx .yx-item__image { flex-shrink: 0; width: 4.4rem; height: 4.4rem; border-radius: var(--rad-sm); overflow: hidden; background: var(--grey-bg); }
.yx .yx-item__image img { width: 100%; height: 100%; object-fit: cover; display: block; }
.yx .yx-item__noimage { display: block; width: 100%; height: 100%; }
.yx .yx-item__text { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; gap: .2rem; }
.yx .yx-item__title { font-size: 1.4rem; font-weight: 500; line-height: 1.3; }
.yx .yx-item__flag {
    display: inline-block;
    margin-left: .8rem;
    padding: .1rem .6rem;
    border-radius: 1rem;
    font-size: 1.1rem;
    font-weight: 500;
    vertical-align: middle;
}
.yx .yx-item__flag.out { background: rgba(255, 21, 21, .1); color: var(--red); }
.yx .yx-item__flag.request { background: rgba(255, 174, 0, .16); color: #b26b00; }
.yx .yx-stock { display: flex; flex-wrap: wrap; gap: .6rem 1.2rem; margin-top: .8rem; font-size: 1.25rem; }
.yx .yx-stock__item { display: inline-flex; align-items: center; gap: .5rem; padding: .3rem 1rem; border-radius: 1rem; }
.yx .yx-stock__item::before { content: ''; width: .8rem; height: .8rem; border-radius: 50%; }
.yx .yx-stock__item.in { background: rgba(45, 175, 83, .1); color: var(--green); }
.yx .yx-stock__item.in::before { background: var(--green); }
.yx .yx-stock__item.out { background: rgba(255, 21, 21, .08); color: var(--red); }
.yx .yx-stock__item.out::before { background: var(--red); }
.yx .yx-stock__item.request { background: rgba(255, 174, 0, .14); color: #b26b00; }
.yx .yx-stock__item.request::before { background: #ffae00; }
.yx .yx-item__slug { font-size: 1.2rem; color: var(--text-grey); text-decoration: none; }
.yx .yx-item__slug:hover { color: var(--yx-accent); }
.yx .yx-item__price { flex-shrink: 0; font-size: 1.4rem; font-weight: 600; white-space: nowrap; }

.yx .yx-pager { display: flex; align-items: center; justify-content: center; gap: 1.4rem; margin-top: 1.6rem; font-size: 1.3rem; color: var(--text-grey); }
.yx .yx-pager .btn[disabled] { opacity: .45; pointer-events: none; }
.yx .yx-footer { display: flex; align-items: center; gap: 1.6rem; margin-top: 2rem; flex-wrap: wrap; }
.yx .yx-status { font-size: 1.3rem; color: var(--text-grey); }
.yx .yx-status.dirty { color: var(--orange); }
.yx .yx-status.ok { color: var(--green); }
.yx .yx-status.error { color: var(--red); }

@media (max-width: 767.99px) {
    .yx .yx-head { flex-direction: column; gap: 1.2rem; }
    .yx .yx-filters select { flex: 1 1 100%; }
    .yx .yx-item { flex-wrap: wrap; gap: 1rem; }
    .yx .yx-item__image { width: 3.8rem; height: 3.8rem; }
    .yx .yx-item__price { width: 100%; padding-left: 3.2rem; }
}


/* ============================================================
   Доступность: контраст зачёркнутой старой цены
   #888 на белом давал 3,54:1 — ниже порога WCAG AA (4,5:1).
   #6b6b6b: 5,33:1 на белом, 5,15:1 на #fffafa, 4,86:1 на #f9f3f4.
   ============================================================ */
body { --old-price: #6b6b6b; }

body .old-price,
body .cart-old-price,
body .product-old-price,
body .product .price-block .old-price,
body .products .large-product-item .item-content .stat .discount-block .old-price,
section.first-slide .wrapper .main-slider .slide .content .price-block .old-price,
section.day-product .product-wrapper .product-info .price-block .old-price,
section.single .wrapper .single-body .single-content .price-block .old-price {
    color: var(--old-price);
}