.product_info {
	min-width: 20rem;
}

.product_info .product_info__btn {
	margin-top: 1rem;
}

a.razdel-item__img {
	transition: border .6s;
}

a.razdel-item__img:hover {
	border-color: #888;
}

a.razdel-item__img .razdel-item__img-inner--single {
	transition: transform .3s;
}

a.razdel-item__img:hover .razdel-item__img-inner--single {
	transform: scale(120%);
	opacity: 1;
}

.products p,
.products h2 {
	display: block;
}

.delivery-block {
	margin: 2rem 0 0;
}

.delivery-block h2 {
	width: 100%;
	left: 0;
	top: 5px;
	margin: 0;
}

.delivery-block__item {
	margin-top: 1rem;
}

.accordion {
    --columns: 3;
}

@media (max-width: 1200px) {
    .accordion {
        --columns: 2;
    }
}

@media (max-width: 600px) {
    .accordion {
        --columns: 1;
    }
}

.accordion .ui-accordion-header {
    font-size: inherit;
	margin: 0 0 10px 0;
	padding: 10px;
	border: 1px solid #ddd;
	background: #eee;
	cursor: pointer;
	outline: none;
}
.accordion .ui-accordion-content {
	margin: 0 0 10px 0;
	padding: 10px;
	border: 1px solid #ddd;
	background: #fff;
}

.accordion ul {
    -moz-column-gap: 20;
    -moz-column-count: var(--columns);
    -webkit-column-count: var(--columns);
    -webkit-column-gap: 20;
    column-count: var(--columns);
    column-gap: 20;
}

.pagination {
    display: flex;
    justify-content: center;
}

.pagination ul {
    padding: 0 .25em;
}

.text404 {
	font-size: 1rem;
	padding: 3rem 2rem 0 0;
}

.text404 p {
	margin-bottom: 2em;
}

.text404 p:first-child {
	color: #900;
}


/*  MOBILE  */

.mobile-only {
	display: none !important;
}

@media (max-width: 768px) {
	.mobile-only {
		display: block !important;
	}

	.mobile-forced {
		display: block !important;
	}

	.read-more {
		font-weight: bold;
	    font-size: 1.4em !important;
		text-align: center;
		width: 100%;
		color: #016939 !important;
    	margin: 2em 0 !important;
		border-bottom: 1px dotted;
		cursor: pointer;
	}

	.read-more:hover {
		border-bottom-style: solid;
	}

	.desktop-only,
	.main_page_slider_wrap,
	.main-page-content h1::before,
	.main-page-content h2::before,
	.main-page-content h3::before,
	.read-more ~ h2,
	.read-more ~ h3,
	.read-more ~ h4,
	.read-more ~ p,
	.read-more ~ ul,
	.read-more ~ ol,
	.read-more ~ blockquote {
		display: none !important;
	}
}


/*  MOBILE MENU  */

.mobile-menu {
	display: none;
	position: fixed !important;
	top: 65px;
	left: 0;
	right: 0;
	bottom: 0;
	overflow-y: auto;
	background-color: white;
	z-index: 10;
}

.mobile-menu.on {
	display: block;
}

.mobile-menu .folders {
	display: flex;
	justify-content: space-around;
	list-style: none;
	padding: 0;
}

.mobile-menu .folders li {
	text-transform: uppercase;
	color: #7691ac;
	margin: .2em;
	padding: .4em 1em;
	cursor: pointer;
}

.mobile-menu .folders li.active {
	color: black;
	cursor: default;
	background-color: #eee;
}

.mobile-menu .sub-class {
	display: none;
	list-style: none;
	padding: 0 2rem;
}

.mobile-menu .sub-class.active {
	display: block;
}

.mobile-menu .sub-class li {
	font-size: .8rem;
	line-height: 1em;
	margin: .7em 0;
}

.mobile-menu .sub-class li a {
	text-decoration: none;
}


/*  LIST/MOSAIC TOGGLER  */

.list-mosaic-toggler {
	--default-color: #68a;
	--active-color: black;
	display: flex;
	justify-content: space-between;
	padding: 1rem .5rem;
}

.list-mosaic-toggler > div {
	flex: 0 0 48%;
	display: flex;
	color: var(--default-color);
	padding-bottom: .2rem;
	cursor: pointer;
}

.list-mosaic-toggler > div.active {
	color: var(--active-color);
	cursor: default;
	border-bottom: 2px solid;
}

.list-mosaic-toggler > div > div {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: stretch;
	width: 20px;
	height: 20px;
	margin-right: .5rem;
	opacity: .3;
}

.list-mosaic-toggler > div.list > div {
	background-color: var(--default-color);
}

.list-mosaic-toggler > div.list.active > div {
	background-color: var(--active-color);
}

.list-mosaic-toggler > div.mosaic > div > div {
	flex: 0 0 auto;
	width: 9px;
	height: 9px;
	background-color: var(--default-color);
}

.list-mosaic-toggler > div.mosaic > div > div:nth-child(3),
.list-mosaic-toggler > div.mosaic > div > div:nth-child(4) {
	margin-top: auto;
}

.list-mosaic-toggler > div.mosaic.active > div > div {
	background-color: var(--active-color);
}

.list-mosaic-toggler p {
	display: block;
	font-size: 1.2rem;
	line-height: 1em;
	text-transform: uppercase;
	color: inherit;
	margin: 0;
}

