/* Start:/local/components/tichiy/catalog.sections/templates/.default/style.css?17883441823015*/
.catalog--tree {--width:240px;--max:900px;position: relative}
.catalog--tree .holder{position: absolute;left:50%;top:100px;transform: translateX(-50%);width:420px;height:420px;opacity: .7;}
.catalog--tree .menu--sub{display: flex;--gap: 1px;--columns: 2;gap: var(--gap);flex-wrap: wrap;row-gap:1px;position: relative;z-index: 2}
.panel--item {width: calc((100% / var(--columns)) - var(--gap) + (var(--gap) / var(--columns)));display: flex;gap:40px;border-bottom: 1px solid var(--border);padding:20px 30px 20px 0}
.panel--side {width:var(--width);min-width:var(--width);}
.panel--box {flex:1;display: flex;flex-direction: column;gap:20px;}
.panel--btn {margin-top: auto;}
.panel--btn > .btn{margin-top: auto;height:var(--height);min-height:var(--height);}
.panel--btn > .btn svg{color:#fff;}
.panel--content {display:flex;gap:16px;max-width: var(--max)}
.panel--img-box {width:200px;min-width:200px;}
.panel--btn {text-align: left}
.panel--btn .btn {max-width: 350px;width:100%}

.panel--box > .panel--title {font-weight: 600;font-size: 32px;line-height: 36px;letter-spacing: -4%;}
.panel--link .panel--title{transition: color .4s}
.panel--link .panel--title:hover {color:var(--main)}
.panel--box > .panel--title .count{font-size: 16px;}
.panel--box > .panel--desc {font-weight: 400;font-size: 16px;line-height: 130%;letter-spacing: -2%;}
.catalog--tree .panel--img {width: 100%;height: 0;padding-top: 56.6%;position: relative}
.catalog--tree .panel--img img{position: absolute;top:0;left: 0;width: 100%;height: 100%;object-fit: contain;object-position: top;}
.catalog--tree ul{list-style-type: none;max-width: var(--max);}
.catalog--tree ul {column-count: 2;column-gap: 30px;row-gap:16px;}
.catalog--tree ul > li{margin-bottom: 10px;position: relative;padding-left: 10px;}
.catalog--tree ul > li:before{position: absolute;width:4px;height:4px;border-radius: 50%;background-color: var(--main);top:5px;left:0;content:'';}
.catalog--tree ul > li a{margin-top: 4px;font-weight: 700;font-size: 14px;line-height: 120%;letter-spacing: 0%;color: var(--text-dark);}
.catalog--tree .count{color:var(--text-gray-dark)}
.catalog--tree .panel--desc h2,
.catalog--tree .panel--desc p,
.catalog--tree .panel--desc
{font-weight: 400;font-size: 16px;line-height: 130%;letter-spacing: -2%;margin-bottom:16px;}

@media all and (max-width: 1280px) {
    .panel--box > .panel--title {font-size: 26px}
    .catalog--tree .holder {width:300px;height:300px}
}

@media all and (max-width: 1152px) {
    .catalog--tree .menu--sub {--columns:1}
}

@media all and (max-width: 1024px) {
    .panel--box > .panel--title {font-size: 24px}
}

@media all and (max-width: 767px) {
    .panel--box > .panel--title {font-size: 22px}
    .catalog--tree .panel--desc h2, .catalog--tree .panel--desc p, .catalog--tree .panel--desc {font-size: 14px}
    .panel--box {gap:16px}
}

@media all and (max-width: 550px) {
    .catalog--tree ul {column-count:1}
    .panel--content {flex-direction: column}
}
/* End */
/* /local/components/tichiy/catalog.sections/templates/.default/style.css?17883441823015 */