:root { --primary-color: #cb11ab; --primary-gradient: linear-gradient(90deg, #cb11ab 0%, #ed1b24 100%); --secondary-color: #efefef; --container-width: 1280px; --text-color: #000000; --text-muted: #999999; --bg-color: #f4f4f4; --white: #ffffff; --border-radius: 16px; --font-family: 'Inter', sans-serif;}
/***********/
@font-face {font-family: 'Inter';src: url('../fonts/Inter-VariableFont_opsz,wght.ttf') format('truetype-variations');font-weight: 100 900; font-style: normal;font-display: swap}
@font-face {font-family: 'Inter';src: url('../fonts/Inter-Italic-VariableFont_opsz,wght.ttf') format('truetype-variations');font-weight: 100 900;font-style: italic;font-display: swap}
/*******/
body{ font-family: var(--font-family); background-color: var(--bg-color); color: var(--text-color); font-weight: 400; line-height: 1.5}
html, body {height:100%; overflow-x: hidden;max-width: 100%}
*{outline:none; padding: 0px; margin: 0px; border: none}
*, *::before, *::after{box-sizing: border-box}
a {text-decoration: none;color: inherit}
a, a span, input, select, textarea, button, button span, a path, a svg, button *, button::before{ transition: all 0.2s;}
a:hover{text-decoration: none}
aside, nav, footer, header, section, main{display: block}
h1, h2, h3, h4, h5, h6, p{font-size: inherit; font-weight: inherit}
ul, ul li{list-style: none}
img{vertical-align: top}
img, svg{max-width: 100%; height: auto}
address{font-style: normal}
input, textarea, button, select{font-family: inherit; font-size: inherit; color: inherit; background-color: transparent}
input::-ms-clear{display: none}
input::-webkit-contacts-auto-fill-button, input::-webkit-credentials-auto-fill-button {visibility: hidden;display: none !important;pointer-events: none;position: absolute;right: 0}
button, input[type="submit"]{display: inline-block; box-shadow: none; background-color: transparent; background: none; cursor: pointer}
input:focus, input:active, button:focus, button:active{outline: none}
button::-moz-focus-inner{padding: 0; border: 0}
label{cursor: pointer}
legend, picture{display: block}
.wrapper{ min-height: 100vh; display: flex; flex-direction: column; width: 100%; position: relative}
main{flex: 1; padding-bottom: 0;}
main.inner__page{padding:30px 0}
footer{flex-shrink: 0}

/*** ***/
.breadcrumbs {white-space: nowrap; display: flex;align-items: center;gap: 8px;font-size: 14px;color: var(--text-muted);margin-bottom: 24px}
.breadcrumbs a {color: var(--text-main);text-decoration: none;transition: color 0.2s;}
.breadcrumbs a:hover {color: var(--primary-color);}
.breadcrumbs iconify-icon {font-size: 16px;color: var(--text-muted);}
.breadcrumbs span:last-child{text-overflow: ellipsis;overflow: hidden;}
/*** ***/
.pagination {display: flex;justify-content: center;align-items: center;gap: 8px;margin-top: 40px}
.page-item {display: flex;align-items: center;justify-content: center;min-width: 40px;height: 40px;padding: 0 12px;border-radius: 8px;font-size: 15px;font-weight: 500;color: var(--text-main);text-decoration: none;transition: background 0.2s, color 0.2s}
.page-item:hover {background: #e9e9e9}
.page-item.active {background: var(--primary-color);color: #fff}
.page-item.disabled {color: var(--text-muted);pointer-events: none;background: transparent}
.page-arrow {font-size: 20px}
.pagination__more-link{margin-top: 40px; justify-content: center; text-align:center}
/*** ***/
.text-center{text-align:center}
.padtop-0{padding-top:0 !important}
.padbot-0{padding-bottom:0 !important}
.martop-0{margin-top:0 !important}
.marbot-0{margin-bottom:0 !important}
.clearfix::after {content: "";display: table;clear: both}
.d-none{display:none}
/*** ***/
.container{max-width: var(--container-width);margin: 0 auto;padding: 0 24px;width: 100%;box-sizing: border-box}
.catalog-title{font-size: 32px;font-weight: 700;margin-bottom: 30px}
.section{margin-top: 60px;margin-bottom: 60px}
h2, .h2{font:700 28px/1.25 var(--font-family); color: #000000}
.section-header{display: flex;justify-content: space-between;align-items: center;margin-bottom: 24px}
.section-header h2{font-size: 32px;font-weight: 800}
.section-title{font-size: 24px;font-weight: 700}
.link-more{display: flex;align-items: center;gap: 8px;font-weight: 600;color: var(--primary-color)}
.link-more:hover{text-decoration: underline}
/*
p{margin:20px 0}
h1, .h1{font:700 60px/1.25 var(--font-family); color: #26734F; margin:35px 0}

h3, .h3{margin:30px 0; font:700 26px/1.25 var(--font-family); color: #000000}
h4, .h4{margin:30px 0 20px; font:italic 400 24px/1.4 var(--font-family); color: #26734F; text-align:center}
h5, .h5{margin:15px 0; font:700 16px/1.25 var(--font-family); color: #000}
.wrapper__widet{padding:40px 0; position:relative}
.widet-width__btn{display:flex; align-items:center; justify-content:space-between}
.widet-width__btn .widget__title.h2{padding:0}
.widget__title{margin:0 !important; padding-bottom:50px}
.widet-width__btn{padding-bottom:30px}
.widet-width__desc .widget__title{padding-bottom:20px}
.widet-width__desc{padding-bottom:50px; }
.widget__title-desc{font-size: 20px; line-height: 1.25; color: #000000;}
.btn{padding: 20px 30px;background: #717F66;border-radius: 50px;display:inline-block;font-size: 18px;line-height: 1.25;color: #FFFFFF}
.btn:hover{background:#26734F}
.wrapper__breadcrumb ul{padding:16px 0; color:#26734F; display:flex; align-items:center}
.wrapper__breadcrumb ul li{white-space:nowrap}
.wrapper__breadcrumb ul li:last-child{overflow: hidden; text-overflow: ellipsis}
.wrapper__breadcrumb ul li.sep{margin: 0 6px; color:#717F66}
.wrapper__breadcrumb ul li a{color: #717F66}
.wrapper__breadcrumb ul li a:hover{color:#26734F}
input[type=text], input[type=email], input[type=tel], select, textarea{color:#000;padding: 20px;width: 100%;background: #fff; font-weight: 600; border-radius: 15px;}
textarea{padding:20px; resize:none; min-height:150px; height:100%}
select{background:#fff url(../images/select.svg) no-repeat 97% center; -webkit-appearance: none; -moz-appearance: none;appearance: none}
input[type=text]:focus, input[type=email]:focus, input[type=tel]:focus, textarea:focus, select:focus{box-shadow: 0 0 0 1px #26734F inset;}
input[type=text]::placeholder, input[type=text]::-webkit-input-placeholder, input[type=text]::-moz-placeholder, input[type=text]:-ms-input-placeholder{color:#000; opacity:0.8}
.input__checkbox{text-align: center; line-height: 1.4;}
.input__checkbox-text a{color: #26734F;}
.input__checkbox-text a:hover{color:#000}*/





@media (max-width: 900px) {
    .section-header {flex-direction: column; gap: 16px;}
}
@media (max-width: 600px) {
    .section-header {gap: 12px;}
    .section-header h2, h2, .h2{font-size: 22px;}
	.section-title{font-size: 20px}
}
@media (max-width: 576px) {
	.catalog-title{font-size: 24px;}
}
@media(max-width:375px){
	.container{padding: 0 16px;}
    .section {margin-top: 40px;margin-bottom: 40px;}
    .section-header h2, h2, .h2{font-size: 20px;}
	.section-title{font-size: 18px}
    .link-more {font-size: 13px;}
}
.gallery-zoom-link {display: block;width: 100%;height: 100%;position: relative;overflow: hidden;border-radius: 16px}
.gallery-zoom-link img {width: 100%;height: 100%;object-fit: cover;display: block;transition: transform 0.4s ease}
.gallery-zoom-link:hover img {transform: scale(1.04)}
.gallery-zoom-hint {position: absolute;top: 12px;right: 12px;background: rgba(255,255,255,0.85);backdrop-filter: blur(6px);border-radius: 8px;padding: 6px 8px;font-size: 18px;color: #333;opacity: 0;transition: opacity 0.2s;pointer-events: none;display: flex;align-items: center;}
.gallery-zoom-link:hover .gallery-zoom-hint {opacity: 1}
.btn-collection {display: inline-flex;align-items: center;gap: 8px;padding: 14px 24px;border-radius: 12px;border: 2px solid var(--primary-color);background: white;color: var(--primary-color);font-family: inherit;font-size: 15px;font-weight: 600;cursor: pointer;transition: background 0.2s, color 0.2s, transform 0.15s;white-space: nowrap}
.btn-collection iconify-icon {font-size: 20px;flex-shrink: 0}
.btn-collection .icon-liked {display: none}
.btn-collection.liked {background: var(--primary-color);color: white}
.btn-collection.liked .icon-default {display: none}
.btn-collection.liked .icon-liked {display: inline-flex}
.btn-collection:hover {background: #fff4ef;transform: translateY(-1px)}
.btn-collection.liked:hover{background: #e0551a}
.btn-primary, .btn-more-link{background: #ff0055;background: linear-gradient(45deg, #ff0055, #ff4422);color: white;border: none;padding: 16px 40px;font-size: 20px;font-weight: 700;border-radius: 16px;cursor: pointer;transition: transform 0.2s, box-shadow 0.2s;box-shadow: 0 4px 15px rgba(255, 0, 85, 0.4)}
.btn-more-link{background: var(--primary-color)}
.btn-primary:hover, .btn-more-link:hover{transform: translateY(-2px);box-shadow: 0 8px 25px rgba(255, 0, 85, 0.6)}
@media(max-width:1260px){
	.btn-primary, .btn-more-link{padding: clamp(12px, 1.5vw, 16px) clamp(20px, 2.5vw, 40px); font-size: clamp(16px, 2vw, 20px)}
}
@media(max-width:650px){
	.btn-primary, .btn-more-link{width:100%; text-align:center}
}
/******** Шапка ********/
.header {background: var(--primary-gradient);color: var(--white);position: sticky;top: 0;z-index: 1000;box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15)}
.header__top {font-size: 14px;padding: 10px 0;background: rgba(0, 0, 0, 0.1)}
.header__top-inner {display: flex;justify-content: space-between;align-items: center}
.header__location {display: flex;align-items: center;gap: 8px;cursor: pointer;font-weight: 500}
.header__nav{display: flex;gap: 24px}
.header__nav a {font-weight: 500;opacity: 0.9}
.header__nav a:hover, .header__location:hover {opacity: 1}
.header__main {padding: 20px 0;}
.header__main-inner {display: flex;align-items: center;gap: 32px;}
.logo {font-size: 32px;font-weight: 900;text-transform: uppercase; letter-spacing: -1px;background: linear-gradient(to bottom, #fff, #f0f0f0);-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.1));}
.btn-menu{border:none;background:rgba(255,255,255,0.15);color:white;padding:10px 20px;border-radius:48px;cursor:pointer;display:flex;align-items:center;gap:12px;transition:transform 0.2s,background 0.2s;height:48px;font-weight:600;font-size:16px;border:1px solid rgba(255,255,255,0.3)}
.btn-menu:hover{background:rgba(255,255,255,0.25);transform:translateY(-1px)}
.btn-menu__icon{display:grid;grid-template-columns:1fr 1fr;gap:4px;width:20px;height:20px;position:relative;transition:transform 0.3s ease}
.btn-menu__icon span{background-color:white;border-radius:2px;width:100%;height:100%;display:block; width:8px; height:8px; transition:all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55)}
.btn-menu.active .btn-menu__icon{transform:rotate(90deg)}
.btn-menu.active .btn-menu__icon span:nth-child(1){transform:translate(6px, 6px) rotate(45deg);width:12px}
.btn-menu.active .btn-menu__icon span:nth-child(2){transform:translate(-6px, 6px) rotate(-45deg);width:12px}
.btn-menu.active .btn-menu__icon span:nth-child(3){transform:translate(6px, -6px) rotate(-45deg);width:12px}
.btn-menu.active .btn-menu__icon span:nth-child(4){transform:translate(-6px, -6px) rotate(45deg);width:12px}

.btn-menu.active .btn-menu__icon{transform:rotate(90deg)}
.btn-menu.active .btn-menu__icon span:nth-child(1){transform: translate(-2px, 7px) rotate(45deg);width: 25px;height: 4px;}
.btn-menu.active .btn-menu__icon span:nth-child(2){transform: translate(-31px, 7px) rotate(-45deg);width: 25px;height: 4px;}
.btn-menu.active .btn-menu__icon span:nth-child(3), .btn-menu.active .btn-menu__icon span:nth-child(4){opacity: 0}
.btn-menu__text{line-height:1}
.hamburger {display: none;}
.search-bar {flex-grow: 1;position: relative;background: white;border-radius: 99px; display: flex;align-items: center;padding: 6px 8px 6px 24px;transition: transform 0.2s;box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1)}
.search-bar:focus-within {transform: scale(1.01);box-shadow: 0 6px 16px rgba(0, 0, 0, 0.15)}
.search-bar input{width: 100%;border: none;outline: none;background: transparent;font-size: 16px;color: var(--text-color)}
.search-btn {background: transparent;border: none;cursor: pointer;font-size: 24px;color: #aaa;padding: 8px;display: flex;align-items: center;transition: color 0.2s}
.search-btn:hover {color: var(--primary-color)}
.header__actions {display: flex;gap: 32px}
.action-item {display: flex;flex-direction: column;align-items: center;font-size: 13px;gap: 6px;font-weight: 500}
.action-item iconify-icon {font-size: 28px}
.action-item:hover {transform: translateY(-2px)}
.mobile-hamburger, .mobile-bottom-nav, .mobile-menu-overlay {display: none}
@keyframes slideInRight {
	from {opacity: 0;transform: translateX(20px);}
    to {opacity: 1;transform: translateX(0);}
}
@media (max-width: 900px) and (min-width:769px){
	.header__nav {gap: 12px}
	.header__top {font-size: 13px; height:41px}
}
@media (max-width: 768px) {
    .header__nav{display: none !important;visibility: hidden !important;opacity: 0 !important;}
    body {overflow-x: hidden;/* padding-bottom: 70px; */}
    .header__top {display: block !important;background: transparent;padding: 12px 0 0 !important;margin-bottom: 12px !important;}
    .header__top-inner {padding: 0 20px;margin: 0;}
    .header__location {display: flex !important;font-size: 12px;color: rgba(255, 255, 255, 0.95);gap: 6px;align-items: center;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;padding: 0;margin: 0;}
    .header__location iconify-icon {font-size: 14px;flex-shrink: 0; color: rgba(255, 255, 255, 0.95);}
    .header__location span {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-weight: 500;}
	.header__nav {display: none !important;visibility: hidden !important;opacity: 0 !important;pointer-events: none !important;position: absolute !important;left: -9999px !important;}
    .header__main {padding: 0 !important}
    .header__main-inner {flex-wrap: wrap;gap: 0 !important;padding: 0 20px !important;margin: 0;position: relative}
    .logo {font-size: 22px;order: 1;flex: 0 1 auto;text-align: left;margin: 0;padding: 0;}
	.btn-menu {display: none !important;}
    .btn-menu__text {font-size: 14px;}
    .mobile-hamburger {display: flex !important;order: 2;flex: 0 0 auto;flex-direction: column;justify-content: center;align-items: center;width: 40px;height: 40px;background: rgba(255, 255, 255, 0.1);border: none;border-radius: 8px;cursor: pointer;gap: 5px;padding: 8px;transition: all 0.3s ease;margin-left: auto;}
    .mobile-hamburger span {display: block;width: 20px;height: 2px;background: white;border-radius: 2px;transition: all 0.3s ease;}
    .mobile-hamburger:active {transform: scale(0.95);background: rgba(255, 255, 255, 0.2);}
    .mobile-hamburger.active span:nth-child(1) {transform: translateY(7px) rotate(45deg);}
    .mobile-hamburger.active span:nth-child(2) {opacity: 0;}
    .mobile-hamburger.active span:nth-child(3) {transform: translateY(-7px) rotate(-45deg);}
    .search-bar {order: 3;flex: 1 1 100%;width: 100%;padding: 10px 14px !important;margin: 12px 0 12px !important;}
    .search-bar input {font-size: 14px;}
    .header__actions {display: none !important;}
	/******/
    .mobile-bottom-nav {display: flex;position: fixed;bottom: 0;left: 0;right: 0;background: white;box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.08);padding: 10px 0 max(10px, env(safe-area-inset-bottom));z-index: 1000;justify-content: space-around;align-items: center;border-top: 1px solid rgba(0, 0, 0, 0.06);}
    .mobile-nav-item {display: flex;flex-direction: column;align-items: center;justify-content: center;color: #999999;text-decoration: none;padding: 8px 20px;border-radius: 12px;transition: all 0.2s ease;position: relative;flex: 1;min-width: 60px}
    .mobile-nav-item iconify-icon {font-size: 26px;transition: all 0.2s ease;}
    .mobile-nav-item span {display: none;}
    .mobile-nav-item:active {background: rgba(203, 17, 171, 0.08);transform: scale(0.9);}
    .mobile-nav-item:active iconify-icon {color: var(--primary-color);transform: scale(1.1);}
	/******/
	.mobile-menu-overlay {display: block;position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.6);backdrop-filter: blur(4px);z-index: 2000;opacity: 0;visibility: hidden;transition: opacity 0.3s ease, visibility 0.3s ease;}
    .mobile-menu-overlay.active{opacity: 1;visibility: visible;}
    .mobile-menu {position: absolute;top: 0;right: 0;width: 280px;max-width: 85%;height: 100%;background: white;box-shadow: -4px 0 20px rgba(0, 0, 0, 0.2);transform: translateX(100%);transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);overflow-y: auto;display: flex;flex-direction: column;}
	.mobile-menu-overlay.active .mobile-menu {transform: translateX(0);}
    .mobile-menu-header {display: flex;justify-content: space-between;align-items: center;padding: 20px;background: var(--primary-gradient);color: white;border-bottom: 1px solid rgba(255, 255, 255, 0.1);}
    .mobile-menu-header h3 {margin: 0;font-size: 20px;font-weight: 600;}
    .mobile-menu-close {background: transparent;border: none;color: white;font-size: 32px;cursor: pointer;padding: 0;width: 36px;height: 36px;display: flex;align-items: center;justify-content: center;transition: transform 0.2s ease;}
    .mobile-menu-close:active {transform: scale(0.9);}
    .mobile-menu-nav {padding: 8px 0;flex: 1;}
    .mobile-menu-item {display: flex;align-items: center;gap: 16px;padding: 16px 20px;color: var(--text-color);text-decoration: none;font-size: 16px;font-weight: 500;transition: all 0.2s ease;border-left: 3px solid transparent;}
    .mobile-menu-item iconify-icon{font-size: 24px;color: var(--primary-color);transition: transform 0.2s ease;}
    .mobile-menu-item:hover, .mobile-menu-item:active {background: rgba(203, 17, 171, 0.05);border-left-color: var(--primary-color);}
    .mobile-menu-item:active iconify-icon {transform: scale(1.1);}
	.mobile-menu-overlay.active .mobile-menu-item {animation: slideInRight 0.3s ease forwards;}
    .mobile-menu-overlay.active .mobile-menu-item:nth-child(1) {animation-delay: 0.05s;}
    .mobile-menu-overlay.active .mobile-menu-item:nth-child(2) {animation-delay: 0.1s;}
    .mobile-menu-overlay.active .mobile-menu-item:nth-child(3) {animation-delay: 0.15s;}
    .mobile-menu-overlay.active .mobile-menu-item:nth-child(4) {animation-delay: 0.2s;}
    .mobile-menu-overlay.active .mobile-menu-item:nth-child(5) {animation-delay: 0.25s;}
    .mobile-menu-overlay.active .mobile-menu-item:nth-child(6) {animation-delay: 0.3s;}
}
@media (max-width: 375px) {
    .logo {font-size: 20px}
    .header__main-inner {gap: 16px}
    .search-bar {padding: 4px 6px 4px 16px;}
    .search-bar input {font-size: 14px}
    .header__actions{gap: 16px}
	.action-item iconify-icon {font-size: 24px}
	/******/
    .mobile-bottom-nav {padding: 8px 0 max(8px, env(safe-area-inset-bottom));}
    .mobile-nav-item {padding: 6px 16px;min-width: 50px;}
    .mobile-nav-item iconify-icon {font-size: 24px;}
}
/*** Каталог декстоп ***/
.mega-menu-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#fff;z-index:1100;opacity:0;pointer-events:none;transition:opacity 0.3s ease;display:none}
.mega-menu-overlay.is-active{display:flex;opacity:1;pointer-events:all;align-items:flex-start;margin-top:135px;justify-content:center}
.mega-menu-container{margin:0 auto;background:white;display:grid;grid-template-columns:280px 1fr;height:calc(100% - 135px);border-radius:0 0 16px 16px;overflow:hidden;transform:translateY(-30px);opacity:0;transition:transform 0.35s cubic-bezier(0.2,0.9,0.4,1.1),opacity 0.3s ease}
.mega-menu-overlay.is-active .mega-menu-container{transform:translateY(0);opacity:1}
.mega-menu-sidebar{background:#f8f8f8;border-right:1px solid #ebebeb;padding:16px 0;overflow-y:auto}
.menu-category-btn{width:100%;text-align:left;padding:12px 24px;background:none;border:none;font-size:15px;font-weight:500;color:#333;display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:all 0.2s;position:relative}
.menu-category-btn:hover,.menu-category-btn.active{background:white;color:#cb11ab;font-weight:600}
.menu-category-btn.active::before{content:'';position:absolute;left:0;top:0;bottom:0;width:4px;background:#cb11ab}
.menu-category-btn iconify-icon{font-size:16px;color:#ccc;transition:transform 0.2s}
.menu-category-btn.active iconify-icon{color:#cb11ab;transform:translateX(4px)}
.mega-menu-content{background:white;padding:32px 40px;overflow-y:auto}
.menu-panel{display:none;animation:fadeIn 0.25s ease forwards}
.menu-panel.active{display:block}
.menu-section-header{margin-bottom:24px;/* border-bottom:1px solid #ebebeb; *//* padding-bottom:16px; */}
.menu-section-title{font-size:24px;font-weight:800;color:#333;margin:0;display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}
.menu-section-title:hover{color: var(--primary-color)}
.menu-section-subtitle{font-size:14px;color:#888;font-weight:400}
.menu-subcategories-grid{column-count: 3;column-gap: 30px;}
.subcategory-group{break-inside:avoid;margin-bottom: 20px;}
.subcategory-group h4{font-size: 15px;font-weight:700;margin: 0;/* padding-bottom:8px; *//* border-bottom:2px solid #f0f0f0; */line-height: 1.25;}
.subcategory-group h4 a{color:#333;text-decoration:none}
.subcategory-group h4 a:hover{color:#cb11ab}
.subcategory-list{display:flex;flex-direction:column;gap:8px;margin-top: 10px;}
.subcategory-link{font-size:14px;color:#666;text-decoration:none;transition:color 0.2s}
.subcategory-link:hover{color:#cb11ab}
.link-view-all{display:inline-flex;align-items:center;gap:6px;color:#cb11ab;font-weight:600;font-size:13px;margin-top: 5px;text-decoration:none;text-transform:uppercase;letter-spacing:0.5px;transition:gap 0.2s}
.link-view-all:hover{gap:10px}
@keyframes fadeIn{
	from{opacity:0;transform:translateY(8px)}
	to{opacity:1;transform:translateY(0)}
}
@media (max-width:992px){
	.menu-subcategories-grid{column-count: 2}
	.subcategory-group h4{font-size:14px}
	.subcategory-link{font-size:13px}
}
@media (max-width:768px){
	.mega-menu-overlay.is-active{display:none}
}
/*** Каталог мобила ***/
.mobile-catalog-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0);z-index:1200;transition:background 0.3s ease;display:none}
.mobile-catalog-overlay.is-active{display:flex;background:rgba(0,0,0,0.5);pointer-events:all}
.mobile-catalog-container{width:85%;max-width:360px;background:white;height:100%;transform:translateX(-100%);transition:transform 0.35s cubic-bezier(0.2,0.9,0.4,1.1);display:flex;flex-direction:column;box-shadow:2px 0 20px rgba(0,0,0,0.15)}
.mobile-catalog-overlay.is-active .mobile-catalog-container{transform:translateX(0)}
.mobile-catalog-header{display:flex;align-items:center;padding:16px 20px;border-bottom:1px solid #ebebeb;background:white}
.mobile-catalog-back{background:none;border:none;font-size:20px;cursor:pointer;display:flex;align-items:center;padding:0;color:#cb11ab;opacity:0;visibility:hidden;transition:opacity 0.2s,visibility 0.2s}
.mobile-catalog-back.visible{opacity:1;visibility:visible}
.mobile-catalog-title-wrap{flex:1;text-align:center}
.mobile-catalog-header h3{margin:0;font-size:17px;font-weight:700}
.mobile-catalog-count{font-size:11px;color:#999;display:block;margin-top:2px}
.mobile-catalog-close{background:none;border:none;font-size:22px;cursor:pointer;display:flex;align-items:center;padding:0;color:#999;transition:opacity 0.2s}
.mobile-catalog-tree{flex:1;overflow-y:auto}
.mobile-level{display:none}
.mobile-level.active{display:block;animation:slideIn 0.25s cubic-bezier(0.2,0.9,0.4,1.1) forwards}
.mobile-items{padding:8px 0}
.mobile-item{display:flex;align-items:center;padding:14px 20px;border-bottom:1px solid #f5f5f5;cursor:pointer;transition:background 0.2s}
.mobile-item:active{background:#f8f8f8}
.mobile-item-title{flex:1;font-size:15px;font-weight:500;color:#333}
.mobile-item-count{font-size:13px;color:#999;margin-right:12px}
.mobile-item-arrow{font-size:18px;color:#ccc}
@keyframes slideIn{
	from{opacity:0;transform:translateX(20px)}
	to{opacity:1;transform:translateX(0)}
}
/******** Футер ********/
.footer {background: #2a2a2a;color: #ccc;padding: 60px 0 30px;margin-top: 0}
.footer__inner {display: grid;grid-template-columns: repeat(4, 1fr);gap: 40px;margin-bottom: 60px}
.footer__col h3 {color: white;font-size: 18px;margin-bottom: 24px;font-weight: 600}
.footer__col ul li {margin-bottom: 12px;}
.footer__col ul li a {font-size: 15px;color: #aaa;transition: color 0.2s;}
.footer__col ul li a:hover {color: #cb11ab;}
.social-icons {display: flex;gap: 16px;}
.social-icons a {font-size: 28px;color: #fff;opacity: 0.7;transition: opacity 0.2s;}
.social-icons a:hover {opacity: 1;}
.footer__bottom {text-align: center;border-top: 1px solid #444;padding-top: 24px;font-size: 14px;color: #777;display: flex;justify-content: space-between;align-items: center;}

@media (max-width: 900px) {
    .footer__inner {grid-template-columns: 1fr 1fr;}
}
@media (max-width: 600px) {
    .footer__inner {display: flex;flex-direction: column;gap: 20px;}
    .footer__bottom {flex-direction: column;gap: 10px;padding-bottom: 63px;}
}
@media (max-width: 375px) {
    .footer {padding: 40px 0 24px;}
    .footer__col h3 {font-size: 16px;margin-bottom: 16px;}
    .footer__col ul li a {font-size: 13px;}
    .footer__bottom {padding-top: 20px;font-size: 12px;}
}




/*** Статьи ***/
article{line-height:1.6}
article ol, article ul{margin:20px 0}
article a{color:#26734F; text-decoration:underline !important}
article a:hover{color:#000; text-decoration:none !important}
.phone-link{font-weight:700; font-size:125%; white-space:nowrap}
article ul, article ol{display:flex; flex-direction:column; gap:15px 0; list-style:none}
article ol{counter-reset: num; }
article ul li, article ol li{position: relative; padding: 0 0 0 20px; margin: 0}
article ol li{padding-left:42px}
article ul li::before{content: "";width: 8px;height: 8px;border-radius: 100%;background: #26734F;position: absolute;left: 0; top: 7px}
article ol li::before{content: counter(num);counter-increment: num;display: block;position: absolute;top: 0;left: 0;width: 30px;height: 30px;line-height: 30px;color: #fff;text-align: center;font-size: 18px;border-radius: 50%;background: #26734F;font-weight: 700;display: flex;align-items: center;justify-content: center}
.article__image{float:left; margin:0 20px 20px 0; border-radius:20px; overflow:hidden; max-width:260px}
.article__image-right, .article__image-left{float:right; margin:20px 0 20px 20px; border-radius:20px; overflow:hidden; max-width:360px}
.article__image-left{float:left; margin:20px 20px 20px 0; }
article ul li strong{color: #26734F; font-weight: 700;}
article blockquote{display:flex; flex-direction:culumn; gap:20px 0; border-left:4px solid #26734F; padding: 30px; font-size:115%; background: rgba(255,255,255,0.7);border-radius: 0 20px 20px 0; font-weight: 400; margin: 30px 0}
article blockquote p{margin:0}
.video-container {position: relative;width: 100%;padding-bottom: 56.25%; height: 0;margin:20px 0;border-radius:20px;overflow: hidden}
.video-container iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%}
@media(max-width:1229px){
	article blockquote{padding: 25px;  margin: 25px 0}
	.article__image{max-width:220px}
}
@media(max-width:991px){
	article ol, article ul{margin:15px 0; gap:10px 0; }
	.article__image{margin:0 15px 15px 0; border-radius:15px}
	.article__image-right, .article__image-left{margin:15px 0 15px 15px; border-radius:15px; max-width:300px}
	.article__image-left{margin:15px 15px 15px 0;}
	.video-container{border-radius:15px; margin:15px 0}
	article ul li, article ol li{padding: 0 0 0 15px}
	article ul li::before{width: 6px;height: 6px; top: 9px}
	article ol li::before{width: 25px;height: 25px;line-height: 25px;font-size: 14px;}
	article ol li{padding-left: 35px;}
	article blockquote{gap:15px 0; border-radius: 0 15px 15px 0; border-left:3px solid #26734F; padding: 20px;  margin: 20px 0}
}
@media(max-width:767px){
	article blockquote{padding: 15px;  margin: 15px 0}
	.article__image{max-width:200px }
	.article__image-right, .article__image-left{max-width:250px}
}
@media(max-width:575px){
	article ol, article ul{margin:10px 0; gap:5px 0;}
	.video-container {border-radius:10px; margin:10px 0}
	.article__image{margin:0 10px 10px 0; border-radius:10px}
	.article__image-right, .article__image-left{margin:10px 0 10px 10px; border-radius:10px}
	.article__image-left{margin:10px 10px 10px 0;}
	article ul li, article ol li{padding: 0 0 0 10px}
	article ul li::before{width:4px;height: 4px}
	article ol li::before{width: 20px;height: 20px;line-height: 20px;font-size: 12px;}
	article ol li{padding-left: 30px;}
	article blockquote{gap:10px 0; border-radius: 0 10px 10px 0; border-left:2px solid #26734F}
}
@media(max-width:420px){
	.article__image{max-width:100%; float:none; margin:0 0 10px}
	.article__image-right, .article__image-left{max-width:100%; float:none; margin:10px 0;}
}
/**********************/
.fancybox__content{padding:0}
.sl_form .h2{color:#26734F}
.sl_form__text{font-size: 120%; line-height:1.4; margin:0 0 30px;text-align: center;}
.modalform{max-width: 665px;width:100%;padding: 60px;background: #ECECE8;border-radius: 24px;}
.inp_wrap form{display:flex;gap: 20px 0;flex-direction:column}
.inp_wrap form button{margin:0 auto;}
.fancybox__backdrop{background: rgba(0, 0, 0, 0.6); opacity:1}
.modalform button.f-button.is-close-btn{background:none;top: 15px !important;right: 15px !important;width: 24px;height: 24px;opacity: 0.5;padding: 3px;color:#000}
.modalform button.f-button.is-close-btn svg{stroke-width: 3px; stroke-linecap: butt;}
.modalform button.f-button.is-close-btn:hover{color:#FFE100; opacity: 1}
@media(max-width: 1229px) {
	.modalform{max-width:600px;padding: 50px;}
	.sl_form__text{margin:0 0 25px}
}
@media(max-width: 991px) {
	.modalform{max-width: 520px;padding: 40px;}
	.sl_form__text{margin:0 0 20px}
	.inp_wrap form{gap: 15px 0}
	.modalform button.f-button.is-close-btn{top: 10px !important;right: 10px !important;}
}
@media(max-width: 767px) {
	.sl_form__text{margin:0 0 15px}
	.modalform {max-width: 480px; padding: 40px 30px;}
	.inp_wrap form{gap: 10px 0}
}
@media(max-width: 575px) {
	.modalform {max-width: 95%; padding:30px 20px;}
	.inp_wrap form button{width:100%}
	.inp_wrap .input__checkbox-text{font-size:95%}
}