.main-top-block img {
	max-width: 550px;
	width: 100%;
}
.main-top-block h2 {
	font-size: clamp(10px, 2.4cqi, 34px);
}
.top-present-block {
	position: relative;
	display: grid;
    grid-template-columns: 1.4155fr 1fr;
    gap: clamp(9px, 2.448cqi, 15px);
    align-items: stretch;
    grid-auto-rows: 1fr;
}
/*.top-present-item-left {
	max-width: 770px;
	width: 100%;
	padding-right: 15px;
}*/
.top-present-item-left-cntent,
.bottom-present-item-cntent {
	border-radius: 5px;
}
.top-present-item-left-cntent {
	padding: clamp(9px, 2.448cqi, 30px);
}
/*.top-present-item-right {
	max-width: 574px;
	width: 100%;
	padding-left: 15px;
}*/
.top-bow-block {
	display: grid;
    grid-template-columns: 1.4155fr 1fr;
    gap: clamp(9px, 2.448cqi, 15px);
    align-items: stretch;
    grid-auto-rows: 1fr;
    margin-bottom: clamp(9px, 2.448cqi, 15px);
}
.top-bow-item-right {
	display: grid;
    grid-template-columns: 1fr 1fr;
    gap: clamp(9px, 2.448cqi, 15px);
    align-items: stretch;
}
.top-bow-block img {
    width: clamp(9px, 10cqi, 101px);
}
.height100 {
	height: 100%;
}
.top-present-item-title {
	margin-bottom: clamp(10px, 2.1cqi, 25px) !important;
	font-size: clamp(10px, 2.4cqi, 34px) !important;
}
.top-present-item-text {
	margin-bottom: clamp(10px, 2cqi, 20px) !important;
	font-size: clamp(10px, 2.2cqi, 28px);
}
.top-present-item-right-row {
	display: grid;
    grid-template-columns: 1fr 1fr;
    gap: clamp(9px, 2.448cqi, 15px);
    align-items: stretch;
    grid-auto-rows: 1fr;
}
.bottom-bow-block {
	display: grid;
    grid-template-columns: 2.6fr 1fr;
    gap: clamp(9px, 2.448cqi, 30px);
    align-items: stretch;
    grid-auto-rows: 1fr;
	margin-bottom: clamp(9px, 2.448cqi, 30px);
}
.bottom-bow-block img {
	width: clamp(9px, 12.5cqi, 101px);
}
.bottom-present-block {
	position: relative;
	display: grid;
    grid-template-columns: 2.6fr 1fr;
    gap: clamp(9px, 2.448cqi, 30px);
    align-items: stretch;
    grid-auto-rows: 1fr;
}
.bottom-present-block:after {
	content: '';
	position: absolute;
	top: 28%;
    left: 60.5%;
    width: clamp(9px, 21.5cqi, 300px);
    height: clamp(9px, 21.5cqi, 300px);
	background: url(/brendirovannye-podarki/img/hand-img.png);
	background-size: cover;
}
.bottom-present-item-cntent {
	flex: 1;
	padding: clamp(9px, 2.448cqi, 30px);
}
.bottom-present-item-text {
	font-size: clamp(9px, 3.6cqi, 46px);
}
.main-hr {
	width: 85%;
	border-width: 2px;
}
.sales-channel-item {
	position: relative;
	height: 100%;
	align-content: center;
	font-size: 18px;
	font-weight: 600;
	background-color: #f4f4f4;
	border-radius: 5px;
	overflow: hidden;
	box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.25);
}
.sales-channel-item-overlay {
	position: absolute;
	bottom: -2px;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 0 10px;
	background: #23574c;
	color: #fff;
	font-size: 14px;
	align-content: center;
	overflow-y: auto;
	transform: translateY(100%); 
	transition: transform 0.4s ease-in-out;
}
.sales-channel-item-overlay a {
	color: #fff;
	text-decoration: underline;
}
.sales-channel-item:hover .sales-channel-item-overlay {
	transform: translateY(-2px);
}
.sales-channel-item .hint-icon {
	position: absolute;
	top: 15px;
	right: 15px;
	font-size: 14px;
	animation: pulse-hint 1.8s infinite ease-in-out;
	transition: opacity 0.2s ease, transform 0.2s ease;
	pointer-events: none; /* Чтобы иконка не мешала кликам */
	z-index: 5;
}
.sales-channel-item:hover .hint-icon {
	opacity: 0;
	transform: scale(0.8);
}
@keyframes pulse-hint {
	0% {
		transform: translateY(0) scale(1);
	}
	50% {
		transform: translateY(-6px) scale(1.1); /* Сдвиг вверх и увеличение */
	}
	100% {
		transform: translateY(0) scale(1);
	}
}
@media (max-width: 1094px) {
	.sales-channel-item {
		font-size: 18px;
	}
}
@media (max-width: 767.98px) {
	.sales-channel-item {
		font-size: 16px;
	}
}
.advantages-img {
	display: block;
	max-width: 120px;
	width: 100%;
	margin-inline: auto;
}
.advantages-text {
	font-size: 18px;
	font-weight: 500;

}

