h1,h2 {
    text-align:left;
    hyphens:none;
    &.main-catalog {margin:1.2em 0 30px;}
    &.caption {
        font-size:40px;
        .favor {
            display:inline-block;
            all:unset;
            position:relative;
            font-size:.8em;
            &:before {
                color:#dda;
                position:absolute;
                left:0.2em;top:0;
            }
            &.active:before {color:gold;}
        }
    }
}

h3 {
    font-size:18px;
    font-weight:500;
    text-align:center;
}

.section.left-column {
    figure {
        text-align:center;
        img {
            width:90%;
            aspect-ratio:1/1;
            object-fit:contain;
            overflow:visible;
        }

        figcaption {
            font-size:16px;
            font-weight:500;
            position:relative;
        }

        div {
            position:absolute;
            top:10px;
            bottom:30px;
            right:0;
            display:flex;
            flex-flow:column nowrap;
            align-items:flex-end;
            gap:3px;
            z-index:9;

            span {
                font-size:13px;
                &:before{
                    display: inline-block;
                }
            }
        }
    }
}


span.reestr {
        padding:0 10px 0 7px;
        background:#3fa;
        font-weight:400;
        clip-path: polygon(0 0, 100% 0, 95% 100% , 0 100%);
}

span.hit {
    &:before{
        content:'Хит';
        padding:0 10px 0 7px;
        background:red;
        font-weight:700;
        color:#fff;
        clip-path: polygon(0 0, 100% 0, 85% 100% , 0 100%);
    }
}

span.ex {
    &:before{
        content:'Ex';
        padding:2px;
        background:#ff7;
        font-size:22px;
        font-weight:700;
        color:#335;
        border:solid 2px #335;
    }
}

span.gisp {
    &:before{
        content: "";
        width: 40px;
        height: 40px;
        background: url(/upload/medialibrary/524/wb8hirfvdr7oq62xayfcevfnwk9s13il/gisp.png);
        background-size: contain;
    }
}


/* ----------  SECTION ------------ */
.product-section { /**/
    align-items: stretch;
    gap: 0 30px;
    margin:30px 0 45px 5%;
	grid-template-columns: minmax(270px,33%) 1fr;
    max-width:85%;
    .section {
        overflow: hidden;
        min-height: 0;zborder:dotted red;
        &.left-column {
            display:flex;
            flex-flow:column;
            gap:10px;
            img {
                width: 100%;
                max-height: 300px;
                object-fit: contain;
                object-position:center;zborder:dotted;
                flex-grow:1;
            }
        }
        ul {
            font-size: 16px;
            color: var(--gray);
        }
    }
}

/* ---------------- SECTION - PRODUCT ITEM --------------- */

.flex-section.flex-items {
    gap:10px 40px;
    flex-direction:row-reverse;
    justify-content: left;
}

/* ---------------- MAIN CATALOG --------------- */

.main-catalog.flex-section {
    margin-top:30px;
    .flex-section.flex-items {
        gap:20px;
    }
}


/* ------------- PRODUCT DETAIL --------------- */

.section {
    &.left-column{
        _align-items:flex-end;
        _flex:1 1 25%;
        img.detail {
            min-height:200px;
            object-fit: contain;
            object-position: top;
            margin:0 auto;
            &.section_142{aspect-ratio:auto}/* software */
            &.piterflow{aspect-ratio:10/12}
        }
    }
}

.detail-text {margin-top:30px;}

#tab_content{
    .section {
        img{
            min-width:240px;
            width:90%;
            margin:1.25em auto;
        }
    }
    .flex-section {
        gap:30px 60px;
    }

}

/* ------------- T3 ------------- */
#tab_content .grid-3.piterflow-t3 {
	.section{
		flex-basis:300px;
        p {
            display:flex;
            padding-left:.5em;
        }
        i {
            font-size:40px;
            display:block;
        }
	}
	img {
	float:left;
	min-width:50px;
	width:80px;
	height:70px;
	object-fit:contain;
	margin:0 .8em .3em 0;
	}
}

/* ------------------ TV7 ------------------*/
.iconostas {
    padding: 0 auto;
    margin: 30px auto 0;
    color:#888;
    display: flex;
    flex-flow: row wrap;
    text-align:center;
    font-size:.85em;
    gap:30px;
    justify-content: center;
    img {
        height:56px;
        margin-bottom:5px;
    }
    a {
        color:var(--tt-link);
        &:hover{text-decoration:underline}
    }
}


@media only screen and (max-width: 600px)  {
    h1, h2 {
        font-size:28px;
        hyphens:auto;
    }
	.section.left-column{
        align-items:center;
    }
}