.razdel__wrapper.mosaic {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.razdel__wrapper.mosaic .razdel-item {
	width: 32%;
}

.razdel__wrapper.mosaic .razdel-item .razdel-item__title {
	font-size: .8rem;
	line-height: 1.2em;
	padding: 0;
}



/*  WORK WITH US  */

div.work-with-us {
	background: none;
}

@media (max-width: 768px) {
	div.work-with-us {
		padding: 0 !important;
	}

	div.work-with-us .items .item {
		width: 25%;
	}

	div.work-with-us .items .item .icon {
		width: 50%;
		background-size: contain;
		border-radius: unset;
	}

	div.work-with-us .items .item .semicircle {
		height: unset;
		margin-top: -5vw;
	}

	div.work-with-us .items .item .semicircle div {
		width: 22vw;
		height: 22vw;
		margin-top: -18vw;
	}

	div.work-with-us .items .item p {
		font-size: .75rem;
		line-height: 1em;
		margin: 1em 0 3em;
		padding: 0;
	}
}


/*  MOBILE FOOTER  */

.mobile-footer-menu {
	list-style: none;
	text-align: center;
	padding: 0;
}

.mobile-footer-menu li {
	margin: 1em 0 0;
}

.mobile-footer-menu a {
	font-size: 1.1rem;
	text-decoration: none;
	text-transform: uppercase;
}


/*  SCROLL TO TOP BUTTON  */

.scroll-to-top {
	display: flex;
	justify-content: center;
	align-items: center;
	position: fixed;
	right: -80px;
	bottom: 50px;
	width: 70px;
	height: 70px;
	border-radius: 50%;
	border: 1px solid #1d9143;
	background-color: #52b27288;
	backdrop-filter: blur(5px);
	z-index: 9;
	cursor: pointer;
	transition: right 1s;
}

.scroll-to-top:hover {
	background-color: #52b272aa;
}

.scroll-to-top.on {
	right: 2vw;
}

.scroll-to-top img {
	width: 30px;
}


/*  QUIZ  */

.quiz-banner {
	display: block;
	cursor: pointer;
	margin: 2rem 0;
}

.quiz-banner img {
	max-width: 100%;
}

.quiz-button-container {
	display: flex;
	justify-content: center;
	margin: 2rem 0;
}

.quiz-button {
	font-family: 'Bitter', serif;
	font-size: 1.7rem;
	font-weight: 500;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	text-shadow: 1px 1px 2px #f1ff00;
	display: flex;
	justify-content: center;
	position: relative;
	color: #1a5500;
	margin: 2rem 0;
	padding: .4em 1.5em;
	cursor: pointer;
	background:
		radial-gradient(100% 70% at bottom, #ff0, transparent 30%),
		linear-gradient(160deg, #a1d300, transparent 40%),
		linear-gradient(to right, transparent, #dced00aa, transparent),
		linear-gradient(to top, #829200, #4c5e00 15%, #a6b100 80%);
	background-blend-mode: screen;
	border-radius: 9rem;
	box-shadow: 0 0 1rem transparent;
	transition: box-shadow .6s;
}

.quiz-button:hover {
	color: #040;
	box-shadow: 0 0 3rem #ffd04e;
}

.quiz-button div {
	position: absolute;
	top: 10%;
	width: 90%;
	height: 40%;
	background: linear-gradient(176deg, #fffc, transparent 60%);
	border-radius: 9rem;
	opacity: .5;
	transition: opacity .2s;
}

.quiz-button:hover div {
	opacity: 1;
}

.quiz-modal {
	display: none;
	justify-content: center;
	align-items: center;
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: #fffc;
	backdrop-filter: blur(5px);
	z-index: 20;
}

.quiz-modal.is-shown {
	display: flex;
}

.quiz-modal > * {
	font-family: 'Bitter', serif;
	font-weight: 400;
	font-size: 1rem;
	position: relative;
	color: #4c5e00;
	background-color: white;
	border: 1px solid #829200;
	border-radius: 12px;
	box-shadow: 2rem 2rem 6rem #82920066;
	padding: 3rem 2rem 0;
	max-width: 40rem;
}

.quiz-modal strong {
	font-weight: 700;
}

.quiz-modal .input-container {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	margin: 1rem 0;
}

.quiz-modal .input-container:first-of-type {
	margin-top: 2rem;
}

.quiz-modal input[type=email],
.quiz-modal input[type=phone],
.quiz-modal input[type=password],
.quiz-modal input[type=text] {
	flex-grow: 1;
	max-width: 50%;
	color: black;
	border: 1px solid #829200;
	border-radius: 4px;
	margin-left: auto;
	padding: .6em 1.2em;
	box-shadow: 1em 1em 2em #82920022 inset;
}

.quiz-modal input[type=email]:hover,
.quiz-modal input[type=phone]:hover,
.quiz-modal input[type=password]:hover,
.quiz-modal input[type=text]:hover {
	border-color: #340;
}

.quiz-modal input[type=radio] {
	position: absolute;
	z-index: -1;
	opacity: 0;
}

.quiz-modal input[type=radio] + label {
	margin-left: 2.4rem;
	cursor: pointer;
}

.quiz-modal input[type=radio] + label::before {
	content: "";
	display: inline-block;
	width: 1.2em;
	height: 1.2em;
	border: 1px solid #829200;
	border-radius: 1em;
	margin: 0 1em 0 -2.4rem;
	cursor: pointer;
	transform: translateY(.25em);
}

.quiz-modal input[type=radio]:checked + label::before {
	border-color: #4c5e00;
	background: radial-gradient(circle, #4c5e00 40%, #a6b100 50%);
}

.quiz-close {
	display: none;
	justify-content: center;
	align-items: center;
	width: 2rem;
	height: 2rem;
	color: white;
	background-color: #900;
	border-radius: 50%;
	position: fixed;
	top: 1rem;
	left: calc(100vw - 3rem);
	cursor: pointer;
	z-index: 20;
	transition: transform .4s;
}

.quiz-close.is-shown {
	display: flex;
}

.quiz-close:hover {
	background-color: #600;
	transform: rotate(90deg);
}

.quiz-close * {
	font-family: 'Bitter', serif;
	font-size: 2.4rem;
	font-weight: 700;
}

.quiz-error {
	font-size: .9rem;
	display: none;
	color: #900;
	margin: 3rem 0 -1rem;
}

.quiz-error.is-shown {
	display: block;
}

.quiz-congratulations {
	position: absolute;
	left: -60px;
	top: -120px;
}

.quiz-disclaimer {
	margin: -.7em 0 1.7em;
}

.quiz-disclaimer * {
	font-size: .8rem;
	color: #900;
}

@media (max-width: 768px) {
	.quiz-button {
		font-size: 1.2rem;
	}

	.quiz-modal > * {
		padding: 2rem 1rem 0;
	}

	.quiz-modal input[type=email],
	.quiz-modal input[type=phone],
	.quiz-modal input[type=text] {
		width: 100%;
		max-width: unset;
	}

	.quiz-congratulations {
		display: none;
	}
}

.quiz-statistics {
	font-family: 'Bitter', serif;
	border-collapse: inherit;
	border-spacing: 0;
	margin: 3rem auto;
}

.quiz-statistics th,
.quiz-statistics td {
	border-bottom: 1px solid #829200;
	padding: .6em 3em;
}

.quiz-statistics tr:nth-child(2n + 1) td {
	background-color: #82920022;
}

.quiz-statistics th {
	font-weight: 700;
}

.elton-john,
.elton-john > *,
.photo-band,
.photo-band > * {
	width: 100%;
}

.photo-band .polaroid {
	display: flex;
}

.photo-band .polaroid .image {
	margin: -6rem 2rem 0 3rem;
	transform: rotate(-10deg);
}

.elton-john > img,
.photo-band > img {
	margin: 3rem 0 2rem;
}

@media (min-width: 992px) {
	.elton-john {
		display: none;
	}
}

@media (max-width: 992px) {
	.photo-band {
		display: none;
	}
}

@media (max-width: 1200px) {
	.photo-band .polaroid {
		flex-direction: column;
	}
	.photo-band .polaroid .image {
		margin-bottom: 3rem;
	}
}

.btn-tg {
	background-color: #039be5;
	border: 2px solid #039be5;
}

.btn-max {
	background: none;
	color: #000;
	border-color: #4c42df;
	border-width: 1px;
	background: linear-gradient(135deg, #305ffc 0%, #7936e3 45%, #9b57dc 100%);
    color: #FFF;	
}

.product_info .product_info__btn--special.btn-max {
	padding-top: 16px;
	padding-bottom: 16px;	
}

.footer_info .btn-max {
	padding: 10px 15px;
}

.contacts-left__item--max {
    border: 0;
    border-radius: 0;
    background-image: url('/images/icons/max_mini.svg');
}

.header__mobile-icon--max {
	background-image: url('/images/icons/max.svg');
	background-size: auto 35px;
}

.bx-livechat-box, .bx-mobilechat-box, .bx-livechat-dialog {
	position: static;
}
/* На каталоговых страницах и спасибо шапка fixed (~185px) — контейнер получает
   margin-top = высоте шапки, чтобы блок прилегал вплотную под шапкой.
   На главной шапка В ПОТОКЕ через .header-wrapper override (main.min.css задаёт
   margin-top:0) — там margin-top:185px НЕ нужен, только padding-top:0 у .content. */
.content_top_offset:has(.cat-banner),
.content_top_offset:has(.thanks-page){
    margin-top:185px !important;
    padding-top:0 !important;
}

/* Главная: убираем default padding:20px у .content, чтобы слайдер был вплотную к шапке. */
.content_top_offset:has(.home-slider){padding-top:0 !important;}

/* Мобильная версия: небольшой отступ от шапки. */
@media (max-width:767px){
    .content_top_offset:has(.cat-banner),
    .content_top_offset:has(.thanks-page){margin-top:30px !important;}
    /* thanks-page более специфично — перебиваем потенциальный body.thanks-body { margin:0 } */
    body.thanks-body .content_top_offset,
    body.thanks-body .content_top_offset:has(.thanks-page){
        margin-top:30px !important;
        padding-top:0 !important;
    }
}

/* На каталоговых страницах оригинальная .breadcrumbs_wrap живёт в .right-side
   (рендерится template 13 через [[$Crumb]]). Внутри .cat-banner мы вывели те же
   крошки → дубль скрываем. h1 оставляем (нужен для SEO). */
.content_top_offset:has(.cat-banner) .right-side > .breadcrumbs_wrap{display:none;}

/* MOBILE only — крошки в .cat-banner: только nowrap чтобы длинные категории
   не переносились на 2 строки. Цвет/шрифт/transform — дефолтные сайта. */
@media (max-width:767px){
    .cat-banner__text .breadcrumbs_wrap{
        margin-bottom:0 !important;        /* перебиваем 30px из main.min.css */
        white-space:nowrap;
        overflow:hidden;
        text-overflow:ellipsis;
    }
    .cat-banner__text .breadcrumbs_wrap .breadcrumb,
    .cat-banner__text .breadcrumbs_wrap ul{
        white-space:nowrap;
    }
    .cat-banner__text .breadcrumbs_wrap .breadcrumb li{
        white-space:nowrap;
    }
}

/* На главной (template 18) над нашим слайдером template рендерит свой старый
   main_page_slider_wrap (с getImageList) — убираем чтоб не дублировался. */
.main_page_slider_wrap{display:none;}

/* ===== Баннер категории каталога (новая спека, marketry) ===== */
/* Desktop (≥768): 1366x600, фон фото cover, текстовый блок @rel(90,80) ширина 632.
   Eyebrow 273x18 (текст 13px + линия), title 40px lh:1, subtitle 24px lh:1.
   Кнопка 340x46, r:3, padding 10/30, transition .5s. */
.cat-banner{
    position:relative;
    width:1366px;
    max-width:95%;
    aspect-ratio:1366/600;
    overflow:hidden;
    margin:0 auto;                             /* без отступов сверху и снизу */
    background-color:#ffffff;
    background-position:right center;          /* фото прижато к правому краю */
    background-size:auto 100%;                 /* scale по высоте, ширина пропорционально */
    background-repeat:no-repeat;
    box-sizing:border-box;
}
/* Per-page фото на самом банере (нижний слой). */
.cat-banner[data-res-id="265"]{background-image:url(/img/category-banners/korobki-logotip.jpg);}
.cat-banner[data-res-id="267"]{background-image:url(/img/category-banners/eksklyuzivnaya-upakovka.jpg);}
.cat-banner[data-res-id="275"]{background-image:url(/img/category-banners/kashirovannyie-korobki.jpg);}
.cat-banner[data-res-id="460"]{background-image:url(/img/category-banners/kosmetika-parfyumeria.jpg);}
.cat-banner[data-res-id="256"]{background-image:url(/img/category-banners/yuvelirnye-izdeliya.jpg);}

/* ::before — gradient overlay поверх фото, mask делает его opaque слева и transparent справа.
   Фото просвечивает справа, gradient полностью закрывает шов слева. */
.cat-banner::before{
    content:'';
    position:absolute;
    inset:0;
    z-index:1;
    pointer-events:none;
    -webkit-mask-image:linear-gradient(to right,#000 0%,#000 30%,transparent 70%);
            mask-image:linear-gradient(to right,#000 0%,#000 30%,transparent 70%);
}
.cat-banner[data-res-id="267"]::before{background:linear-gradient(250.57deg,#CBC7C4 0.57%,#C3BEBA 81.33%);}
.cat-banner[data-res-id="275"]::before{background:linear-gradient(111.1deg,#F6F6F5 36.08%,#D2D1D3 100%);}
.cat-banner[data-res-id="460"]::before{background:linear-gradient(180deg,#ECEFF3 23.56%,#F9FDFE 50.48%);}
.cat-banner[data-res-id="256"]::before{background:linear-gradient(114.32deg,#D9D9D9 1.56%,#FDFDFD 77.9%);}
.cat-banner__text{
    position:absolute;
    left:90px;
    top:80px;
    width:632px;
    z-index:2;
    display:flex;
    flex-direction:column;
    align-items:flex-start;
}
.cat-banner__eyebrow{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    gap:5px;
    width:273px;
    margin:0 0 30px;
}
.cat-banner__eyebrow-text{
    display:flex;
    align-items:center;
    gap:8px;
    white-space:nowrap;
    font-family:'PT Sans Caption',sans-serif;
    font-weight:400;
    font-size:13px;
    line-height:1;
    color:#BCBCBC;
    text-transform:uppercase;
}
.cat-banner__eyebrow-text .accent{color:#52B272;}
.cat-banner__eyebrow-line{
    display:block;
    width:273px;
    max-width:100%;
    height:1px;
    background:linear-gradient(90deg,#52B272 0%,rgba(35,76,49,0) 100%);
}
.cat-banner__title{
    font-family:'PT Sans Caption',sans-serif;
    font-weight:700;
    font-size:40px;
    line-height:1;
    color:#393939;
    margin:0;
}
.cat-banner__subtitle{
    font-family:'PT Sans Caption',sans-serif;
    font-weight:400;
    font-size:24px;
    line-height:1;
    color:#696969;
    margin-top:20px;
}
.cat-banner__btn{
    display:inline-flex;
    align-items:center;
    gap:10px;
    margin-top:30px;
    padding:10px 30px;
    border:none;                /* перебиваем .order-call_ind в main.min.css */
    border-radius:3px;
    font-family:'PT Sans Caption',sans-serif;
    font-weight:700;
    font-size:16px;
    line-height:26px;
    color:#fff;
    text-shadow:none;           /* перебиваем .order-call_ind в main.min.css */
    cursor:pointer;
    background:linear-gradient(256.7deg,#52B272 0%,#00B43C 96.14%);
    box-shadow:1px 4px 13.2px 0px #27BF5A80;
    transition:background .5s cubic-bezier(.4,0,.2,1),box-shadow .5s cubic-bezier(.4,0,.2,1),color .35s ease;
    -webkit-user-select:none;
    user-select:none;
    text-decoration:none;
}
@media (hover: hover){
    .cat-banner__btn:hover{
        background:linear-gradient(95.61deg,#52B272 2.47%,#FFFFFF 221.07%);
        box-shadow:6px 5px 17.3px 0px #52B27280;
        color:#fff;
    }
}
.cat-banner__arrow{width:24px;height:24px;flex:none;}

/* Mobile (≤767): полная ширина viewport, aspect-ratio:390/400 (Figma).
   Тексты адаптивные через clamp — работает на 320/360/375/390/414/480px ширине. */
@media (max-width:767px){
    .cat-banner{
        position:relative;
        aspect-ratio:390/400;                    /* высота из ширины, спека Figma */
        width:100%;                              /* всегда полная ширина viewport */
        max-width:100%;
        height:auto;                             /* из aspect-ratio */
        margin:0;
        background-position:center center;
        background-size:100% 100%;
        background-repeat:no-repeat;
        display:block;
        overflow:hidden;
    }
    /* Per-page mobile bg-image (мобильные JPG в /mobile/ — у них backdrop фото продолжен вверх) */
    .cat-banner[data-res-id="265"]{background-image:url(/img/category-banners/mobile/korobki-logotip.jpg);}
    .cat-banner[data-res-id="267"]{background-image:url(/img/category-banners/mobile/eksklyuzivnaya-upakovka.jpg);}
    .cat-banner[data-res-id="275"]{background-image:url(/img/category-banners/mobile/kashirovannyie-korobki.jpg);}
    .cat-banner[data-res-id="460"]{background-image:url(/img/category-banners/mobile/kosmetika-parfyumeria.jpg);}
    /* 256: gradient заливает блок, PNG с прозрачным фоном — поверх (multi-background). */
    .cat-banner[data-res-id="256"]{
        background:
            url(/img/category-banners/mobile/yuvelirnye-izdeliya.png) left bottom / 60% auto no-repeat,
            linear-gradient(114.32deg,#D9D9D9 1.56%,#FDFDFD 77.9%);
    }

    /* Gradient-overlay (::before). Маска компактная: opaque только сверху, быстрый fade —
       основная часть фото остаётся яркой и не блёкнет. */
    .cat-banner::before{
        -webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 15%,transparent 38%);
                mask-image:linear-gradient(to bottom,#000 0%,#000 15%,transparent 38%);
    }
    .cat-banner[data-res-id="265"]::before{background:linear-gradient(180deg,#FEFDFD 0%,#FEFEFE 100%);}
    /* 267, 275, 460, 256: градиенты запечены в JPG (с alpha-faded краями) — CSS overlay не нужен */
    .cat-banner[data-res-id="267"]::before{display:none;}
    .cat-banner[data-res-id="275"]::before{display:none;}
    .cat-banner[data-res-id="460"]::before{display:none;}
    .cat-banner[data-res-id="256"]::before{display:none;}
    .cat-banner[data-res-id="256"]::before{background:linear-gradient(114.32deg,#D9D9D9 1.56%,#FDFDFD 77.9%);}

    /* ===== Per-page mobile overrides (точные спеки Figma per resource) ===== */

    /* 265 Коробки с логотипом: default (text-block w:339 left:30 top:30 padTop:30 gap:26, btn 234x34) */
    /* default rules ниже подходят, отдельные override не нужны */

    /* 267 Подарочные коробки: top:30 (унифицировано), gap:12 height:247, btn 234x38 */
    .cat-banner[data-res-id="267"] .cat-banner__text{
        top:30px; left:25px; padding-top:0; gap:12px; height:247px;
    }
    .cat-banner[data-res-id="267"] .cat-banner__btn{width:234px;height:38px;}

    /* 275 Кашированные: top:30 (унифицировано), w:340 gap:29 height:260, btn 180x34 */
    .cat-banner[data-res-id="275"] .cat-banner__text{
        top:30px; left:25px; padding-top:0; gap:29px; width:340px; height:260px;
    }
    .cat-banner[data-res-id="275"] .cat-banner__btn{width:180px;height:34px;}

    /* 460 Косметика: то же что 275 */
    .cat-banner[data-res-id="460"] .cat-banner__text{
        top:30px; left:25px; padding-top:0; gap:29px; width:340px; height:260px;
    }
    .cat-banner[data-res-id="460"] .cat-banner__btn{width:180px;height:34px;}

    .cat-banner[data-res-id="256"] .cat-banner__text{
        left:25px;
        top:30px; gap:7px; width:340px; height:244px;       /* top:30 унифицировано */
    }
    .cat-banner[data-res-id="256"] .cat-banner__btn{
        width:180px;height:34px;
        align-self:flex-end;                  /* только кнопка → к правому краю */
    }
    .cat-banner[data-res-id="256"] .cat-banner__title{text-align:left;}
    .cat-banner[data-res-id="256"] .cat-banner__subtitle{text-align:right;}

    /* Стрелка кнопки для узких кнопок (180px) сдвинута ближе к краю */
    .cat-banner[data-res-id="275"] .cat-banner__arrow,
    .cat-banner[data-res-id="460"] .cat-banner__arrow,
    .cat-banner[data-res-id="256"] .cat-banner__arrow{right:5px;}

    .cat-banner__text{
        position:absolute;
        top:30px;
        left:30px;
        width:339px;                              /* Figma спека — задаёт переносы */
        max-width:calc(100% - 60px);
        padding:0;
        z-index:2;
        display:flex;
        flex-direction:column;
        align-items:flex-start;
        gap:26px;
        box-sizing:border-box;
    }
    /* Вложенный блок «заголовок + подзаголовок» — спека Figma: w:339 h:131 gap:12 */
    .cat-banner__heading{
        width:339px;
        max-width:100%;
        height:131px;
        padding-top:0;
        display:flex;
        flex-direction:column;
        gap:12px;
        box-sizing:border-box;
    }

    .cat-banner__eyebrow{
        width:339px;
        max-width:100%;
        gap:5px;
        margin:0;
    }

    /* breadcrumbs_wrap внутри cat-banner: убираем margin-bottom:30px из main.min.css,
       добавляем padding 15px сверху и снизу */
    .cat-banner__text .breadcrumbs_wrap{
        margin-bottom:0 !important;
        padding-top:15px;
        padding-bottom:15px;
    }
    .cat-banner__eyebrow-text{font-size:10px;gap:15px;}
    .cat-banner__eyebrow-line{width:339px;max-width:100%;}
    .cat-banner__title{                          /* Figma: font 20px lh:100% (=20px) bold 700 */
        width:339px;
        max-width:100%;
        font-family:'PT Sans Caption',sans-serif;
        font-weight:700;
        font-size:20px;
        line-height:1;                            /* 100% по спеке Figma */
        letter-spacing:0;
        color:#3F3F3F;
        margin:0;
    }
    .cat-banner__subtitle{                       /* Figma: font 14px lh:100% (=14px) regular */
        width:339px;
        max-width:100%;
        font-family:'PT Sans Caption',sans-serif;
        font-weight:400;
        font-size:14px;
        line-height:1;                            /* 100% по спеке Figma */
        letter-spacing:0;
        color:#696969;
        margin:0;
        text-align:left;
    }
    .cat-banner__btn{
        width:234px;                              /* Figma спека — фикс */
        height:34px;
        padding:5px 15px;
        margin:0;
        gap:5px;
        border-radius:1px;
        font-family:'PT Sans Caption',sans-serif;
        font-weight:700;
        font-size:12px;
        line-height:1.2;                          /* 120% по спеке */
        letter-spacing:0;
        text-align:center;
        justify-content:center;
        align-items:center;                       /* vertical-align: middle */
        box-sizing:border-box;
        position:relative;                        /* для absolute-centered текста */
    }
    /* Текст ровно по центру кнопки (не сдвинут стрелкой) */
    .cat-banner__btn-text{
        position:absolute;
        left:50%;
        top:50%;
        transform:translate(-50%,-50%);
        text-align:center;
        width:max-content;                        /* не сжимать "Рассчитать стоимость" во вторую строку */
    }
    .cat-banner__btn-break{display:block;width:100%;height:0;font-size:0;line-height:0;}
    /* Стрелка 9.33×7. По центру вертикали через top:50% + translateY(-50%).
       Right:15 = padding-right кнопки → равноудалена от правого края и от конца текста. */
    .cat-banner__arrow{
        position:absolute;
        width:9.333333px;
        height:7px;
        top:50%;
        right:15px;
        left:auto;                                 /* перебиваем left из десктоп правил */
        margin:0;
        transform:translateY(-50%);
    }
    /* 275: кнопка уже (180px), стрелке нужен меньший right-отступ чтобы не наезжать на текст */
    .cat-banner[data-res-id="275"] .cat-banner__arrow{right:5px;}
    .cat-banner__arrow{width:14px;height:14px;margin-left:auto;flex:none;}
}
/* ===== /Баннер категории каталога ===== */

/* ===== Страница «Спасибо» — новая спека (1920/1280/744/402) ===== */
/* DEFAULT — широкие экраны 1920 (применяется на ≥1440) */
.thanks-page{
    width:869px;
    max-width:calc(100% - 60px);
    margin:80px auto 80px;
    position:relative;
}
.thanks-hero{
    position:relative;
    width:100%;
    min-height:372px;
    box-sizing:border-box;
    background:#D0F5DC;
    border-radius:50px;
    padding:50px 192px 50px 50px;
    overflow:visible;
    display:flex;
    flex-direction:column;        /* кнопка прижата вниз через margin-top:auto */
}
.thanks-hero__eyebrow{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    gap:5px;
    width:212px;
    margin:0 0 50px;
}
.thanks-hero__eyebrow-text{
    display:flex;
    align-items:center;
    gap:8px;
    white-space:nowrap;
    font-family:'PT Sans Caption',sans-serif;
    font-weight:400;
    font-size:13px;
    line-height:1;
    color:#A4A4A4;
    text-transform:uppercase;
}
.thanks-hero__eyebrow-sep{
    display:inline-block;
    color:#A4A4A4;
    line-height:1;
}
.thanks-hero__eyebrow-line{
    display:block;
    width:212px;
    max-width:100%;
    height:1px;
    background:linear-gradient(90deg,#52B272 0%,rgba(35,76,49,0) 100%);
}
.thanks-hero__text-block{
    display:flex;
    flex-direction:column;
    gap:20px;
    width:627px;
    max-width:100%;
    margin:0 0 50px;
}
.thanks-hero__title{
    margin:0;
    font-family:'PT Sans Caption',sans-serif;
    font-weight:700;
    font-size:40px !important;       /* перебиваем h1 из main.min.css */
    line-height:1;
    color:#393939;
}
.thanks-hero__lead{
    margin:0;
    font-family:'PT Sans Caption',sans-serif;
    font-weight:400;
    font-size:24px;
    line-height:1;
    color:#393939;
}
.thanks-hero__btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    width:272px;
    height:46px;
    box-sizing:border-box;
    padding:10px 30px;
    border-radius:3px;
    font-family:'PT Sans Caption',sans-serif;
    font-weight:700;
    font-size:16px;
    line-height:26px;
    color:#fff;
    text-decoration:none;
    background:linear-gradient(256.7deg,#52B272 0%,#00B43C 96.14%);
    box-shadow:1px 4px 13.2px 0px #27BF5A80;
    transition:background .5s cubic-bezier(.4,0,.2,1),box-shadow .5s cubic-bezier(.4,0,.2,1),color .35s ease;
    margin-top:auto;                 /* прижимаем кнопку к низу .thanks-hero */
    align-self:flex-start;           /* чтобы не растянулась по align-items */
}
@media (hover: hover){
    .thanks-hero__btn:hover{
        color:#fff;
        background:linear-gradient(95.61deg,#52B272 2.47%,#FFFFFF 221.07%);
        box-shadow:6px 5px 17.3px 0px #52B27280;
    }
}
.thanks-hero__arrow{width:24px;height:24px;flex:none;}
.thanks-hero__photo{
    position:absolute;
    top:-61px;
    right:-85px;
    width:427px;
    height:427px;
    pointer-events:none;
}
.thanks-hero__photo img{display:block;width:100%;height:100%;object-fit:contain;}
.thanks-text{
    width:740px;
    max-width:100%;
    margin:50px 0 0;
}
.thanks-text p{
    margin:0;
    font-family:'PT Sans Caption',sans-serif;
    font-weight:400;
    font-size:24px;
    line-height:1.2;
    color:#393939;
}
.thanks-max-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    width:237.72px;
    height:48px;
    margin-top:50px;
    box-sizing:border-box;
    padding:0 20px;
    border-radius:3px;
    border:1px solid #5533EE;
    background:linear-gradient(101.04deg,#305FFC 0%,#7936E3 45%,#9B57DC 100%);
    font-family:'PT Sans Caption',sans-serif;
    font-weight:700;
    font-size:16px;
    line-height:26px;
    color:#fff;
    text-decoration:none;
    transition:background .5s cubic-bezier(.4,0,.2,1),box-shadow .5s cubic-bezier(.4,0,.2,1),opacity .5s cubic-bezier(.4,0,.2,1),color .5s cubic-bezier(.4,0,.2,1);
}
.thanks-max-btn:hover{color:#fff;opacity:.92;box-shadow:0 4px 14px rgba(85,51,238,.35);}
.thanks-max-btn__icon{width:26px;height:26px;flex:none;}

/* СРЕДНИЕ ЭКРАНЫ 1280 — применяется на 1024–1439 */
@media (max-width:1439px){
    .thanks-page{
        width:850px;
        max-width:calc(100% - 60px);
        margin-bottom:60px;
    }
    .thanks-hero{
        min-height:382px;
        border-radius:30px;
        padding:50px 80px;
    }
    .thanks-hero__text-block{
        width:446px;
        margin-bottom:20px;
    }
    .thanks-hero__photo{
        width:395px;
        height:395px;
        top:-13px;
        right:-17px;
    }
    .thanks-text{margin-top:60px;}
    .thanks-max-btn{margin-top:50px;}
}

/* ПЛАНШЕТЫ 744 — применяется на 768–1023 */
@media (max-width:1023px){
    .thanks-page{
        width:572px;
        max-width:calc(100% - 40px);
    }
    .thanks-hero{
        min-height:307px;
        border-radius:20px;
        padding:50px 70px;
    }
    .thanks-hero__eyebrow{width:172px;margin-bottom:30px;}
    .thanks-hero__eyebrow-text{font-size:10px;}
    .thanks-hero__eyebrow-line{width:172px;}
    .thanks-hero__text-block{
        width:354px;
        margin-bottom:40px;
    }
    .thanks-hero__title{font-size:28px;}
    .thanks-hero__lead{font-size:20px;}
    .thanks-hero__photo{display:none;}
    .thanks-text{
        width:572px;
        margin-top:50px;
    }
    .thanks-max-btn{margin-top:30px;}
}

/* МОБИЛЫ 402 — применяется на <768 */
@media (max-width:767px){
    .thanks-page{
        width:301px;
        max-width:calc(100% - 40px);
        margin:30px auto 60px !important;
        padding-top:30px;                  /* доп. отступ от шапки (padding не collapse) */
    }
    .thanks-hero{
        min-height:194px;
        border-radius:10px;
        padding:20px;
    }
    .thanks-hero__eyebrow{width:142px;margin-bottom:20px;}
    .thanks-hero__eyebrow-text{font-size:10px;}
    .thanks-hero__eyebrow-line{width:142px;}
    .thanks-hero__text-block{
        width:261px;
        max-width:100%;
        margin-bottom:20px;
    }
    .thanks-hero__title{font-size:18px;}
    .thanks-hero__lead{font-size:14px;}
    .thanks-hero__btn{
        width:225px;
        height:34px;
        padding:5px 20px;
        gap:5px;
        font-size:13px;
        line-height:24px;
    }
    .thanks-hero__arrow{width:18px;height:18px;}
    .thanks-text{
        width:301px;
        max-width:100%;
        margin-top:40px;
    }
    .thanks-text p{font-size:14px;line-height:1.2;}
    .thanks-max-btn{
        width:211px;
        height:48px;
        margin-top:37px;
        gap:8px;
        font-size:14px;
    }
    .thanks-max-btn__icon{width:26px;height:26px;}
}
/* ===== /Страница «Спасибо» ===== */

/* ===== Слайдер на главной (задача 5, marketry) ===== */
/* Фото показывается ЦЕЛИКОМ без кропа и зума — <img> в естественной пропорции
   занимает всю ширину слайда, высота слайда подстраивается. Текст overlay поверх.
   Ширина слайдера — как у .center (1366px), чтобы не выходил за рамки контента. */
.home-slider{
    position:relative;
    width:100%;
    width:1366px;
    max-width:100%;
    margin:0 auto 30px;
    padding-bottom:25px;        /* место под пагинацию */
    box-sizing:border-box;
}
/* анти-FOUC: до инициализации slick виден только первый слайд */
.home-slider:not(.slick-initialized) .home-slide{display:none;}
.home-slider:not(.slick-initialized) .home-slide:first-child{display:block;}

.home-slide{
    position:relative;
    box-sizing:border-box;
    background-repeat:no-repeat;
    background-position:center;
    background-size:100% 100%;   /* aspect слайда = aspect фото (1366x600) */
    aspect-ratio:1366/600;       /* Figma: 1366x600 на десктопе */
	aspect-ratio: 300 / 110;
}
.home-slide--1{background-image:url(img/home-slider/slide11.jpg);}
.home-slide--2{
    background-image:url(img/home-slider/slide21.jpg);
    background-size:100% 100%;            /* как у slide1/3 — полный блок */
    background-position:center center;
}
.home-slide--3{background-image:url(img/home-slider/slide31.jpg);}
.home-slide__text{
    position:absolute;
    /* Адаптив десктоп/планшет: позиционирование и ширина масштабируются
       пропорционально viewport через clamp(min, Xvw, Figma-max).
       Базовые проценты от Figma 1366×600: left 6.6%, top 13.3%, width 46%,
       padding-top 8%. При viewport ≥1366 значения упираются в Figma-максимум. */
    left:clamp(20px, 6.6vw, 90px);
    top:clamp(20px, 5.86vw, 80px);
    width:clamp(280px, 46vw, 632px);
    max-width:calc(100% - 120px);
    z-index:2;
    padding-top:clamp(20px, 3.51vw, 48px);
}
/* У «Перейти в каталог» (light) стрелка не показывается (десктоп + мобиль).
   На мобиле по Figma 142x22 не оставляет места под иконку. */
.home-slide__btn--light .home-slide__btn-arrow{display:none;}
.home-slide__eyebrow{
    display:flex;
    align-items:center;
    gap:20px;
    font-family:'PT Sans Caption',sans-serif;
    font-weight:400;
    font-size:13px;
    line-height:1;
    color:#bcbcbc;
    margin:0 0 35px;            /* itemSpacing 30 от eyebrow до Text Block (15px lh +) */
}
.home-slide__eyebrow .sep{color:#bcbcbc;}
.home-slide__eyebrow .accent{color:#52b272;}
.home-slide__title{
    font-family:'PT Sans Caption',sans-serif;
    font-weight:700;
    font-size:clamp(20px, 2.93vw, 40px);
    line-height:1;
    color:#3f3f3f;
    margin:0;
}
.home-slide__subtitle{
    font-family:'PT Sans Caption',sans-serif;
    font-weight:400;
    font-size:clamp(14px, 1.76vw, 24px);
    line-height:1;
    color:#696969;
    margin:clamp(10px, 1.46vw, 20px) 0 0;
}
.home-slide__btns{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    gap:clamp(10px, 1.1vw, 15px);
    margin-top:clamp(15px, 2.2vw, 30px);
}
.home-slide__btn{
    display:inline-flex;
    align-items:center;
    gap:clamp(6px, 0.73vw, 10px);
    padding:clamp(6px, 0.73vw, 10px) clamp(18px, 2.2vw, 30px);
    border-radius:3px;
    font-family:'PT Sans Caption',sans-serif;
    font-weight:700;
    font-size:clamp(13px, 1.17vw, 16px);
    line-height:1.625;
    text-decoration:none;
    cursor:pointer;
    -webkit-user-select:none;user-select:none;
    border:none;
}
.home-slide__btn-arrow{
    width:clamp(18px, 1.76vw, 24px);
    height:clamp(18px, 1.76vw, 24px);
    flex:none;
}
/* Кнопка «Заказать макет» — основная зелёная (gradient + glow) */
.home-slide__btn--green{
    color:#ffffff;
    background:linear-gradient(256.7deg,#52B272 0%,#00B43C 96.14%);
    box-shadow:1px 4px 13.2px 0px #27BF5A80;
    transition:background .5s cubic-bezier(.4,0,.2,1),box-shadow .5s cubic-bezier(.4,0,.2,1),color .35s ease;
}
@media (hover: hover){
    .home-slide__btn--green:hover{
        color:#ffffff;
        background:linear-gradient(95.61deg,#52B272 2.47%,#FFFFFF 221.07%);
        box-shadow:6px 5px 17.3px 0px #52B27280;
    }
}
/* Кнопка «Перейти в каталог» — светло-зелёная (gradient + soft glow) */
.home-slide__btn--light{
    color:#656565;
    background:linear-gradient(267.58deg,#CAF3D8 2.42%,#C4FFC2 85.05%);
    box-shadow:1px 4px 13.2px 0px rgba(131,235,165,.5);
    transition:background .5s cubic-bezier(.4,0,.2,1),box-shadow .5s cubic-bezier(.4,0,.2,1),color .35s ease;
}
@media (hover: hover){
    .home-slide__btn--light:hover{
        color:#414141;
        background:linear-gradient(267.58deg,#B5F9CC 2.42%,#9FF19C 85.05%);
        box-shadow:1px 4px 13.2px 0px rgba(131,235,165,.5);
    }
}

/* Пагинация-пилюли (Figma 110:1432 default 10x5 #a0b6a7, 110:1433 active 20x5 #52b272).
   Стрелки не используются (в макете их нет). */
.home-slider .slick-prev,
.home-slider .slick-next{display:none !important;}
.home-slider .slick-dots{
    position:absolute;
    bottom:0;left:0;right:0;
    display:flex;justify-content:center;align-items:center;
    gap:10px;                   /* itemSpacing 10 в Табы */
    list-style:none;margin:0;padding:0;
    height:25px;                /* область пагинации под слайдом (Figma: y=620, h=5 → ~20px от низа) */
}
.home-slider .slick-dots li{
    line-height:0;
    width:10px;height:5px;
    display:flex;align-items:center;
}
.home-slider .slick-dots li button{
    width:10px;height:5px;padding:0;font-size:0;line-height:0;
    border:none;border-radius:100px;cursor:pointer;
    background:#a0b6a7;
    transition:width .25s ease, background .25s ease;
}
.home-slider .slick-dots li.slick-active{width:20px;}
.home-slider .slick-dots li.slick-active button{
    width:20px;
    background:#52b272;
}

/* Мобилка — пагинация 27x3 / dots 4x3, active 9x3. Для слайдов 2/3 Figma
   использует другие исходники → подменяем bg-image через @media. */
@media (max-width:767px){
    .home-slider{padding-bottom:13px;}    /* 13px = 3px дот + 10px зазор */
    /* Общий блок слайда: занимает 100% ширины viewport (slick-slide),
       высота вычисляется через aspect-ratio (Figma 390/400). Это исключает
       «половину следующего слайда» при перелистывании на широких мобильных
       экранах (414, 430, 480 и т.д.). */
    .home-slide{
        aspect-ratio:390/400;
        width:100%;
        margin:0;
    }
    /* Per-slide gradient заливает блок. PNG с прозрачным фоном — поверх через ::before,
       без mask (PNG уже имеет прозрачные края — границы не видны). */
    .home-slide{
        position:relative;
        overflow:hidden;
    }
    .home-slide--1{background:linear-gradient(270deg,#EAE7EC 0%,#FDFDFD 100%);}
    .home-slide--2{background:linear-gradient(90.56deg,#F0F0EF 10.71%,#E3E2E1 65.57%,#D3D2D3 99.37%);}
    .home-slide--3{background:linear-gradient(90.48deg,#F0F0EF 13.01%,#FCFCFC 70.56%,#DFDFDF 94.86%);}
    .home-slide::before{
        content:"";
        position:absolute;
        inset:0;
        z-index:1;
        background-size:contain;             /* PNG/фото целиком, без обрезки */
        background-position:right bottom;    /* slides 1/2: фото справа */
        background-repeat:no-repeat;
        pointer-events:none;
    }
    /* Slides 1/2 — fade убран, image отображается полностью без mask. */
    .home-slide--1::before,
    .home-slide--2::before{
        -webkit-mask-image:none;
                mask-image:none;
    }
    .home-slide--1::before{
        background-image:url(/img/home-slider/slide1-mobile.png);
        background-size: 90% auto; /* ширина 100%, высота auto для сохранения пропорций */
        background-position: 40px 90%; /* сдвиг 10px вправо + 200px вниз для лучшего кадрирования на мобиле */
    }
    /* Slide 2: image сохраняет оригинальные пропорции, не на всю ширину (contain). */
    .home-slide--2::before{
        background-image:url(img/home-slider/slide2-mobile.png);
        background-size: 103% auto; /* ширина 100%, высота auto для сохранения пропорций */
        background-position: -30px 85%; /* сдвиг 30px влево для лучшего кадрирования на мобиле */
        scale: calc(1.15);
    }
    /* Slide 3 — PNG: высота 90% блока (уменьшен на 10%), сдвинут влево на 80px. */
    .home-slide--3::before{
        background-image:url(img/home-slider/slide3-mobile.png);
        background-size:auto 90%;
        background-position:-65px bottom;
    }
    /* Slide 3 — основной блок без отступов */
    .home-slide--3{padding:0;margin:0;}
    /* Текст и кнопки — поверх overlay */
    .home-slide__text{z-index:2;position:relative;}

    /* Контейнер «текст + кнопки» — спека Figma 299×229, top:31, left:30, gap:30 */
    .home-slide__text{
        position:absolute;
        top:31px;
        left:30px;
        right:auto;
        width:299px;
        height:229px;
        max-width:calc(100% - 60px);
        padding-top:0;
        display:flex;
        flex-direction:column;
        gap:30px;
        z-index:2;
    }
    /* Slide 1: текст-блок сдвинут на 10% ниже (+40px на блоке 400px) */
    .home-slide--1 .home-slide__text{top:71px;}
    /* Slide 2: дефолт top:31 (как slide 1 без сдвига), кнопки в потоке */
    /* Блок «Text Block» — спека 299×98 gap:10 */
    .home-slide__text-block{
        width:299px;
        max-width:100%;
        height:98px;
        display:flex;
        flex-direction:column;
        gap:10px;
    }
    .home-slide__title{font-size:20px;line-height:1;font-weight:700;margin:0;}
    .home-slide__subtitle{font-size:14px;line-height:1;font-weight:400;margin:0;}

    /* Блок «Buttons» — спека 142×56 gap:10 */
    .home-slide__btns{
        width:142px;
        height:56px;
        margin-top:0;
        display:flex;
        flex-direction:column;
        align-items:flex-start;
        gap:10px;
    }
    /* Кнопка «Заказать макет» (green): 141×24 */
    .home-slide__btn--green{width:141px;height:24px;}
    /* Кнопка «Перейти в каталог» (light): 142×22 */
    .home-slide__btn--light{width:142px;height:22px;}

    /* === Slide 3: фото СЛЕВА. Заголовок к ЛЕВОМУ краю, кнопки — к ПРАВОМУ.
       text-block растянут от left:30 до right:30 (уменьшен левый отступ в 2 раза vs 60px). */
    .home-slide--3 .home-slide__text{
        left:30px;
        right:30px;
        top:31px;
        width:auto;
        max-width:none;
        height:229px;
        align-items:stretch;
    }
    .home-slide--3 .home-slide__text-block{
        width:auto;
        max-width:100%;
        height:98px;
        gap:10px;
        align-self:flex-start;             /* heading прижат к ЛЕВОМУ краю */
        align-items:flex-start;
        text-align:left;
    }
    .home-slide--3 .home-slide__btns{
        width:142px;
        height:56px;
        align-self:flex-end;               /* кнопки прижаты к ПРАВОМУ краю */
        align-items:flex-end;
        gap:10px;
    }

    .home-slide__btn{
        padding:5px 15px;
        font-size:12px;
        line-height:1;            /* 100% от font-size = 12px (Figma) */
        font-weight:700;
        border-radius:1px;
        gap:5px;
    }
    .home-slide__btn-arrow{width:14px;height:14px;}
    /* На мобиле hover отключён через @media (hover: hover) у десктоп-правил.
       Здесь только статичные мобильные стили по спеке. */
    .home-slide__btn--green{
        color:#ffffff;
        background:linear-gradient(256.7deg,#52B272 0%,#00B43C 96.14%);
        box-shadow:1px 4px 13.2px 0px #27BF5A80;
    }
    .home-slide__btn--light{
        color:#414141;
        background:linear-gradient(267.58deg,#B5F9CC 2.42%,#9FF19C 85.05%);
        box-shadow:1px 4px 13.2px 0px rgba(131,235,165,.5);
    }
    /* Пилюли пагинации мобильной (Figma 186:1720 default 4x3, 186:1718 active 9x3) */
    .home-slider .slick-dots{
        gap:5px;
        height:13px;
    }
    .home-slider .slick-dots li{width:4px;height:3px;}
    .home-slider .slick-dots li button{
        width:4px;height:3px;
        border-radius:100px;
        background:#a0b6a7;
    }
    .home-slider .slick-dots li.slick-active{width:9px;}
    .home-slider .slick-dots li.slick-active button{
        width:9px;
        background:#52b272;
    }
}
/* ===== /Слайдер на главной ===== */