@media (max-width: 767.98px) {
	.advantages-text{
		font-size: 16px;
	}
}
.triangle-examples-row {
  display: flex;
  align-items: flex-start;
}
.triangle-examples-item {
	margin-left: -10%;
    margin-right: -10%;
    width: 46.8%;
    color: white;
    transition: transform 0.3s ease;
}
.triangle-examples-item .triangle-examples-ratio {
	width: 100%;
	aspect-ratio: 1 / 0.83135;
}
.triangle-examples-up {
  clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
}
.triangle-examples-down {
  clip-path: polygon(50% 100%, 0% 0%, 100% 0%);
}
.triangle-examples-1 {
	margin-left: 0;
	background: url(/brendirovannye-podarki/img/marking-img-1-1.png);
	background-size: cover;
	clip-path: polygon(0% 0%, 0% 100%, 100% 100%, 52% 0%);
}
.triangle-examples-2 {
	background: url(/brendirovannye-podarki/img/marking-img-2-2.png);
	background-size: cover;
}
.triangle-examples-5 {
	margin-right: 0;
	background: url(/brendirovannye-podarki/img/marking-img-3-2.png);
	background-size: cover;
	clip-path: polygon(48% 0%, 0% 100%, 100% 100%, 100% 0%);
}
.triangle-cat-row {
  display: flex;
  align-items: flex-start;
}
.triangle-cat-item {
	margin-left: -7%;
	margin-right: -7%;
	width: 32%;
	color: white;
	transition: transform 0.3s ease;
}
.triangle-cat-item .triangle-cat-ratio {
	width: 100%;
	aspect-ratio: 1 / 0.83135;
}
.triangle-cat-item:hover {
	transform: scale(1.1);
}
.triangle-cat-up {
  clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
}
.triangle-cat-down {
  clip-path: polygon(50% 100%, 0% 0%, 100% 0%);
}
.triangle-cat-1 {
	margin-left: 0;
	background: url(/img/main-page/main-cat-1.png);
	background-size: cover;
	clip-path: polygon(0% 0%, 0% 100%, 100% 100%, 50% 0%);
}
.triangle-cat-2 {
	background: url(/img/main-page/main-cat-2.png);
	background-size: cover;
}
.triangle-cat-3 {
	background: url(/img/main-page/main-cat-3.png);
	background-size: cover;
}
.triangle-cat-4 {
	background: url(/img/main-page/main-cat-4.png);
	background-size: cover;
}
.triangle-cat-5 {
	margin-right: 0;
	background: url(/img/main-page/main-cat-5.png);
	background-size: cover;
	clip-path: polygon(50% 0%, 0% 100%, 100% 100%, 100% 0%);
}
.triangle-cat-up .triangle-cat-ratio {
	align-content: end;
}
.triangle-cat-down .triangle-cat-ratio {
	align-content: start;
}
.triangle-cat-up .triangle-cat-ratio span,
.triangle-cat-down .triangle-cat-ratio span {
	display: block;
	font-weight: 500;
	font-size: clamp(9px, 1.6cqi, 21px);
	color: #fff;
}
.triangle-cat-up .triangle-cat-ratio span {
	margin-bottom: 2%;
}
.triangle-cat-down .triangle-cat-ratio span {
	margin-top: 2%;
}

@media (max-width: 868px) {
    .top-present-item-left .intec-ui.intec-ui-control-button.intec-ui-size-5 {
        padding: 6px 5px;
        font-size: 12px;
    }
}
@media (max-width: 767.98px) {
    .top-present-block{
        display: block;
    }
	.top-present-item-title,
	.top-present-item-text {
		width: 100%;

		text-align: center;
	}
	.top-present-item-title {
		font-size: 26px !important;
	}
	.top-present-item-text {
		font-size: inherit !important;
	}
	.top-present-item-button {
		text-align: center;
	}
	.top-present-item-left .intec-ui.intec-ui-control-button.intec-ui-size-5 {
        padding: 7px 7px;
        font-size: 14px;
    }
	.top-present-item-left {
		padding-bottom: 15px;
	}
	.top-present-item-right-row {
		gap: 15px;
	}
	.top-bow-block {
		display: none;
	}
}