.assignProducts h2{font-size: 24px;margin-bottom: 15px;}
ul.prodList {list-style:none;display:flex;flex-wrap:wrap;--gap:16px;gap:var(--gap);container:prod-list / inline-size}
ul.prodList li {--flex-items:6;flex:0 0 auto;box-sizing:border-box;position:relative;z-index:0;container:prod-list-item / inline-size}
ul.prodList li>div {transition:box-shadow .3s;box-sizing:border-box;height:100%;text-decoration:none;border:1px solid #d9d9d9;background-color:#fff;padding:20px;display:flex;flex-direction:column;border-radius:8px;gap:20px;}
ul.prodList a {color:#707070;display:flex;flex-direction:column;flex:1;font-size:14px;}

ul.prodList header {position:relative;z-index:0;}
ul.prodList div.img {position:relative;z-index:0;aspect-ratio:1/.95;overflow:hidden;margin-bottom: 30px}
ul.prodList div.img.empty {background:url('/images/logo.png') no-repeat center;}
ul.prodList div.img.load>img {opacity:0;visibility:hidden;}
ul.prodList div.img img {width:100%;height:100%;object-fit:scale-down;transition:opacity .3s, visibility .3s;}
ul.prodList div.tlt {margin-bottom:5px}
ul.prodList div.cost {margin-top:auto;}
ul.prodList div.cost span.gross {display:block;font-weight:bold;font-size:18px;color:#000;}
ul.prodList div.cost span.net {display:block;}
ul.prodList div.cost del {font-size:14px;color:#707070;margin-left:8px;display:inline-block;font-weight:normal;}
ul.prodList footer {display:flex;justify-content:center;align-items:center;gap:10px;}
ul.prodList footer a.more {display:inline-block;padding:10px 2em;background-color:var(--a-color);color:#fff;text-decoration:none;border-radius:2em;font-size:clamp(1em,7cqw,1.1em);}
ul.prodList .labels {font-size:12px;margin-bottom:4px;color:#000;position:absolute;z-index:0;top:0;left:0;display:flex;flex-wrap:wrap;gap:5px;}
ul.prodList .labels>* {border-radius:2em;padding:2px 8px;white-space:nowrap;text-transform:uppercase;background-color:#666;color:#fff;}

ul.prodList form [type="submit"][name="addCart"] {font:500 18px 'Prompt', sans-serif;color:#fff;border:1px solid #db0303;background-color:#db0303;cursor:pointer;outline:none;padding:8px 20px;border-radius:2em;}

.rollWrap>ul.prodList {flex-wrap: nowrap}
.main-products-list {margin-bottom:2em;}
.main-products-list>.category-name {margin-bottom:.5em;}

.groups-products {margin-bottom:60px;}
.groups-products .prodListArea {}
.groups-products ul.prodList {overflow:hidden;position:relative;z-index:0;flex-wrap:nowrap;}

div.prodListItem {font:16px 'Roboto', sans-serif;margin-bottom:25px;border:1px solid #d7e2ed;background-color:#fff;display:flex;}
div.prodListItem a:not(.more) {display:flex;text-decoration:none;padding:15px;color:#000;transition:border-color .3s;flex:1 0 0px;}
div.prodListItem:hover {border-color:#669cff;}
div.prodListItem h2 {font:bold 18px 'Roboto', sans-serif;margin-bottom:8px;}
div.prodListItem .data {flex: 1 1 auto;display:flex;flex-direction:column;}
div.prodListItem .data>.body {flex:1 1 auto;}

div.prodListItem div.img {position:relative;z-index:0;flex:0 1 374px;}
div.prodListItem div.img.empty {background:url('../images/blank.png') no-repeat 50% 50%;}
div.prodListItem div.img::before {content:'';display:block;padding-bottom:53.48%;}
div.prodListItem div.img img {position:absolute;max-width:100%;max-height:100%;width:auto;height:auto;top:0;right:0;left:0;bottom:0;margin:auto;}
div.prodListItem div.type {margin-bottom:8px;font-size:12px;}

div.prodListItem div.type>* {border:1px solid #aaa;border-radius:4px;display:inline-block;padding:2px 8px;white-space:nowrap;}
div.prodListItem div.type div.promo {border-color:#db0303;color:#f00;}
/*div.prodListItem div.type div.news {background-color:#00b4d8;}*/
div.prodListItem div.cost {font:900 italic 26px 'Roboto', sans-serif;margin-bottom:10px;}
div.prodListItem div.cost del {font-size:12px;display:block;margin-top:3px;}
div.prodListItem div.item span.title {font-weight:200;}
div.prodListItem img.manufacturer {}
div.prodListItem .data footer {display:flex;align-items:center;}
div.prodListItem .data footer>.items {flex:1 1 auto;align-items:flex-end;}
div.prodListItem .footer {padding:20px;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-end;}
div.prodListItem .footer>*+* {margin-top:10px;}
div.prodListItem form [type="submit"][name="addCart"] {font:bold 18px 'Roboto', sans-serif;color:#db0303;border:1px solid #db0303;background-color:#fff;cursor:pointer;outline:none;padding:8px 24px;transition:background-color .3s, color .3s;}
div.prodListItem form [type="submit"][name="addCart"]:hover {background-color:#db0303;color:#fff;}
div.prodListItem .footer div.more {pointer-events:none;}
div.prodListItem .footer a.more {color:#7fb615;}
div.prodListItem .footer a.more::after {content:'\2192';display:inline-block;margin-left:4px;}

section.prodList {padding:40px;}
.catListNavigTitle {text-align:center;margin-bottom:20px}
div.catListNavig {display:flex;color:#707070;font-size:15px;}
div.catListNavig>* {margin-right:10px;}
div.catListNavig>div.filter {display: none}
div.catListNavig>div.right {margin-left:auto;margin-right:0;}
div.catListNavig .sortBy {display:flex;align-items:center;gap:10px;}
/*
div.catListNavig .select {display:inline-block;position:relative;z-index:0;margin-left: 10px}
div.catListNavig .select::after {content:'';position:absolute;width:12px;height:8px;background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAICAYAAADN5B7xAAAABHNCSVQICAgIfAhkiAAAAIhJREFUGFdtkMENwkAMBMci8KaTUAJ0QAnwSVWRSCdAB0cneRPQIp+IZILvOdo5r21dr0GinRoOw9lGkne6aLt+ccUo1vUqQCtRMmkOm7GTuJuDzZtbJsUw8Hiu2Js3yCTnXsN/nsNeuQqZ5GwZrizuGCd9ea0Rj/EjxEkS49RwXF7uT8jOGtkHFZdXdRenHgcAAAAASUVORK5CYII=') no-repeat;right:10px;top:0;bottom:0;margin:auto 0;}
div.catListNavig .select select {padding: 5px 15px;font:500 16px 'Roboto', sans-serif;border:1px solid #B2CDFF;border-radius:4px;height:30px;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:30px;box-sizing:border-box;width:100%;}
 */
div.catListNavig .chPagination {white-space:nowrap;}
div.catListNavig a.chpagin {display:inline-block;font:bold 18px/40px 'Roboto', sans-serif;background-color:#f7f5fa;color:#000;text-decoration:none;outline-style:none;height:40px;border-radius:4px;padding:0 15px;}
div.catListNavig a.chpagin.selected {background-color:#674197;color:#fff;}
div.catListNavig span.input {display:inline-block;vertical-align:middle;}
div.catListNavig span.input .title{display:inline-block;vertical-align:middle;margin-right: 10px}

div.catListNavig .visible {display:inline-block;width:30px;height:26px;vertical-align:middle;}
div.catListNavig .visible.normal {background:url('data:image/gif;base64,R0lGODlhHgA0AJECAGac/7LN/////wAAACH5BAEAAAIALAAAAAAeADQAAAKFjI8iyO2tnpwh0psW3nZfBYbiOI2mWWoe1a1S6zpwzMzfief6jqf0q/rVgsKDTXj88VDAZchXHEalUyMxmpQAttyuogsOi8PfsflcPqvB6bW77VY7Reg5qB6Pw/PjPZ8s8CcX+GdneDiCJ2jmt7jV6Ai5KCmIWGeo6AioKUZZSMjpBZpXAAA7') no-repeat 0 0;}
div.catListNavig .visible.short {background:url('data:image/gif;base64,R0lGODlhHgA0AJECAGac/7LN/////wAAACH5BAEAAAIALAAAAAAeADQAAAKBjI8oku1vFpxQ0qsY3nbf7k1g+IxkY56ZWmks6lLLTNf2jee6zcXvkXoFWUNV8XQkJUNLT7P3g0UTTYD1isUustyu17r9ir3hsflaPpvTajG7TRbA1/K5u26P57/vPRg/tiM4SKij1ueHuKeYx2jnOAcJJ9lGeQjoh4aZCWB5RlkAADs=') no-repeat 0 0;}
div.catListNavig .visible.sel {background-position:0 100%;}

div.catListNavig button.showFeatures {width: 40px;height: 40px;
background: #FFFFFF url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgaWQ9InN2ZzUiCiAgIHZlcnNpb249IjEuMSIKICAgd2lkdGg9IjUxMiIKICAgdmlld0JveD0iMCAwIDI0IDI0IgogICBoZWlnaHQ9IjUxMiI+CiAgPG1ldGFkYXRhCiAgICAgaWQ9Im1ldGFkYXRhMTEiPgogICAgPHJkZjpSREY+CiAgICAgIDxjYzpXb3JrCiAgICAgICAgIHJkZjphYm91dD0iIj4KICAgICAgICA8ZGM6Zm9ybWF0PmltYWdlL3N2Zyt4bWw8L2RjOmZvcm1hdD4KICAgICAgICA8ZGM6dHlwZQogICAgICAgICAgIHJkZjpyZXNvdXJjZT0iaHR0cDovL3B1cmwub3JnL2RjL2RjbWl0eXBlL1N0aWxsSW1hZ2UiIC8+CiAgICAgICAgPGRjOnRpdGxlPjwvZGM6dGl0bGU+CiAgICAgIDwvY2M6V29yaz4KICAgIDwvcmRmOlJERj4KICA8L21ldGFkYXRhPgogIDxkZWZzCiAgICAgaWQ9ImRlZnM5IiAvPgogIDxnCiAgICAgc3R5bGU9ImZpbGw6IzY2OWNmZjtmaWxsLW9wYWNpdHk6MC45NDExNzY0NyIKICAgICBkYXRhLW5hbWU9IkxheWVyIDYyIgogICAgIGlkPSJMYXllcl82MiI+CiAgICA8cGF0aAogICAgICAgc3R5bGU9ImZpbGw6IzY2OWNmZjtmaWxsLW9wYWNpdHk6MC45NDExNzY0NyIKICAgICAgIGlkPSJwYXRoMiIKICAgICAgIGQ9Im0zIDZoMTFhMiAyIDAgMCAwIDIgMmgyYTIgMiAwIDAgMCAyLTJoMWExIDEgMCAwIDAgMC0yaC0xYTIgMiAwIDAgMCAtMi0yaC0yYTIgMiAwIDAgMCAtMiAyaC0xMWExIDEgMCAwIDAgMCAyem0xMy0yaDJ2MSAxaC0yem01IDdoLTlhMiAyIDAgMCAwIC0yLTJoLTJhMiAyIDAgMCAwIC0yIDJoLTNhMSAxIDAgMCAwIDAgMmgzYTIgMiAwIDAgMCAyIDJoMmEyIDIgMCAwIDAgMi0yaDlhMSAxIDAgMCAwIDAtMnptLTEzIDJ2LTJoMnYxIDF6bTEzIDVoLTNhMiAyIDAgMCAwIC0yLTJoLTJhMiAyIDAgMCAwIC0yIDJoLTlhMSAxIDAgMCAwIDAgMmg5YTIgMiAwIDAgMCAyIDJoMmEyIDIgMCAwIDAgMi0yaDNhMSAxIDAgMCAwIDAtMnptLTcgMnYtMmgydjEgMXoiIC8+CiAgPC9nPgo8L3N2Zz4K') 50% 50% no-repeat;
background-size: 20px auto;
margin-right: 20px;
border: 1px solid #B2CDFF;
}
div.catListNavig button.showFeatures:hover {}

div.unsetCapture {overflow:hidden;margin-bottom:10px}
div.unsetCapture a {white-space:nowrap;display:inline-block;padding:2px 25px 2px 10px;min-width:60px;background:#f4f4f4 url('data:image/gif;base64,R0lGODlhCgAKAJECALYAANV6ev///wAAACH5BAEAAAIALAAAAAAKAAoAAAIYTIRpAactmJPPwBTBxWwjSX0XFYoL9gUFADs=') no-repeat 95% 50%;border:1px solid #e4e1e1;border-radius:4px;text-decoration:none;color:#000}
div.unsetCapture a+a {margin-left:10px}


div.specialProduct {padding:10px;background-color:#f0f0f0}
div.specialProduct div.title {margin:-10px -10px 10px;border-bottom:1px solid #fff;color:#fff;padding:0 5px 0 15px;font:bold 14px/30px Arial;margin-bottom:5px;height:30px;white-space:nowrap;overflow:hidden;background:#0054a4 url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAeCAIAAABi9+OQAAAARElEQVR42jyMwQ3AMAgDqRfoxtmwG2E7Aao8LEtnOLzrg+1OVCLwyJDysupiNqHkZc2Z51b/fiLOXzuGl9PU9Di3AAMAcmBFNYT0hPEAAAAASUVORK5CYII=') repeat-x}
div.specialProduct.closingsale {position:relative}
div.specialProduct.closingsale img.closingsale {position:absolute;top:0;left:7px}
div.specialProduct.closingsale div.title {padding-left:50px;height:36px;line-height:36px;background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAiCAIAAAARTyRGAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADVJREFUeNpium+hzfT34wcmBgYGpv///zP9B9EwjMyHsv+hif/DwQap+YfHHGQ+q4AgQIABALijNlUg8ZBqAAAAAElFTkSuQmCC') repeat-x}
div.specialProduct div.img {background-color:#fff;border:1px solid #c9c9c9;margin-bottom:10px}
div.specialProduct div.name {text-align:center;margin-bottom:10px}
div.specialProduct div.name a {color:#000;font-weight:bold}
div.specialProduct p.price {margin-bottom:5px}
div.specialProduct p.price b {color:#d31b0f}
div.specialProduct p.price b>span {color:#000;text-decoration:line-through;font-weight:normal;margin-right:3px}
div.specialProduct form.formProduct {border-top:1px solid #bfbfbf;padding-top:5px}
div.specialProduct p.more {border-top:1px solid #bfbfbf;padding-top:5px}
div.specialProduct p.more a {color:#d31b0f;font-weight:bold}
div.specialProduct p.more a:after {content:' »'}

section.aliasCategories {border:1px solid #aaa;border-radius:13px;padding:20px 25px 0;margin-bottom:20px;}
section.aliasCategories h2 {font-size:30px;color:#674197;margin-bottom:10px;}
section.aliasCategories ul {list-style:none;display:flex;flex-wrap:wrap;margin-left:-20px;}
section.aliasCategories li {padding-left:20px;box-sizing:border-box;flex:0 0 25%;margin-bottom:20px;}
section.aliasCategories li>a {display:block;text-decoration:none;color:#000;font-weight:bold;font-size:20px;}
section.aliasCategories li div.img {border:1px solid #aaa;padding-bottom:66.67%;margin-bottom:5px;position:relative;z-index:0;}
section.aliasCategories li div.img img {position:absolute;left:0;right:0;bottom:0;top:0;margin:auto;max-width:100%;max-height:100%;width:auto;height:auto;}
section.aliasCategories li div.img.empty {background:url('../images/blank.png') no-repeat 50% 50%/contain;}

div.subCategories {background-color:#fff;border:1px solid #d7e2ed;margin-bottom:20px;}

div.subCategories ul {list-style:none;font-size:18px;padding-bottom: 9px}
div.subCategories ul li {padding:10px 10px;}
div.subCategories ul li a {display:block;color:#484848;padding:0 10px;border-left:3px solid transparent;}
div.subCategories ul li:hover>a,
div.subCategories ul li.sel>a {border-left-color:#669cff;}
div.subCategories ul li.main {padding:0;}
div.subCategories ul li.main>a {font-weight:bold;color:#fff;font-size:18px;padding:0 40px 0 25px;height:50px;overflow:hidden;background-color:#669cff;position:relative;z-index:0;margin-bottom:9px;display:flex;}
div.subCategories ul li.main>a::after {content:'';position:absolute;right:0;top:0;bottom:0;border-width:25px 20px;border-color:transparent #fff #fff transparent;border-style:solid;}
div.subCategories ul li.main span {margin:auto 0;}

@container prod-list (max-width:1370px) {
    ul.prodList li {--flex-items:5;}
}
@container prod-list (max-width:995px) {
    ul.prodList li {--flex-items:4;}
}
@container prod-list (max-width:800px) {
    ul.prodList li {--flex-items:3;}
}
@container prod-list (max-width:570px) {
    ul.prodList li {--flex-items:2;}
}
@container prod-list (max-width:370px) {
    ul.prodList li {--flex-items:1;}
}
@container prod-list-item (max-width:216px) {
    ul.prodList div.tlt {font-size:6cqi}
    ul.prodList form [type="submit"][name="addCart"] {font-size:7.3cqi}
}
@media screen and (max-width:1400px){
    ul.prodList form [type="submit"][name="addCart"] {padding:8px 15px;}
}
@media screen and (max-width:1200px){
    div.prodListItem div.img {flex-basis:40%;}
    div.prodListItem div.cost {font-size:20px;}
div.subCategories ul li {font-size: 16px}
.groups-products {padding-top: 20px}
footer.main {padding-top: 20px}
footer.main section.top-footer-item h2 {font-size: 20px;margin-bottom: 20px;}
}
@media screen and (max-width:994px){
    div.prodListItem div.img {flex-basis:150px;}
    div.prodListItem div.img.empty {background-size:99% auto;}
}
@media screen and (max-width:768px){
    div.catListNavig {justify-content: space-between;align-items: flex-end;padding-top: 20px}
    div.catListNavig>* {}
    div.catListNavig>*+* {}
    div.prodListItem {flex-direction:column;}
    div.prodListItem .footer {flex-direction:row;align-items:center;padding-top:0;}
    div.prodListItem .footer>*+* {}
    div.catListNavig>div.filter {display:inline-block}
    div.catListNavig > div.right {margin-left: unset;margin-right: 0;}
    div.catListNavig span.input {margin-left: 20px}

    div.catListNavig .sortBy {flex-direction: column;align-items:normal;gap:4px;}

    div.catListNavig span.input {
        height: 40px;
        background-color: #FFFFFF;
        border: 1px solid #B2CDFF;
        display: flex;
        align-items: center;
        box-sizing: border-box;
    }
    div.catListNavig .visible{
    margin: 0px 5px;
    }

    div.catListNavig span.input .title {display: none}


}

@media screen and (max-width:530px){
    div.catListNavig .select{margin-left: 0px}
}

@media screen and (max-width:576px){
    div.catListNavig > div.right {display: none}
    div.catListNavig > div.left {flex: 1 0 auto;margin: 0px}
    div.catListNavig .select {display: block}
    div.catListNavig button.showFeatures {margin-right: 0px}
    div.catListNavig .select {margin: 0px}
}