.listing{display:flex;flex-direction:column;min-height:55vh}.listing-header{display:flex;flex-direction:column}.listing-header title{font-family:Roboto Flex,sans-serif;font-weight:700;font-size:1.75rem;line-height:1.2;text-transform:uppercase}.listing-header .found-and-sort-block{display:flex;justify-content:space-between;align-items:center;margin:1.5rem 0}@media(max-width:640px){.listing-header .found-and-sort-block{flex-direction:column;align-items:stretch;margin:1rem 0}}.listing-header .found-and-sort-block .found{font-family:Manrope,sans-serif;font-weight:400;font-size:1rem;line-height:1.2;vertical-align:middle;color:#373a36}.listing-header .found-and-sort-block .sort-block{display:flex;gap:1.5rem}@media(max-width:1024px){.listing-header .found-and-sort-block .sort-block{display:none}}.change-view{display:flex}.content{width:100%;display:flex;justify-content:space-between;margin-bottom:1.5rem}@media(max-width:1024px){.content .filters-pc{display:none}}.content .filters-and-sort-mob{display:none;gap:.5rem;justify-content:space-between}@media(max-width:1024px){.content .filters-and-sort-mob{display:flex;padding-bottom:1.5rem}}@media(max-width:768px){.content .filters-and-sort-mob{padding-bottom:1rem}}.content .filters-mob,.content .sort-mob{display:none}@media(max-width:1024px){.content .filters-mob,.content .sort-mob{width:calc(50% - .5rem);display:flex}.content .filters-mob button,.content .sort-mob button{width:100%}}.content .filters{min-width:328px;max-width:328px;display:flex;flex-direction:column;gap:1.5rem}@media(max-width:1024px){.content .filters{display:none}}.list-block{flex:1;display:flex;flex-direction:column;min-width:0}@media(max-width:768px){.list-block{gap:.75rem}}.list-block .cards{width:100%;display:flex;gap:.5rem;flex-wrap:wrap;min-width:0;column-count:2;column-gap:8px;align-items:stretch}.list-block .cards--empty{display:flex!important;justify-content:center;align-items:center;min-height:300px}@media(min-width:1024px){.list-block .cards{column-count:initial;display:grid;justify-items:center;grid-template-columns:repeat(3,1fr);gap:1rem}}@media(max-width:768px){.list-block .cards{margin-top:.25rem}}@media(max-width:640px){.list-block .cards{gap:.25rem}}.list-block .cards .banner-card{min-width:auto;width:auto;flex:0 0 calc((100% - .5rem * 2 - .5rem) / 3)}@media(max-width:768px){.list-block .cards .banner-card{min-width:162px;flex:0 0 calc((100% - .5rem)/2);min-height:320px;height:auto}}.list-block .cards .card-list{display:flex;justify-content:space-between;background-color:#fff}.list-listing{width:100%;min-width:0;display:flex;flex-direction:column}.list-listing .cards{width:100%;display:flex;flex-direction:column;gap:.5rem}.list-listing .cards .banner-card{display:none}.list-listing .cards .card-list{width:100%;height:286px;position:relative;border-radius:2px;display:flex;background-color:#fff}.list-listing .cards .card-list .content{display:flex;gap:1.5rem;align-items:end;padding:1.5rem}@media(max-width:1428px){.list-listing .cards .card-list .content{padding:1rem}}@media(max-width:1280px){.list-listing .cards .card-list .content{justify-content:start;width:100%}}@media(max-width:1024px){.list-listing .cards .card-list .content{padding:.5rem;gap:.5rem}}.list-listing .cards .card-list .content .image-block{display:flex;justify-content:center;align-items:center;position:relative;width:254px;height:100%;flex-shrink:0}@media(max-width:1280px){.list-listing .cards .card-list .content .image-block{width:160px}}.list-listing .cards .card-list .content .image-block .actions-row{display:none}.list-listing .cards .card-list .content .image-block .left-block{position:absolute;top:0;left:0;display:flex;flex-direction:column;gap:.25rem;z-index:10}.list-listing .cards .card-list .content .image-block .left-block .title{padding:3px 6px;position:relative;font-family:Roboto Flex,sans-serif;font-weight:700;font-size:8px;line-height:1.28;text-transform:uppercase;width:fit-content;color:#fff;clip-path:polygon(4px 0%,100% 0,100% 100%,0 100%,0% 4px)}.list-listing .cards .card-list .content .image-block .left-block .discount{background:#ff5000}.list-listing .cards .card-list .content .image-block .left-block .guarantee{background:#58b338}.list-listing .cards .card-list .content .image-block .left-block .new{background:#0080ff}.list-listing .cards .card-list .content .image-block .left-block .bestseller{color:#222020;background:#cdeb00}.list-listing .cards .card-list .content .image-block .left-block .hit{color:#222020;background:#ffcc01}.list-listing .cards .card-list .content .image-block .image{width:auto;height:auto;display:flex;justify-content:center;align-items:center}.list-listing .cards .card-list .content .border-vertical{width:1px;height:100%;background:#f2f2f2}.list-listing .cards .card-list .content .description{display:flex;justify-content:space-between;gap:.5rem;width:100%;height:100%;font-family:Manrope,sans-serif}.list-listing .cards .card-list .content .description .middle-block{display:flex;flex-direction:column;width:272px}@media(max-width:1280px){.list-listing .cards .card-list .content .description .middle-block{width:auto;max-width:240px}}.list-listing .cards .card-list .content .description .middle-block{gap:1.5rem}.list-listing .cards .card-list .content .description .product-block{display:flex;flex-direction:column;gap:.5rem}.list-listing .cards .card-list .content .description .characteristics{display:flex;flex-direction:column;gap:.25rem}.list-listing .cards .card-list .content .description .characteristics .characteristic{display:flex;justify-content:space-between;font-family:Manrope,sans-serif;font-weight:500;font-size:.75rem;line-height:1.2;vertical-align:middle}.list-listing .cards .card-list .content .description .characteristics .characteristic-block{flex:1 1 auto;min-width:1rem;height:100%;padding:0 .5rem;display:flex;align-items:end}.list-listing .cards .card-list .content .description .characteristics .characteristic-block--dots{flex:1;height:1px;background-image:repeating-linear-gradient(to right,#ebedef,#ebedef 2px,transparent 2px,transparent 4px)}.list-listing .cards .card-list .content .description .characteristics .characteristic--type{min-width:fit-content;color:#a7a8a8}.list-listing .cards .card-list .content .description .characteristics .characteristic--value{color:#222020;min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.list-listing .cards .card-list .content .description .title{font-weight:500;font-size:1rem;line-height:1.2;color:#222020;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis}.list-listing .cards .card-list .content .description .title:after{content:"";position:absolute;inset:0;z-index:1}.list-listing .cards .card-list .content .description .code{font-weight:500;font-size:.875rem;line-height:112%;vertical-align:middle;color:#666667}.list-listing .cards .card-list .content .description .right-block{display:flex;flex-direction:column;justify-content:space-between;gap:.75rem;width:272px;position:relative}@media(max-width:1280px){.list-listing .cards .card-list .content .description .right-block{width:auto;max-width:240px}}.list-listing .cards .card-list .content .description .right-block--actions{position:absolute;top:0;right:0;z-index:2;display:flex;gap:.25rem}.list-listing .cards .card-list .content .description .right-block--actions .action{width:40px;height:40px;background:#fff;border:1px solid #ebedef;border-radius:2px;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:background-color .2s ease,border-color .2s ease,color .2s ease}.list-listing .cards .card-list .content .description .right-block--actions .action:hover{color:#f93923;border-color:#f93923}.list-listing .cards .card-list .content .description .right-block--actions .action svg{transition:stroke .2s ease}.list-listing .cards .card-list .content .description .price-block{gap:.5rem}.list-listing .cards .card-list .content .description .card-cart{width:100%;height:48px;display:flex;justify-content:center;align-items:center;position:relative;z-index:2}.list-listing .cards .card-list .content .description .count-product{position:relative;z-index:2}.list-listing .cards .card-list .content .description .bank-block{display:flex;gap:.5rem}.list-listing .cards .card-list .content .description .bank-block--item{width:24px;height:24px;position:relative}.list-listing .cards .card-list .content .description .bank-block--item span{position:absolute;bottom:-5px;right:-5px;width:12px;height:12px;background:#ebedef;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:Manrope,sans-serif;font-weight:500;font-size:.625rem;line-height:100%}.list-listing .cards .banner{display:none}.listing-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.listing-empty__icon{color:#bdbebe;margin-bottom:1.5rem}.listing-empty__title{font-size:1.25rem;font-weight:700;color:#222020;margin-bottom:.75rem}.listing-empty__text{font-size:1rem;color:#666667;margin-bottom:1.5rem;max-width:400px}.listing-empty__btn{display:inline-block;background-color:#f93923;color:#fff;padding:.75rem 2rem;border-radius:4px;font-size:1rem;font-weight:500;text-decoration:none;transition:background-color .15s ease-in-out}.listing-empty__btn:hover{background-color:#af2626}
