.filters-block-name, .filters-block-name--price{
color: var(--interface-main_black, #121212);
font-size: 14px;
font-style: normal;
font-weight: 700;
line-height: 20px;
}
.filters-block{
padding-top: 16px;
padding-bottom: 16px;
}
.filters-block-header{
display: flex;
align-items: center;
padding: 0 8px;
}
.filters-block-name{
display: flex;
align-items: center;
cursor: pointer;
}
.filters-block-name::before{
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cg clip-path='url(%23clip0_6004_65071)'%3E%3Cpath d='M12 5V19' stroke='%23121212' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5 12H19' stroke='%23121212' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_6004_65071'%3E%3Crect width='24' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
height: 24px;
width: 24px;
content: "";
display: block;
margin-right: 12px;
flex-shrink: 0;
}
.filters-block-count{
display: flex;
padding: 4px;
justify-content: center;
align-items: center;
gap: 4px;
border-radius: 16px;
background: var(--interface-main_black, #121212);
color: #FFF;
text-align: center;
font-size: 7px;
font-style: normal;
font-weight: 900;
line-height: 7px; margin-left: 12px;
}
.filters-block-reset{
color: var(--interface-placeholder, #999);
font-size: 12px;
font-style: normal;
font-weight: 700;
line-height: 24px; margin-left: auto;
}
.filters-block-item{
display: flex;
align-items: center;
gap: 10px;
}
.filters-block-item.is-zero{
opacity: .5;
}
.filters-block-item-count{
opacity: .7;
}
.filters-block-item-count{
margin-left: auto;
}
.filters-block-item input[type="checkbox"]{
display: none;
}
.filters-block-item-name{
display: flex;
align-items: center;
gap: 8px;
margin: 6px 10px 6px 0;
color: var(--text-dark);
font-size: 14px;
}
.filters-block-item-name::before{
border-radius: var(--Radius-radius_4, 4px);
border: 1px solid rgba(18, 18, 18, 0.24);
background: #FFF;
content: "";
width: 18px;
height: 18px;
flex-shrink: 0;
}
.filters-block-item input[type="checkbox"]:checked + .filters-block-item-name::before{
border-radius: var(--Radius-radius_4, 4px);
background-color: var(--interface-main_black, #121212);
border-color: var(--interface-main_black, #121212);
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M10.5 3L4.5 9L1.5 6' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
background-size: 12px;
background-position: center;
background-repeat: no-repeat;
}
.filters-block-count.disabled{
display: none;
}
.filters-block-reset.disabled{
display: none;
}
.filters-block-name::before{
transition: all .5s;
}
.filters-block-name.active::before{
transform: rotate(45deg);
}
.filters-block:not(.filters-block--price):not(:last-child){
border-bottom: 1px solid rgba(0, 0, 0, 0.24);
}
.filters-block-list{
margin-top: 16px;
}
.filters-block-list li:not(:last-child){
margin-bottom: 8px;
}
.js-price-apply{
font-size: 20px;
font-style: normal;
font-weight: 600;
line-height: 24px; 
margin-top: 36px;
display: flex;
padding: 12px 24px;
justify-content: center;
align-items: center;
gap: 8px;
align-self: stretch;
border-radius: 20px;
color: #FFF;
width: 100%;
background: var(--interface-main_black, #121212);
}
.price-slider{
margin-top: 30px;
}
.filters-head{
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 20px;
}
.filters-title{
font-size: 20px;
font-weight: 600;
line-height: 24px; 
}
.filters-btn-reset{
color: var(--interface-placeholder, #999);
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: 24px; padding-bottom: 4px;
border-bottom: 1px #999 solid;
}
.filters-btn-reset.disabled{
opacity: 0;
pointer-events: none;
}
.filters-btn-reset:hover{
color: var(--interface-main_black, #121212);
}
.js-price-apply.loading, .filters-mob-submit.loading{
font-size: 0;
position: relative;
}
.js-price-apply.loading::before, .filters-mob-submit.loading::before{
content: '';
height: 24px;
width: 24px;
background-size: contain;
background-repeat: no-repeat;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 50 50'%3E%3Ccircle cx='25' cy='25' r='20' fill='none' stroke='%23ffffff' stroke-width='5' stroke-linecap='round' stroke-dasharray='31.415, 31.415' transform='rotate(72.3246 25 25)'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 25 25' to='360 25 25' dur='0.7s' repeatCount='indefinite'%3E%3C/animateTransform%3E%3C/circle%3E%3C/svg%3E");
}
.product__mob__buttons{
display: none;
}
.filters-btn-close{
display: none;
}
.filters-mob-submit{
display: none;
}
@media (max-width: 1150px) {
.product__mob__buttons{
display: flex;
gap: 8px;
}
.product__mob-btn{
border-radius: 10px;
background: #F9FAFC;
display: flex;
padding: 12px 24px;
justify-content: center;
align-items: center;
gap: 8px;
flex: 1 0 0;
width: calc(50% - 4px);
color: #121212;
font-size: 14px;
font-style: normal;
font-weight: 600;
line-height: 20px; 
}
.product__mob-btn::before{
width: 24px;
height: 24px;
content: '';
background-size: contain;
background-repeat: no-repeat;
flex-shrink: 0;
}
.product__mob-btn.--filters::before{
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='24' viewBox='0 0 25 24' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.5 3.25C6.91421 3.25 7.25 3.58579 7.25 4V7.35424C7.69755 7.48113 8.10976 7.72067 8.44454 8.05546C8.96027 8.57118 9.25 9.27065 9.25 10C9.25 10.7293 8.96027 11.4288 8.44454 11.9445C8.10976 12.2793 7.69755 12.5189 7.25 12.6458V20C7.25 20.4142 6.91421 20.75 6.5 20.75C6.08579 20.75 5.75 20.4142 5.75 20V12.6458C5.30245 12.5189 4.89024 12.2793 4.55546 11.9445C4.03973 11.4288 3.75 10.7293 3.75 10C3.75 9.27065 4.03973 8.57118 4.55546 8.05546C4.89024 7.72067 5.30245 7.48113 5.75 7.35424V4C5.75 3.58579 6.08579 3.25 6.5 3.25ZM12.5 3.25C12.9142 3.25 13.25 3.58579 13.25 4V13.3542C13.6975 13.4811 14.1098 13.7207 14.4445 14.0555C14.9603 14.5712 15.25 15.2707 15.25 16C15.25 16.7293 14.9603 17.4288 14.4445 17.9445C14.1098 18.2793 13.6975 18.5189 13.25 18.6458V20C13.25 20.4142 12.9142 20.75 12.5 20.75C12.0858 20.75 11.75 20.4142 11.75 20V18.6458C11.3025 18.5189 10.8902 18.2793 10.5555 17.9445C10.0397 17.4288 9.75 16.7293 9.75 16C9.75 15.2707 10.0397 14.5712 10.5555 14.0555C10.8902 13.7207 11.3025 13.4811 11.75 13.3542V4C11.75 3.58579 12.0858 3.25 12.5 3.25ZM18.5 3.25C18.9142 3.25 19.25 3.58579 19.25 4V4.35424C19.6975 4.48112 20.1098 4.72067 20.4445 5.05546C20.9603 5.57118 21.25 6.27065 21.25 7C21.25 7.72935 20.9603 8.42882 20.4445 8.94454C20.1098 9.27933 19.6975 9.51887 19.25 9.64576V20C19.25 20.4142 18.9142 20.75 18.5 20.75C18.0858 20.75 17.75 20.4142 17.75 20V9.64576C17.3025 9.51887 16.8902 9.27933 16.5555 8.94454C16.0397 8.42882 15.75 7.72935 15.75 7C15.75 6.27065 16.0397 5.57118 16.5555 5.05546C16.8902 4.72067 17.3025 4.48112 17.75 4.35424V4C17.75 3.58579 18.0858 3.25 18.5 3.25ZM18.5 5.75C18.1685 5.75 17.8505 5.8817 17.6161 6.11612C17.3817 6.35054 17.25 6.66848 17.25 7C17.25 7.33152 17.3817 7.64946 17.6161 7.88388C17.8505 8.1183 18.1685 8.25 18.5 8.25C18.8315 8.25 19.1495 8.1183 19.3839 7.88388C19.6183 7.64946 19.75 7.33152 19.75 7C19.75 6.66848 19.6183 6.35054 19.3839 6.11612C19.1495 5.8817 18.8315 5.75 18.5 5.75ZM6.5 8.75C6.16848 8.75 5.85054 8.8817 5.61612 9.11612C5.3817 9.35054 5.25 9.66848 5.25 10C5.25 10.3315 5.3817 10.6495 5.61612 10.8839C5.85054 11.1183 6.16848 11.25 6.5 11.25C6.83152 11.25 7.14946 11.1183 7.38388 10.8839C7.6183 10.6495 7.75 10.3315 7.75 10C7.75 9.66848 7.6183 9.35054 7.38388 9.11612C7.14946 8.8817 6.83152 8.75 6.5 8.75ZM12.5 14.75C12.1685 14.75 11.8505 14.8817 11.6161 15.1161C11.3817 15.3505 11.25 15.6685 11.25 16C11.25 16.3315 11.3817 16.6495 11.6161 16.8839C11.8505 17.1183 12.1685 17.25 12.5 17.25C12.8315 17.25 13.1495 17.1183 13.3839 16.8839C13.6183 16.6495 13.75 16.3315 13.75 16C13.75 15.6685 13.6183 15.3505 13.3839 15.1161C13.1495 14.8817 12.8315 14.75 12.5 14.75Z' fill='%23121212'/%3E%3C/svg%3E");
}
.product__mob-btn.--sort::before{
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M3 7H21' stroke='%23292D32' stroke-width='1.5' stroke-linecap='round'/%3E%3Cpath d='M6 12H18' stroke='%23292D32' stroke-width='1.5' stroke-linecap='round'/%3E%3Cpath d='M10 17H14' stroke='%23292D32' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");
}
.filters-sec{
display: none;
position: fixed;
height: 100vh;
min-height: -webkit-fill-available; height: 100dvh; width: 100vw;
padding: 0px 16px 24px;
background-color: #fff;
z-index: 1000;
top: 0;
left: 0;
right: 0;
bottom: 0;
overflow: auto;
}
.filters-sec.active{
display: block;
}
.ordering-form-head{
display: none;
}
.filters-head{
justify-content: space-between;
border-bottom: 1px solid rgba(51, 51, 51, 0.24);
padding: 16px 0;
}
.filters-btn-reset{
order: -1;
}
.js-price-apply{
display: none;
}
.filters-mob-submit{
display: flex;
margin-top: 24px;
width: 100%;
justify-content: center;
align-items: center;
border-radius: 20px;
background: var(--Radial, radial-gradient(278.91% 196.13% at 128.36% -48.29%, #EE6868 0%, #569EF0 57.69%));
padding: 12px 24px;
justify-content: center;
align-items: center;
gap: 8px;
flex-shrink: 0;
color: var(--interface-main_white, #FFF);
font-size: 20px;
font-style: normal;
font-weight: 600;
line-height: 24px; }
.filters-mob-submit.active .--close-text{
display: none;
}
.filters-mob-submit:not(.active) .--apply-text{
display: none;
}
.filters-btn-close{
display: block;
background: var(--Radial, radial-gradient(278.91% 196.13% at 128.36% -48.29%, #EE6868 0%, #569EF0 57.69%));
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
font-size: 12px;
font-style: normal;
font-weight: 700;
line-height: 24px; text-align: right;
}
.filters-btn-reset{
font-size: 12px;
line-height: 24px;
text-align: left;
border-bottom: none;
padding-bottom: 0;
}
.price-slider{
margin-left: 8px;
margin-right: 8px;
}
.filters-head{
align-items: center;
}
.filters-head > div, .filters-head > button{
width: 33.33%;
}
.filters-title{
font-size: 14px;
line-height: 24px;
text-align: center;
}
.filters-block--price{
padding-bottom: 36px;
border-bottom: 1px solid rgba(51, 51, 51, 0.24);
margin-bottom: 24px;
}
}
.product__header{
display: flex;
gap: 32px;
align-items: center;
}* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
.wrapper {
margin: 0 auto;
max-width: 1600px;
} .compound {
margin: -5px;
min-height: 33.95px;
display: flex;
align-items: start;
}
.compound__item {
margin: 5px;
padding: 4px 8px;
font-family: var(--font-family);
font-weight: 700;
font-size: 12px;
line-height: 133%;
color: var(--text-black);
border-radius: 16px;
background-color: var(--background-white);
display: block;
text-decoration: none;
}
.compound__item:first-child {
margin-left: 0;
}
.product__footer {
margin: 48px 24px 24px;
display: flex;
justify-content: center;
}
.product__footer--error {
margin: 45px 0;
}
@media (max-width: 640px) {
.product__footer--error {
margin: 32px 0;
}
}  .select {
max-width: 144px;
position: relative;
}
.select__state {
width: 100%;
padding: 11px 47px 11px 13px;
border: 1px solid var(--background-black);
border-radius: 20px;
font-family: var(--font-family);
font-weight: 400;
font-size: 20px;
line-height: 120%;
color: var(--text-black);
cursor: pointer;
position: relative;
transition: opacity 0.2s ease-out;
}
.select:hover .select__state {
opacity: 0.8;
}
.select::after {
content: '';
position: absolute;
top: 20.5px;
right: 21.5px;
width: 17px;
height: 10px;
background-image: url(//cosmopet.ae/wp-content/static/img/svg/main/arrow-black.svg);
background-repeat: no-repeat;
background-size: contain;
pointer-events: none;
}
.state__block {
position: absolute;
top: 48px;
left: 0;
width: 100%;
height: 0;
overflow: hidden;
transition: height 0.2s ease-out;
}
.state__content {
padding: 8px;
border-radius: 6px;
box-shadow:
0 2px 10px 0 rgba(0, 0, 0, 0.1),
0 0 2px 0 rgba(0, 0, 0, 0.2);
background-color: var(--background-white);
list-style-type: none;
}
.state__content li {
margin-top: 8px;
}
.state__content li:first-child {
margin-top: 0;
}
.state__button {
width: 100%;
padding: 4px 32px 4px 4px;
background: none;
border: none;
font-family: var(--font-family);
font-weight: 400;
font-size: 20px;
line-height: 120%;
color: var(--text-dark);
text-align: start;
border-radius: 6px;
transition: background-color 0.2s ease-out;
position: relative;
}
.state__button:hover,
.state__button.active {
background-color: var(--background-grey);
}
.state__button.active::before {
content: '';
position: absolute;
top: 10px;
right: 8px;
width: 16px;
height: 12px;
background-image: url(//cosmopet.ae/wp-content/static/img/svg/main/arrow-selected.svg);
}  .modal__filter .modal__header {
height: 100%;
display: flex;
flex-direction: column;
align-items: stretch;
justify-content: stretch;
}
.WpfWoofiltersWidget .wpfMainWrapper {
height: 100%;
display: flex;
flex-direction: column;
gap: 2rem;
}
.wpfFilterWrapper {
padding-top: 26px !important;
padding-bottom: 25px !important;
border-bottom: 1px solid var(--text-3);
position: relative;
margin: 0 !important;
}
.wpfFilterWrapper .wfpDescription {
padding: 0 !important;
padding-right: 30px !important;
margin: 0 !important;
font-family: var(--font-family);
font-weight: 700;
font-size: 16px;
line-height: 125%;
color: var(--text-black);
cursor: pointer;
text-transform: uppercase;
}
.wpfFilterWrapper .wfpDescription:after {
content: '';
position: absolute;
top: 24px;
right: 0;
width: 24px;
aspect-ratio: 1;
background-image: url(//cosmopet.ae/wp-content/static/img/svg/main/black-x.svg);
transform: rotate(45deg);
transition: transform 0.2s;
pointer-events: none;
}
.wpfFilterWrapper.expanded .wfpDescription::after {
transform: rotate(0deg);
}
.wpfCheckboxHier {
padding-top: 24px;
}
.wpfLiLabel,
.wpfFilterVerScroll li label {
display: flex !important;
flex-direction: row;
align-items: center;
gap: 8px;
padding-left: 0;
font-family: var(--font-family);
font-weight: 400;
font-size: 16px;
line-height: 120%;
cursor: pointer;
}
.wpfCheckbox {
display: flex !important;
align-content: center;
justify-content: center;
}
.wpfCheckbox label {
display: none !important;
}
.wpfFilterWrapper[data-filter-type='wpfPrice'] .wpfFilterContent {
padding: 0 !important;
}
.wpfFilterLayoutHor {
justify-content: space-between;
}
.wpfPriceInputs {
justify-content: space-between !important;
}
.wpfFilterWrapper .ui-slider-horizontal {
height: 6px !important;
}
.wpfExpandablePart {
padding: 0 10px;
}
.ui-slider.ui-widget-content:not(.iris-slider-offset) {
border-radius: 999px !important;
border: 0 !important;
background: var(--background-grey) !important;
}
.ui-slider .ui-slider-range {
border-radius: 80px;
background: #569ef0 !important;
padding: 0 !important;
height: 6px !important;
}
.ui-slider-horizontal .ui-slider-handle {
top: 50%;
margin-left: -0.6em;
transform: translateY(-50%);
outline: none !important;
box-sizing: content-box;
}
.ui-slider.ui-widget-content .ui-slider-handle:hover,
.ui-slider.ui-widget-content .ui-slider-handle.ui-state-hover,
.ui-slider.ui-widget-content .ui-slider-handle.ui-state-active {
border-color: #569ef0 !important;
}
.ui-slider.ui-widget-content .ui-slider-handle {
top: 50%;
border-radius: 800px;
border: 5px solid #569ef0 !important;
background: #fff !important;
box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.08) !important;
}
.wpfPriceFilterRange.ui-slider.ui-widget-content .ui-slider-handle {
border-radius: 999px !important;
border: 2px solid white !important;
background: var(--gradient-main) !important;
height: 16px !important;
width: 16px !important;
}
.wpfPriceRangeField#wpfMinPrice,
.wpfPriceRangeField#wpfMaxPrice {
min-width: 80px !important;
box-sizing: border-box;
text-align: left !important;
}
.wpfPriceRangeField#wpfMinPrice:after,
.wpfPriceRangeField#wpfMaxPrice:after {
content: ' ₽';
}
.wpfPriceRangeField#wpfMaxPrice {
text-align: right !important;
}
.wpfFilterDelimeter {
display: none !important;
}
.wpfFilterButtons .wpfFilterButton {
height: 56px;
text-transform: capitalize !important;
width: 100% !important;
padding: 16px 24px 24px 24px !important;
font-weight: 700 !important;
text-align: center !important;
position: relative !important;
background: var(--gradient-main);
border: none;
transition: opacity 0.2s ease-out;
font-family: var(--font-family);
font-size: 20px !important;
line-height: 120%;
color: #fff;
border-radius: 20px !important;
cursor: pointer;
}
.wpfFilterButtons .wpfClearButton.wpfButton {
padding-bottom: 4px;
width: 100%;
text-align: center;
text-transform: capitalize !important;
font-family: var(--font-family);
font-weight: 700;
font-size: 20px;
line-height: 120%;
color: var(--text-black);
border-bottom: 0 !important;
cursor: pointer;
border-radius: 0 !important;
text-decoration: underline !important;
}
.wpfFilterContent ul li input[type='checkbox'] {
width: 18px;
height: 18px;
border: 2px solid var(--background-black) !important;
background: var(--background-white);
flex-shrink: 0;
border-radius: 4px !important;
appearance: none !important;
-webkit-appearance: none !important;
outline: none !important;
}
.wpfFilterContent ul li input[type='checkbox']:checked {
background-color: var(--background-black);
background-image: url(//cosmopet.ae/wp-content/static/img/svg/main/arrow-selected-white.svg);
background-repeat: no-repeat;
background-position: center;
}
.wpfFilterWrapper ul:not(.wpfButtonsFilter) li {
min-width: 50%;
padding: 3px 0;
}
.to-know {
width: 100%;
padding: 12px;
display: flex;
justify-content: center;
border: none;
transition: opacity 0.2s ease-out;
text-transform: uppercase;
}
.to-know:hover {
opacity: 0.8;
}
.to-know p {
padding-bottom: 4px;
font-family: var(--font-family);
font-weight: 700;
font-size: 20px;
line-height: 120%;
color: var(--text-black);
border-bottom: 1px var(--text-black) solid;
cursor: pointer;
}
.to-know--background-none {
background: none;
}
.compound {
flex-wrap: wrap;
}
.product__item.hiding .product-item__price p {
color: #999;
}
.product-item__price-disc,
.product-item__price {
display: flex;
align-items: center;
gap: 20px;
}
.product-item__price-disc,
.product-item__price {
display: flex;
align-items: center;
gap: 20px;
}
.product-item__price-sale__perc {
font-size: 20px;
text-transform: uppercase;
color: #fa0505;
}
.product-item__price-sale__text {
text-decoration: line-through;
color: #999999;
font-size: 18px;
}
.product-item__price-sale__perc::after {
display: none;
}
.breadcrumbs__item:not(.breadcrumbs__item--current) {
background: var(--gradient-main);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}  .product__count {
color: #979797;
font-size: 12px;
font-style: normal;
font-weight: 700;
line-height: normal;
text-transform: uppercase;
margin-left: 24px;
white-space: nowrap;
}
@media (max-width: 768px) {
.product__count {
align-self: flex-end;
padding-bottom: 0.2em;
}
}
.product__tag {
margin: 36px -12px -12px -12px;
display: flex;
align-items: center;
flex-wrap: wrap;
}
.product-tag__item {
margin: 12px;
padding: 1px;
border-radius: 16px;
background: var(--gradient-blue);
border: none;
}
.product-tag-item__content {
padding: 3px 11px;
background: var(--background-white);
border-radius: 15px;
display: flex;
align-items: center;
}
.product-tag-item__text {
font-family: var(--font-family);
font-weight: 400;
font-size: 20px;
line-height: 120%;
background: var(--gradient-blue);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.product-tag-item__button {
margin: 2px 0 2px 4px;
width: 20px;
aspect-ratio: 1;
background: none;
border: none;
background-image: url(//cosmopet.ae/wp-content/static/img/svg/main/gradient-x.svg);
background-repeat: no-repeat;
background-position: center;
}
.product__error {
margin: auto;
padding: 0 16px;
font-family: var(--font-family);
font-weight: 700;
font-size: 24px;
line-height: 100%;
text-transform: uppercase;
color: var(--text-0);
text-align: center;
}
.product__error-button {
border-radius: 20px;
padding: 4px 24px;
font-family: var(--font-family);
font-weight: 600;
font-size: 20px;
line-height: 120%;
color: var(--text-black);
border: 1px solid var(--text-0);
background: var(--background-white);
text-decoration: none;
}
.product__title {
font-family: var(--font-family);
font-weight: 700;
font-size: 36px;
line-height: 111%;
text-transform: uppercase;
color: var(--text-black);
display: inline-block;
}
.product__wrap {
margin: 20px 0;
}
.product__main {
margin: 0px 0px;
display: flex;
align-items: stretch;
flex-wrap: wrap;
}
.product__item {
margin: 12px;
width: calc(25% - 24px);
display: flex;
flex-direction: column;
justify-content: space-between;
background-color: var(--background-grey);
border-radius: 24px;
overflow: hidden;
position: relative;
}
.product__item::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: calc(100% - 2px);
height: calc(100% - 2px);
border: 1px solid #000;
border-radius: 24px;
pointer-events: none;
transition: opacity 0.2s ease-out;
opacity: 0;
}
.product__item:hover::before {
opacity: 1;
}
.product__item.active::before {
opacity: 0;
}
.product-item__block-label {
position: absolute;
top: 16px;
left: 16px;
}
.product-item__label {
position: absolute;
top: 16px;
left: 16px;
margin: -2px;
display: flex;
align-items: center;
z-index: 10;
}
.product-item-label__tag {
margin: 2px;
padding: 4px 8px;
font-family: var(--font-family);
font-weight: 700;
font-size: 12px;
line-height: 133%;
color: #f4f1f0;
border-radius: 16px;
display: block;
text-decoration: none;
}
.product-item-label__tag--new {
background: var(--gradient-blue);
}
.product-item-label__tag--new-green {
background: #d9ffcc;
color: #4e7623;
}
.product-item-label__tag--sale {
background: var(--gradient-red);
}
.product-item-label__tag--sale-red {
color: #fa0505;
background: #ffe5e5;
}
.product-item-label__tag--black {
background: var(--background-black);
color: var(--text-white);
}
.product-item-label__tag--title {
padding: 4px 2px;
font-size: 16px;
line-height: 125%;
color: var(--text-black);
display: flex;
align-items: center;
}
.product-item__product-card {
height: 274px;
display: flex;
justify-content: center;
align-items: center;
}
.product-item__images {
height: 242px;
object-fit: contain;
}
.product-item__content-card {
padding: 15.5px;
}
.product-item__title {
margin-top: 8px;
font-family: var(--font-family);
font-weight: 500;
font-size: 20px;
line-height: 120%;
color: var(--text-black);
text-decoration: none;
display: block;
}
.product-item__title:first-child {
margin-top: 0;
}
.product-item__price {
margin-top: 8px;
display: flex;
align-items: center;
}
.product-item__price p {
font-family: var(--font-family);
font-weight: 700;
font-size: 20px;
line-height: 200%;
text-transform: uppercase;
}
.product-item__price span {
margin-left: 9px;
font-family: var(--font-family);
font-weight: 500;
font-size: 12px;
line-height: 133%;
color: var(--text-red);
}
.product-item__price del {
margin-left: 24px;
font-family: var(--font-family);
font-weight: 700;
font-size: 18px;
line-height: 133%;
text-transform: uppercase;
text-decoration: line-through;
color: var(--text-6);
}
.product-item__price del::after {
content: '₽';
}
.product-item__price span::before {
content: '-';
}
.product-item__price span::after {
content: '%';
}
.product-item__bye {
margin-top: 8px;
}
.product__item.hiding .product-item__price {
color: var(--text-grey);
}
.product-item__overlay {
position: absolute;
top: 100%;
left: 0;
width: 100%;
height: 100%;
padding: 24px;
display: flex;
flex-direction: column;
justify-content: space-between;
border-radius: 24px;
backdrop-filter: blur(25px);
background-color: rgba(242, 242, 242, 0.8);
z-index: 10;
transition: top 0.4s ease-out;
}
.product-item__overlay.active {
top: 0;
}
.product-item-overlay__tags {
margin: 4px -6px -6px -6px;
font-family: var(--font-family);
font-weight: 500;
font-size: 12px;
line-height: 133%;
color: var(--text-3);
display: flex;
flex-wrap: wrap;
list-style-type: none;
}
.product-item-overlay__tags li {
margin: 4px 6px;
position: relative;
}
.product-item-overlay__tags li:nth-child(n + 1)::after {
content: '';
position: absolute;
top: 6px;
right: -8px;
width: 4px;
aspect-ratio: 1;
background-color: var(--text-3);
border-radius: 50%;
}
.product-item-overlay__tags li:last-child::after,
.product-item-overlay__tags li:last-child::before {
display: none;
}
.product-item-overlay__price {
margin-top: 32px;
font-family: var(--font-family);
font-weight: 700;
font-size: 24px;
line-height: 100%;
text-transform: uppercase;
text-align: right;
color: var(--text-black);
}
.product-item-overlay__block-button {
margin-top: 32px;
}
.product-item-overlay__button {
margin-top: 16px;
}
.product-item-overlay__button:first-child {
margin-top: 0;
}
.product-item-overlay__field {
margin-top: 24px;
display: flex;
justify-content: space-between;
align-items: center;
}
.product-item-overlay__field:first-child {
margin-top: 0;
}
.product-item-overlay-field__title {
font-family: var(--font-family);
font-weight: 700;
font-size: 16px;
line-height: 125%;
color: var(--text-0);
}
.active-filters {
display: flex;
flex-wrap: wrap;
gap: 10px;
margin-bottom: 20px;
margin-top: 20px;
}
.active-filter-tag {
padding: 6px 12px;
border: 1px solid #3ec2a6;
border-radius: 16px;
color: #3ec2a6;
font-weight: 400;
font-size: 20px;
line-height: 120%;
white-space: nowrap;
cursor: default;
transition: all 0.2s;
text-transform: uppercase;
}
.active-filter-tag:hover {
background-color: #e8f8f5;
cursor: pointer;
}
.active-filters__clear.button--white {
padding: 6px 12px;
height: 38px;
margin-top: 20px;
} @media only screen and (max-width: 1200px) { .product {
padding-top: 20px;
}
.product__title {
font-weight: 700;
font-size: 26px;
line-height: 123%;
text-transform: uppercase;
}
.to-know p {
font-size: 18px;
}
.product__item {
width: calc(50% - 24px);
}
} @media only screen and (max-width: 720px) { .product__item {
width: calc(100% - 24px);
}  .modal__basket {
width: 100%;
}
.modal__filter {
width: 100%;
}
.modal__to-know,
.modal__to-know-submit {
width: 100%;
}
.modal__button .to-know {
display: flex;
background: none;
}
}
@media only screen and (max-width: 576px) {
.product__header {
flex-direction: column;
align-items: start;
}
.product__header .button {
margin-top: 48px;
} } .not-found-title {
font-family: var(--font-family-accent);
font-style: normal;
font-weight: 700;
font-size: 36px;
line-height: 43px;
text-align: center;
text-decoration-line: underline;
text-transform: uppercase;
color: #121212;
}
.product-main,
.not-found {
width: 100%;
}
.not-found-text { max-width: 421px;
margin-right: auto;
margin-left: auto;
margin-top: 1em;
font-family: var(--font-family-accent);
font-style: normal;
font-weight: 500;
font-size: 24px;
line-height: 29px;
text-align: center;
color: #121212; flex: none;
order: 1;
flex-grow: 0;
}
.not-found {
width: 100%;
position: relative;
padding-top: 7rem;
padding-bottom: 7rem;
}
.not-found img {
position: absolute;
top: 50%;
left: 50%;
pointer-events: none;
transform: translate(-50%, -50%);
min-width: 750px;
}
@media (max-width: 640px) {
.not-found-title {
font-size: 24px;
}
.not-found-text {
font-size: 16px;
}
.not-found img {
min-width: 550px;
}
.not-found {
overflow: hidden;
}
} .product__wrap {
display: flex;
gap: 40px;
}
.product__sidebar {
width: 346px;
flex-shrink: 0;
}
@media (min-width: 1200px) {
.filters-sec {
margin-bottom: 5vh;
}
}
.product__content {
width: calc(100% - 386px);
}
.product__content-full {
width: 100%;
} .category-navigation {
margin-bottom: 32px;
padding: 24px;
background: var(--background-white);
border: 1px solid var(--background-grey);
border-radius: 16px;
}
.category-navigation__title {
margin-bottom: 20px;
font-family: var(--font-family);
font-weight: 700;
font-size: 18px;
line-height: 125%;
text-transform: uppercase;
color: var(--text-black);
}
.category-navigation__tree {
width: 100%;
}
.category-tree {
list-style: none;
margin: 0;
padding: 0;
}
.category-tree.level-0 {
margin-left: 0;
}
.category-tree.level-1 {
margin-left: 20px;
}
.category-tree.level-2 {
margin-left: 40px;
}
.category-tree.level-3 {
margin-left: 60px;
}
.category-tree__item {
margin-bottom: 8px;
}
.category-tree__item:last-child {
margin-bottom: 0;
}
.category-tree__link {
display: flex;
align-items: center;
justify-content: space-between;
padding: 8px 12px;
font-family: var(--font-family);
font-weight: 400;
font-size: 16px;
line-height: 120%;
color: var(--text-black);
text-decoration: none;
border-radius: 8px;
transition: all 0.2s ease-out;
}
.category-tree__link:hover {
background-color: var(--background-grey);
color: var(--text-black);
}
.category-tree__link.active {
background-color: #e3f2fd;
color: var(--text-black);
font-weight: 600;
border-left: 3px solid #2196f3;
padding-left: 9px;
}
.category-count {
font-size: 14px;
opacity: 0.7;
font-weight: 400;
}
.category-tree__link.active .category-count {
opacity: 0.9;
color: #1976d2;
}
.shop-category-tree__link.active .shop-category-count {
opacity: 0.9;
color: #1976d2;
}
.shop-category-count {
font-size: 12px;
opacity: 0.7;
font-weight: 400;
} @media only screen and (max-width: 1200px) {
.category-navigation {
padding: 20px;
margin-bottom: 24px;
}
.category-navigation__title {
font-size: 16px;
margin-bottom: 16px;
}
.category-tree__link {
font-size: 15px;
padding: 6px 10px;
}
.category-tree.level-1 {
margin-left: 16px;
}
.category-tree.level-2 {
margin-left: 32px;
}
.category-tree.level-3 {
margin-left: 48px;
}
} @media only screen and (max-width: 720px) {
.product__wrap {
gap: 20px;
}
.shop-category-tree__item {
margin: 4px 0;
}
.shop-category-tree.level-0 > .shop-category-tree__item {
margin: 10px 0;
}
.shop-category-tree.level-0 {
padding: 8px 0;
}
.shop-category-tree__item .shop-category-tree__link-text {
font-weight: 700;
}
.category-navigation {
padding: 16px;
margin-bottom: 20px;
}
.category-navigation__title {
font-size: 15px;
margin-bottom: 14px;
}
.category-tree__link {
font-size: 14px;
padding: 5px 8px;
}
.category-tree.level-1 {
margin-left: 12px;
}
.category-tree.level-2 {
margin-left: 24px;
}
.category-tree.level-3 {
margin-left: 36px;
}
.category-count {
font-size: 12px;
}
} .shop-categories {
margin-bottom: 32px;
}
.shop-categories__title { padding-top: 24px;
padding-bottom: 46px;
font-family: var(--font-family);
font-weight: 600;
font-size: 20px;
line-height: 125%;
color: var(--text-black);
}
.shop-categories__list {
display: flex;
flex-direction: column;
}
.shop-category-group {
padding-bottom: 3px;
}
.shop-category-group:last-child {
border-bottom: none;
padding-bottom: 0;
}
.shop-category-group__title {
margin: 8px 0;
}
.shop-category-group__link {
display: flex;
align-items: center;
justify-content: space-between;
font-family: var(--font-family);
font-weight: 700;
font-size: 14px;
line-height: 125%;
color: var(--text-black);
text-decoration: none;
text-transform: uppercase;
transition: color 0.2s ease-out;
padding: 4px 8px;
}
.shop-category-group__link--sales {
color: #cd0003;
}
.shop-category-group-btn {
width: 16px;
height: 16px;
background-size: contain;
background-repeat: no-repeat;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M2.5 5.5L7.5 10.5L12.5 5.5' stroke='%23121212' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.shop-category-group__link:hover {
color: var(--text-3);
}
.shop-category-group__link.choosen,
.shop-category-group:has(.choosen) .shop-category-group__link {
background: var(--gradient-main, radial-gradient(212.66% 158.13% at 100% -22.5%, #ee6868 0%, #569ef0 57.69%));
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.shop-category-group__link.active .shop-category-group-btn {
transform: rotate(180deg);
}
.shop-category-group__link.active .shop-category-count {
color: #1565c0;
}
.shop-category-group__subcategories {
display: none;
}
.shop-category-tree {
list-style: none;
overflow: auto;
margin: 0;
padding: 0;
}
.shop-category-tree.level-0 {
margin-left: 0;
padding: 12px 0;
}
.shop-category-tree.level-1,
.shop-category-tree.level-2 {
margin-left: 32px;
display: none;
}
.shop-category-tree__item:last-child {
margin-bottom: 0;
}
.shop-category-tree__link {
display: flex;
padding: 8px 8px 8px 12px;
align-items: center;
color: #121212;
font-size: 14px;
font-style: normal;
font-weight: 600;
line-height: 20px;
}
.shop-category-count {
opacity: 0.4;
font-weight: 400;
flex-shrink: 0;
margin-left: auto;
}
.shop-category-tree__link {
color: #121212;
font-size: 14px;
font-style: normal;
font-weight: 600;
line-height: 20px; gap: 8px;
border-radius: 10px;
padding: 8px 8px 8px 12px;
overflow: hidden;
transition: all 0.3s;
margin-top: 2px;
margin-bottom: 2px;
}
.shop-category-sub-group-btn {
height: 24px;
width: 24px;
background-size: contain;
flex-shrink: 0;
transition: all 0.3s ease-out;
margin-left: -32px;
transform: rotate(45deg);
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cg clip-path='url(%23clip0_6001_55943)'%3E%3Cpath d='M16.9502 7.05078L7.0507 16.9503' stroke='%23121212' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7.0498 7.05078L16.9493 16.9503' stroke='%23121212' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_6001_55943'%3E%3Crect width='24' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
.--has-children.shop-category-tree__link-text {
padding-right: 36px;
transition: all 0.3s ease-out;
}
.level-1 .shop-category-tree__link-text {
opacity: 0.7;
font-weight: 500;
}
.shop-category-tree__link:hover .shop-category-tree__link-text {
padding-right: 0;
}
.shop-category-tree__link:hover .shop-category-sub-group-btn {
margin-left: 0;
}
.shop-category-tree__item.active > .shop-category-tree__link .shop-category-sub-group-btn {
transform: rotate(0deg);
margin-left: 0;
}
.shop-category-tree__item.active > .shop-category-tree__link .shop-category-tree__link-text {
padding-right: 0;
}
.shop-category-tree__link:hover,
.shop-category-tree__item.active > .shop-category-tree__link {
background: rgba(86, 158, 240, 0.06);
} @media only screen and (max-width: 1200px) {
.shop-categories {
margin-bottom: 24px;
}
.shop-categories__title {
font-size: 16px;
margin-bottom: 16px;
}
.shop-category-group {
padding-bottom: 16px;
}
.shop-category-group__title {
margin: 6px 0;
}
.shop-category-group__link {
font-size: 15px;
}
}
@media (max-width: 1150px) {
.product__wrap {
flex-wrap: wrap;
}
.shop-categories {
display: none;
}
.product__sidebar {
width: 100%;
}
.product__content {
width: 100%;
}
}
.wpfFilterVerScroll {
max-height: none !important;
}
.search-results-header {
margin-top: 1rem;
}
.shop-category-tree__link.choosen {
background: #569ef0 !important;
color: #fff;
}
.shop-category-tree__link.choosen .shop-category-sub-group-btn {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cg clip-path='url(%23clip0_6001_55943)'%3E%3Cpath d='M16.9502 7.05078L7.0507 16.9503' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7.0498 7.05078L16.9493 16.9503' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_6001_55943'%3E%3Crect width='24' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
.price-row {
display: flex;
gap: 12px;
margin-top: 12px;
}
.price-box {
width: calc(50% - 6px);
border-radius: 16px;
border: 1px solid var(--interface-placeholder, #999);
background: var(--interface-main_white, #fff);
height: 40px;
padding: 8px 16px;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px;
display: flex;
align-items: center;
justify-content: space-between;
}
.price-box p {
color: var(--interface-placeholder, #999);
font-size: 16px;
}
.price-box input {
text-align: right;
font-size: 16px;
width: 80px;
}
.price-slider {
border-radius: 80px;
background: rgba(0, 0, 0, 0.06);
height: 6px !important;
} .ordering-form-variant {
display: none;
}
.ordering-form-head {
display: flex;
padding: 12px 24px;
justify-content: center;
align-items: center;
gap: 8px;
color: #121212;
font-size: 14px;
font-style: normal;
font-weight: 600;
line-height: 20px; cursor: pointer;
border-radius: 20px;
}
.product__header .ordering-form-head.active {
background: radial-gradient(278.91% 196.13% at 128.36% -48.29%, #ee6868 0%, #569ef0 57.69%);
color: #fff;
}
.product__header .ordering-form-head.active:after {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M18.75 15.75L11.25 8.25L3.75 15.75' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.product__header .ordering-form-head:after {
content: '';
width: 24px;
height: 24px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M3.75 8.25L11.25 15.75L18.75 8.25' stroke='%23121212' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
background-size: contain;
background-repeat: no-repeat;
}
.ordering-form {
position: relative;
width: max-content;
margin-left: auto;
z-index: 15;
text-wrap: nowrap;
}
.product__header {
position: relative;
z-index: 50; padding-bottom: 36px;
}
.ordering-form-variants {
position: absolute;
top: 56px;
left: 0;
width: 100%;
background-color: #fff;
z-index: 10;
transition: all 0.3s ease-out;
padding: 12px;
padding-bottom: 8px;
border-radius: 24px;
background: #fff;
color: rgba(0, 0, 0, 0.75);
display: none;
}
.ordering-form-variants label {
display: block;
margin-bottom: 4px;
padding: 4px 8px;
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: 20px;
width: 100%;
cursor: pointer;
}
.ordering-form-variants label:hover {
background: var(--gradient-main, radial-gradient(212.66% 158.13% at 100% -22.5%, #ee6868 0%, #569ef0 57.69%));
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
} .shop-tag-link {
border-radius: 800px;
background: #f1f1f1;
padding: 8px 16px;
font-size: 14px;
font-weight: 600;
}
.shop-tag-link.active {
color: #fff;
background: var(--gradient-main);
}
.shop-tag-link:hover,
.ordering-form-head:hover {
color: #121212;
background: rgba(86, 158, 240, 0.06);
}
.product__title-wrapper {
margin-top: 3rem;
display: flex;
align-items: center;
}
@media (max-width: 768px) {
.breadcrumbs {
row-gap: 8px;
padding-top: 12px;
}
.breadcrumbs__item {
font-size: 12px;
padding-inline: 12px;
}
.product {
padding-top: 0;
}
.product__title {
flex-basis: 100%;
font-size: 20px;
text-transform: none;
font-weight: 600;
}
.product__count {
font-size: 12px;
align-self: flex-start;
margin-left: 0px;
}
.product__title-wrapper {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 8px;
margin-bottom: 24px;
}
.product__wrap {
margin-top: 0;
}
.shop-categories__title {
display: none;
}
.shop-categories__list {
margin-top: 1.2rem;
}
.shop-category-sub-group-btn {
margin-left: 0;
}
}
.shop-tag-list {
gap: 12px;
display: flex;
flex-wrap: wrap;
}
.choosen .shop-category-tree__link-text {
opacity: 1;
}
.choosen .shop-category-count {
opacity: 0.7;
}
.ordering-title {
display: none;
}
@media (max-width: 1150px) {
.product__title-wrapper {
margin-top: 1rem;
}
.ordering-form-variants {
position: fixed;
bottom: 0;
left: 0;
width: 100vw;
background-color: #fff;
z-index: 1000;
padding: 16px;
overflow: auto;
top: unset;
border-radius: 24px 24px 0 0;
box-shadow: 0 0px 0px 2px rgb(0 0 0 / 23%);
}
.ordering-title {
margin-top: 12px;
margin-bottom: 16px;
font-size: 20px;
font-style: normal;
font-weight: 600;
line-height: 24px;
display: block;
}
.ordering-swiping {
position: absolute;
left: 50%;
transform: translateX(-50%);
border-radius: 80px;
background: var(--interface-background, #f2f2f2);
width: 40px;
height: 4px;
top: 10px;
}
.ordering-form-head {
display: none;
}
.ordering-form-variants label {
display: flex;
align-items: center;
}
.ordering-form-variants label::before {
content: '';
border-radius: var(--Radius-radius_4, 4px);
border: 1px solid rgba(18, 18, 18, 0.24);
height: 18px;
width: 18px;
margin-right: 12px;
}
.ordering-form-variants input:checked + label::before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='8' viewBox='0 0 10 8' fill='none'%3E%3Cpath d='M8.22168 0.785156C8.57701 0.430635 9.15218 0.43092 9.50684 0.786133C9.86154 1.14147 9.86119 1.71756 9.50586 2.07227L4.35156 7.21777C3.9965 7.57214 3.4212 7.57141 3.06641 7.2168L0.493164 4.64355C0.138544 4.28855 0.138407 3.71331 0.493164 3.3584C0.848186 3.00338 1.42427 3.00338 1.7793 3.3584L3.70996 5.28906L8.22168 0.785156Z' fill='white'/%3E%3C/svg%3E");
background-size: 12px;
background-position: center;
background-repeat: no-repeat;
background-color: var(--interface-main_black, #121212);
}
}
.pagination {
display: flex;
align-items: center;
justify-content: center;
gap: 32px;
font-size: 20px;
font-style: normal;
font-weight: 600;
line-height: 24px;
padding-bottom: 60px;
}
.pagination a:hover:not(.pagination-link) {
text-decoration: underline;
}
@media (max-width: 1280px) {
.pagination {
display: none;
}
}
.pagination-next.disabled,
.pagination-prev.disabled {
opacity: 0.4;
}
.pagination-pages {
display: flex;
gap: 8px;
}
.pagination-link {
height: 44px;
width: 44px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 10px;
}
.pagination-link:hover:not(.dots) {
background: rgba(86, 158, 240, 0.06);
}
.pagination .pagination-link.current {
background: #569ef0;
color: #fff;
}
@media (max-width: 1150px) {
.product__header {
gap: 0;
}
.shop-tag-link {
padding: 8px 12px;
}
.product__header--notags {
padding-top: 0;
padding-bottom: 0;
}
}
.product__content-full.wishlist-page .product__header {
display: flex;
justify-content: space-between;
align-items: center;
}
.wishlist__filters {
display: flex;
align-items: center;
gap: 24px;
}
.wishlist__filters .ordering-form {
margin-left: 0;
}
.wishlist__not-found {
display: flex;
flex-direction: column;
gap: 24px;
align-items: center;
justify-content: center;
margin-inline: auto;
}
.wishlist__not-found .not-found-title {
font-weight: 700;
font-size: 20px;
text-decoration: none;
line-height: 24px;
}
.wishlist__not-found .not-found-text {
margin-top: 0;
font-weight: 700;
font-size: 16px;
line-height: 24px;
color: #979797;
order: 0;
}
@media (max-width: 1150px) {
.product__content-full.wishlist-page .product__header {
align-items: flex-start;
}
.wishlist__filters .ordering-form {
display: none;
}
.filter-status-text {
display: none;
}
}
.checkbox-filter {
display: flex;
align-items: center;
gap: 8px;
margin: 6px 10px 6px 0;
cursor: pointer;
}
.checkbox-filter__input {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
}
.checkbox-filter__label {
display: inline-flex;
align-items: center;
gap: 10px;
font-size: 14px;
font-weight: 500;
user-select: none;
}
.checkbox-filter__label::before {
content: '';
display: inline-block;
width: 18px;
height: 18px;
flex-shrink: 0;
vertical-align: middle;
border-radius: var(--Radius-radius_4, 4px);
border: 1px solid rgba(18, 18, 18, 0.24);
background: transparent;
transition: all 0.2s ease;
}
.checkbox-filter__input:checked + .checkbox-filter__label::before {
border-radius: var(--Radius-radius_4, 4px);
background-color: var(--interface-main_black, #121212);
border-color: var(--interface-main_black, #121212);
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M10.5 3L4.5 9L1.5 6' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
background-size: 12px;
background-position: center;
background-repeat: no-repeat;
}
.main-food_products-card-wishlist {
z-index: 13;
pointer-events: auto;
}