/* Start:/local/templates/tkanililiya_custom/fonts.css?17680807801226*/
/**
 * Шрифт Ysabeau Infant для шаблона "Ткани Лилия"
 * Локальные файлы шрифтов для лучшей производительности
 *
 * Лицензия: SIL Open Font License 1.1
 * Copyright 2023 The Ysabeau Project Authors
 * https://github.com/CatharsisFonts/Ysabeau
 */

@font-face {
    font-family: 'Ysabeau Infant';
    src: url('/local/templates/tkanililiya_custom/fonts/YsabeauInfant-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Ysabeau Infant';
    src: url('/local/templates/tkanililiya_custom/fonts/YsabeauInfant-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Ysabeau Infant';
    src: url('/local/templates/tkanililiya_custom/fonts/YsabeauInfant-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Ysabeau Infant';
    src: url('/local/templates/tkanililiya_custom/fonts/YsabeauInfant-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

/* End */


/* Start:/local/templates/tkanililiya_custom/template_styles.min.css?17680807808037*/
.bx-yellow,.bx-theme-yellow{--primary:#f9a91d;--theme-color-primary:#f9a91d;--theme-color-second:#faba4a;--theme-color-light:#fff;--theme-b-link:#f9a91d;--theme-b-link-hover:#faba4a;--theme-b-tx-primary:#fff;--theme-b-bg-primary:#f9a91d;--theme-b-bd-primary:#f9a91d;--theme-b-sd-primary:rgba(249,169,29,0.5);--theme-b-tx-primary-hover:#fff;--theme-b-bg-primary-hover:#faba4a;--theme-b-bd-primary-hover:#daa53e;--theme-b-tx-primary-active:#fff;--theme-b-bg-primary-active:#faba4a;--theme-b-bd-primary-active:#daa53e;--theme-b-tx-primary-disabled:#fff;--theme-b-bg-primary-disabled:#daa53e;--theme-b-bd-primary-disabled:#b7853b}.bx-blue,.bx-theme-blue{--primary:#0083d1;--theme-color-primary:#0083d1;--theme-color-second:#5ca6e4;--theme-color-light:#f0f6f8;--theme-b-link:#44b1c9;--theme-b-link-hover:#5cc3d1;--theme-b-tx-primary:#fff;--theme-b-bg-primary:#0083d1;--theme-b-bd-primary:#0083d1;--theme-b-sd-primary:rgba(0,131,209,0.5);--theme-b-tx-primary-hover:#fff;--theme-b-bg-primary-hover:#5ca6e4;--theme-b-bd-primary-hover:#5599d2;--theme-b-tx-primary-active:#fff;--theme-b-bg-primary-active:#5ca6e4;--theme-b-bd-primary-active:#5599d2;--theme-b-tx-primary-disabled:#fff;--theme-b-bg-primary-disabled:#5599d2;--theme-b-bd-primary-disabled:#4d8bbf}.bx-red,.bx-theme-red{--primary:#e22b2b;--theme-color-primary:#e22b2b;--theme-color-second:#e95c5c;--theme-color-light:#f0f0f0;--theme-b-link:#e22b2b;--theme-b-link-hover:#e95c5c;--theme-b-tx-primary:#fff;--theme-b-bg-primary:#e22b2b;--theme-b-bd-primary:#e22b2b;--theme-b-sd-primary:rgba(226,43,43,0.5);--theme-b-tx-primary-hover:#fff;--theme-b-bg-primary-hover:#e95c5c;--theme-b-bd-primary-hover:#d05454;--theme-b-tx-primary-active:#fff;--theme-b-bg-primary-active:#e95c5c;--theme-b-bd-primary-active:#d05454;--theme-b-tx-primary-disabled:#fff;--theme-b-bg-primary-disabled:#d05454;--theme-b-bd-primary-disabled:#c04e4e}.bx-green,.bx-theme-green{--primary:#63aa28;--theme-color-primary:#63aa28;--theme-color-second:#5b9f0b;--theme-color-light:#a8d95b;--theme-b-link:#44b1c9;--theme-b-link-hover:#5cc3d1;--theme-b-tx-primary:#fff;--theme-b-bg-primary:#63aa28;--theme-b-bd-primary:#63aa28;--theme-b-sd-primary:rgba(99,170,40,0.5);--theme-b-tx-primary-hover:#fff;--theme-b-bg-primary-hover:#5b9f0b;--theme-b-bd-primary-hover:#56940b;--theme-b-tx-primary-active:#fff;--theme-b-bg-primary-active:#5b9f0b;--theme-b-bd-primary-active:#56940b;--theme-b-tx-primary-disabled:#fff;--theme-b-bg-primary-disabled:#56940b;--theme-b-bd-primary-disabled:#497c09}body{background-attachment:fixed;background-size:cover;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif}#pagetitle{margin-bottom:35px}h1,h2,h3,h4,h5{font-family:var(--ui-font-family-secondary,var(--ui-font-family-open-sans));font-weight:var(--ui-font-weight-regular,400)}.bx-content-section,.bx-header-section{padding-bottom:2px;background-color:rgba(255,255,255,.95)}.bx-header-logo{order:1}.bx-header-personal{order:3}.bx-header-contact{order:2}.bx-logo-block{display:block;height:50px;border-bottom:0}.bx-logo-block img{max-height:50px;width:auto}@media(max-width:767px){.bx-logo-block img{max-width:100%;max-height:45px;width:auto;height:auto}.bx-header-logo{padding:5px 50px;height:55px;background-color:var(--theme-color-primary)}.bx-logo-block{height:auto}body.bx-theme-green .bx-store-logo{background:#33b111}}.bx-header-phone-block{display:flex;align-items:center}.bx-header-phone-number{color:#000;white-space:nowrap;font:21px/28px var(--ui-font-family-secondary,var(--ui-font-family-open-sans));font-weight:var(--ui-font-weight-semi-bold,600);transition:250ms linear all}.bx-header-phone-icon{display:block;margin-right:10px;width:26px;height:26px;	background: no-repeat center url(/local/templates/tkanililiya_custom/images/phone.svg);}@media(max-width:991px){.bx-header-phone-number{font:15px/18px var(--ui-font-family-secondary,var(--ui-font-family-open-sans));font-weight:var(--ui-font-weight-semi-bold,600)}}.bx-header-worktime{color:#000;font:16px/22px var(--ui-font-family-secondary,var(--ui-font-family-open-sans));font-weight:var(--ui-font-weight-semi-bold,600);transition:250ms linear all}.bx-worktime-title{color:#adadad;font:12px var(--ui-font-family-secondary,var(--ui-font-family-open-sans));font-weight:var(--ui-font-weight-regular,400)}.bx-worktime-schedule{color:#000;font:12px var(--ui-font-family-secondary,var(--ui-font-family-open-sans));font-weight:var(--ui-font-weight-regular,400)}@media(max-width:991px){.bx-header-worktime{font:15px/18px var(--ui-font-family-secondary,var(--ui-font-family-open-sans));font-weight:var(--ui-font-weight-regular,400)}}.sidebar-block-title{color:#343434;text-transform:uppercase;font-size:14px;font-family:var(--ui-font-family-secondary,var(--ui-font-family-open-sans));font-weight:var(--ui-font-weight-semi-bold,600)}.bx-footer-bg{background-color:#1f496a}.bx-footer-logo{border-bottom:none !important;text-decoration:none !important}.bx-footer-logo img{max-width:100%;height:auto}.bx-inclinkspersonal-item.bx-theme-blue:hover{background:#0083d1}.bx-theme-blue.bx-inclinkspersonal-selected{background:#3398d7}.bx-inclinkspersonal-item.bx-theme-black:hover{background:#303030}.bx-theme-black.bx-inclinkspersonal-selected{background:#484848}.bx-inclinkspersonal-item.bx-theme-green:hover{background:#44b1c9}.bx-theme-green.bx-inclinkspersonal-selected{background:#5cc3d1}.bx-inclinkspersonal-item.bx-theme-red:hover{background:#e63c3c}.bx-theme-red.bx-inclinkspersonal-selected{background:#e95c5c}.bx-inclinkspersonal-item.bx-theme-yellow:hover{background:#f4a52e}.bx-theme-yellow.bx-inclinkspersonal-selected{background:#fbb859}.btn-primary,.list-group-item.active{border-color:var(--theme-b-bd-primary);background-color:var(--theme-b-bg-primary);color:var(--theme-b-tx-primary)}.btn-primary:hover{border-color:var(--theme-b-bd-primary-hover);background-color:var(--theme-b-bg-primary-hover);color:var(--theme-b-tx-primary-hover)}.btn-primary:focus,.btn-primary.focus{box-shadow:0 0 0 .2rem var(--theme-b-sd-primary)}.btn-primary.disabled,.btn-primary:disabled{border-color:var(--theme-b-bg-primary);background-color:var(--theme-b-bg-primary);color:var(--theme-b-tx-primary)}.btn-primary:not(:disabled):not(.disabled):active,.btn-primary:not(:disabled):not(.disabled).active,.show>.btn-primary.dropdown-toggle{border-color:var(--theme-b-bd-primary-active);background-color:var(--theme-b-bg-primary-active);color:var(--theme-b-tx-primary-active)}.btn-primary:not(:disabled):not(.disabled):active:focus,.btn-primary:not(:disabled):not(.disabled).active:focus,.show>.btn-primary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem var(--theme-b-sd-primary)}.form-control:focus{border-color:var(--theme-color-primary);box-shadow:0 0 0 .2rem var(--theme-b-sd-primary)}a,.btn-link{color:var(--theme-b-link)}a:hover,.btn-link:hover{color:var(--theme-b-link-hover)}.g-font-size-15{font-size:15px}.g-font-size-17{font-size:17px}.g-font-size-20{font-size:20px}.text-primary{color:var(--primary) !important}.bg-primary{background:var(--primary) !important}.border-primary{border-color:var(--primary) !important}.sidebar h2,.sidebar h3,.sidebar h4,.sidebar h5{text-transform:uppercase;font-size:14px;font-family:var(--ui-font-family-secondary,var(--ui-font-family-open-sans));font-weight:var(--ui-font-weight-semi-bold,600)}.sidebar li{font-size:12px;font-family:var(--ui-font-family-secondary,var(--ui-font-family-open-sans));font-weight:var(--ui-font-weight-semi-bold,600)}.sidebar-icon{width:27px;height:27px;margin-right:5px;border-radius:50%;background-color:var(--theme-color-primary);background-repeat:no-repeat;background-position:center;}

.sidebar-icon-label {
	background-image:  url(/local/templates/tkanililiya_custom/images/label.svg); background-size:19px auto;}

.sidebar-icon-delivery {
	background-image: url(/local/templates/tkanililiya_custom/images/delivery.svg); background-size:17px auto;}

.sidebar-icon-sale {
	background-image: url(/local/templates/tkanililiya_custom/images/sale.svg); background-size:auto 17px;}

.sidebar-icon-self {
	background-image: url(/local/templates/tkanililiya_custom/images/self.svg); background-size:auto 17px;}

.sidebar-icon-phone {
	background-image: url(/local/templates/tkanililiya_custom/images/phone_white.svg); background-size:auto 21px}
/* End */


/* Start:/local/templates/tkanililiya_custom/colors.min.css?17680807801987*/
body.bx-background-gradient{background:#f6f7fb;background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y2ZjdmYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);background:-moz-linear-gradient(top,rgba(246,247,251,1) 0,rgba(255,255,255,1) 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(246,247,251,1)),color-stop(100%,rgba(255,255,255,1)));background:-webkit-linear-gradient(top,rgba(246,247,251,1) 0,rgba(255,255,255,1) 100%);background:-o-linear-gradient(top,rgba(246,247,251,1) 0,rgba(255,255,255,1) 100%);background:-ms-linear-gradient(top,rgba(246,247,251,1) 0,rgba(255,255,255,1) 100%);background:linear-gradient(to bottom,rgba(246,247,251,1) 0,rgba(255,255,255,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f7fb',endColorstr='#ffffff',GradientType=0);background-attachment:fixed}.bx-logo-text small{color:#0083d1}a.bxd-block:hover{border-color:#0083d1}.bxd-icon{border:1px solid #0083d1}a.bxd-block:hover .bxd-icon{background:#0083d1}.bxd-icon .fa{color:#0083d1}a.bxd-block:hover .bxd-icon .fa{color:#fff}.bx-theme-blue .btn.btn-default{outline:0;background-color:#1485ce;border-color:#1485ce;color:#FFF}.bx-theme-blue .btn.btn-default:hover{outline:0;background-color:#53a4d8;border-color:#53a4d8;color:#FFF}.bx-theme-blue .btn.btn-default:active{outline:0;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}
/* End */


/* Start:/local/templates/tkanililiya_custom/custom_styles.css?176808078031964*/
/**
 * Кастомные стили для "Ткани Лилия"
 * На основе брендбука и фирменного стиля
 */

/* ===== ЦВЕТОВАЯ СХЕМА (из брендбука) ===== */
:root {
    /* Фирменные цвета из брендбука */
    --brand-primary: #656C80;        /* Pantone 5285 C - Тёмно-серый */
    --brand-accent: #009AA8;         /* Pantone 320 C - Бирюзовый (акцентный) */
    --brand-accent-light: #A3D8E5;   /* Pantone 635 - Светло-бирюзовый */
    --brand-pink: #F7C4DC;           /* Pantone 217 - Розовый */
    --brand-bg: #E5E5E5;             /* Pantone 5245 C - Светло-серый фон */
    --brand-bg-light: #F7F7F7;       /* Ещё светлее */
    --brand-text-primary: #222222;   /* Основной текст */
    --brand-text-secondary: #656C80; /* Вторичный текст */
    --brand-border: #E5E5E5;         /* Границы */

    /* Шрифт из брендбука */
    --brand-font: 'Ysabeau Infant', 'Helvetica Neue', Helvetica, Arial, sans-serif;

    /* Переопределение Bitrix CSS-переменных */
    --ui-font-family-primary: 'Ysabeau Infant', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
    --ui-font-family-secondary: 'Ysabeau Infant', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
    --ui-font-family-open-sans: 'Ysabeau Infant', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
}

/* ===== БАЗОВЫЕ СТИЛИ ШРИФТА ===== */
body,
.container,
.card,
.btn,
p, span, div,
.bx-wrapper,
.workarea {
    font-family: 'Ysabeau Infant', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
}

/* ===== MATERIAL SYMBOLS ICONS - исключение для иконок ===== */
.material-symbols-outlined {
    font-family: 'Material Symbols Outlined' !important;
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: 'liga';
    font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
}

/* Заголовки - фирменный шрифт + ЗАГЛАВНЫЕ буквы (из брендбука) */
h1, h2, h3, .h1, .h2, .h3 {
    font-family: 'Ysabeau Infant', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

h4, h5, h6, .h4, .h5, .h6 {
    font-family: 'Ysabeau Infant', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
}

/* Переопределение Bootstrap primary на бирюзовый accent */
.bg-primary,
.btn-primary {
    background-color: #009AA8 !important;
    border-color: #009AA8 !important;
}

.btn-primary:hover,
.btn-primary:focus {
    background-color: #008895 !important;
    border-color: #008895 !important;
}

.text-primary {
    color: #009AA8 !important;
}

.border-primary {
    border-color: #009AA8 !important;
}

/* ===== USP BAR (верхняя панель) ===== */
.bg-primary.py-2 {
    background-color: #2A4B6D !important; /* Темно-синий как в образце */
}

/* ===== НАВИГАЦИЯ ===== */
.bx-header {
    background-color: white !important;
}

.navbar {
    background-color: white !important;
}

.navbar-light .navbar-nav .nav-link {
    color: #222222 !important;
    font-weight: 500;
}

.navbar-light .navbar-nav .nav-link:hover {
    color: #009AA8 !important;
}

/* ===== BODY И ОБЩИЕ СТИЛИ ===== */
body {
    background-color: #F7F7F7 !important;
    color: #222222 !important;
}

/* ===== HERO СЕКЦИЯ ===== */
.position-relative.mb-5:first-of-type {
    background: linear-gradient(135deg, rgba(42,75,109,0.85) 0%, rgba(0,154,168,0.75) 100%),
                url('/upload/hero-bg.jpg') center/cover !important;
}

/* Убираем темный фон, если он есть */
.workarea {
    background-color: transparent !important;
}

.container.bx-content-section {
    background-color: white;
    padding: 2rem;
    border-radius: 8px;
}

/* ===== КАРТОЧКИ КАТЕГОРИЙ ===== */
.card {
    border: 1px solid #E5E5E5 !important;
    border-radius: 8px !important;
    overflow: hidden;
    transition: all 0.3s ease;
    background-color: white !important;
}

.card:hover {
    border-color: #009AA8 !important;
    box-shadow: 0 4px 12px rgba(0,154,168,0.15) !important;
    transform: translateY(-2px);
}

.card img {
    filter: brightness(1) !important;
    opacity: 1 !important;
}

.card-body {
    padding: 1.25rem !important;
}

.card h3,
.card h4,
.card h5 {
    color: #222222 !important;
    font-weight: 600;
}

/* ===== КНОПКИ ===== */
.btn {
    border-radius: 6px !important;
    font-weight: 500;
    transition: all 0.3s ease;
}

.btn-outline-secondary {
    color: #656C80 !important;
    border-color: #E5E5E5 !important;
}

.btn-outline-secondary:hover {
    background-color: #F7F7F7 !important;
    border-color: #009AA8 !important;
    color: #009AA8 !important;
}

.btn-info {
    background-color: #009AA8 !important;
    border-color: #009AA8 !important;
}

.btn-info:hover {
    background-color: #008895 !important;
    border-color: #008895 !important;
}

/* ===== ССЫЛКИ ===== */
a {
    color: #009AA8;
    text-decoration: none;
    transition: color 0.3s ease;
}

a:hover {
    color: #008895;
}

/* ===== ЦВЕТНЫЕ КРУГИ ===== */
.rounded-circle {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.rounded-circle:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* ===== FOOTER ===== */
.bx-footer {
    background-color: white !important;
    border-top: 1px solid #E5E5E5;
}

.bg-dark {
    background-color: white !important;
}

.bg-secondary {
    background-color: #F7F7F7 !important;
}

.text-light,
.bx-block-title.text-light {
    color: #222222 !important;
}

.bx-footer a {
    color: #656C80 !important;
}

.bx-footer a:hover {
    color: #009AA8 !important;
}

/* ===== ХЛЕБНЫЕ КРОШКИ ===== */
.breadcrumb {
    background-color: transparent !important;
}

.breadcrumb-item a {
    color: #656C80 !important;
}

.breadcrumb-item.active {
    color: #222222 !important;
}

/* ===== ПРЕИМУЩЕСТВА (Why Choose Us) ===== */
section .card .material-symbols-outlined {
    font-size: 3rem !important;
    color: #009AA8 !important;
}

/* Иконки в круглых контейнерах блока преимуществ */
.rounded-circle.d-flex .material-symbols-outlined {
    font-family: 'Material Symbols Outlined' !important;
    font-weight: normal !important;
    font-style: normal !important;
    font-size: 40px !important;
    line-height: 1 !important;
    letter-spacing: normal !important;
    text-transform: none !important;
    display: inline-block !important;
    white-space: nowrap !important;
    word-wrap: normal !important;
    direction: ltr !important;
    -webkit-font-feature-settings: 'liga' !important;
    font-feature-settings: 'liga' !important;
    -webkit-font-smoothing: antialiased !important;
    color: white !important;
}

/* ===== ЗАГОЛОВКИ ===== */
h1, h2, h3, h4, h5, h6 {
    color: var(--brand-text-primary) !important;
    font-weight: 600;
}

/* Hero заголовок - белый текст на темном фоне */
.hero h1,
.hero .display-4 {
    color: #ffffff !important;
}

.hero h1 span.hero-accent {
    color: var(--brand-accent-light, #A3D8E5) !important;
}

/* Секции с заголовками на цветных плашках (из брендбука) */
.section-title-teal {
    background: linear-gradient(90deg, var(--brand-accent) 0%, var(--brand-accent-light) 100%);
    color: white !important;
    padding: 0.75rem 1.5rem;
    display: inline-block;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    font-weight: 600;
}

.section-title-pink {
    background: linear-gradient(90deg, var(--brand-pink) 0%, #fde4ef 100%);
    color: var(--brand-primary) !important;
    padding: 0.75rem 1.5rem;
    display: inline-block;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    font-weight: 600;
}

/* Декоративный элемент - цветок лилии (из брендбука) */
.liliya-decor::before {
    content: '';
    display: inline-block;
    width: 24px;
    height: 24px;
    background-image: url('/include/logo.png');
    background-size: contain;
    background-repeat: no-repeat;
    margin-right: 8px;
    vertical-align: middle;
    opacity: 0.7;
}

/* Больше "воздуха" - увеличенные отступы (из брендбука) */
.section-spacious {
    padding: 4rem 0;
}

.card-spacious {
    padding: 2rem;
}

/* Светлый фон для лёгкости (из брендбука) */
.bg-brand-light {
    background-color: var(--brand-bg-light);
}

.bg-brand-accent-light {
    background-color: rgba(163, 216, 229, 0.15);
}

.bg-brand-pink-light {
    background-color: rgba(247, 196, 220, 0.15);
}

/* ===== NEWSLETTER ===== */
.form-control {
    border-color: #E5E5E5 !important;
    border-radius: 50px !important;
}

.form-control:focus {
    border-color: #009AA8 !important;
    box-shadow: 0 0 0 0.2rem rgba(0,154,168,0.25) !important;
}

/* ===== ЧИСТЫЙ ФОН ДЛЯ СЕКЦИЙ ===== */
section {
    background-color: transparent;
}

.border-top {
    border-color: #E5E5E5 !important;
}

.border-bottom {
    border-color: #E5E5E5 !important;
}

/* ===== УБИРАЕМ ТЕМНЫЕ ОВЕРЛЕИ ===== */
.card::before,
.card::after {
    display: none !important;
}

/* ===== МЕНЮ DROPDOWN ===== */
.dropdown-menu {
    border: 1px solid #E5E5E5 !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.1) !important;
    border-radius: 8px !important;
}

.dropdown-item:hover {
    background-color: #F7F7F7 !important;
    color: #009AA8 !important;
}

/* ===== HERO СЕКЦИЯ ===== */
.hero {
    position: relative;
    width: 100%;
    min-height: 500px;
    background-image:
        linear-gradient(rgba(42, 75, 109, 0.65), rgba(42, 75, 109, 0.65)),
        url('/local/templates/tkanililiya_custom/images/hero-bg.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: scroll;
}

.hero .hero-content {
    position: relative;
    z-index: 1;
}

.hero-accent {
    color: var(--brand-accent, #009AA8);
}

.hero-badge {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    font-size: 0.875rem;
    color: rgba(255, 255, 255, 0.7);
}

.hero-badge .material-symbols-outlined {
    font-size: 16px;
}

/* Адаптивность hero */
@media (max-width: 991px) {
    .hero {
        min-height: 400px;
    }
}

@media (max-width: 767px) {
    .hero {
        min-height: 350px;
    }

    .hero h1 {
        font-size: 1.75rem !important;
    }
}

/* ===== КАРТОЧКИ КАТЕГОРИЙ (categories_tiles) ===== */
.category-card {
    display: block;
    position: relative;
    border-radius: 12px;
    overflow: hidden;
    background: white;
    border: 1px solid var(--brand-border, #E5E5E5);
    transition: all 0.3s ease;
    text-decoration: none;
}

.category-card:hover {
    border-color: var(--brand-accent, #009AA8);
    box-shadow: 0 8px 24px rgba(0, 154, 168, 0.15);
    transform: translateY(-4px);
}

/* Обёртка для изображения с отступами */
.category-card-image-wrapper {
    padding: 12px;
    background: #fafafa;
}

.category-card-image {
    width: 100%;
    height: 140px;
    object-fit: cover;
    background-color: #f5f5f5;
    border-radius: 8px;
}

.category-card-body {
    padding: 1rem;
}

.category-card-title {
    font-size: 1rem;
    font-weight: 600;
    color: var(--brand-text-primary, #222222);
    margin-bottom: 0.25rem;
}

.category-card-count {
    font-size: 0.875rem;
    color: var(--brand-text-secondary, #656C80);
}

/* Плитка категорий */
.categories-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 1.5rem;
}

@media (max-width: 575px) {
    .categories-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 1rem;
    }

    .category-card-image {
        height: 120px;
    }
}

/* ===== КАТАЛОГ ТКАНЕЙ (fabrics_grid) ===== */

/* Заголовок каталога */
.catalog-header h1 {
    color: var(--brand-text-primary, #222222);
}

/* Карточка товара */
.fabric-card {
    display: flex;
    flex-direction: column;
    height: 100%;
    background: white;
    border: 1px solid var(--brand-border, #E5E5E5);
    border-radius: 12px;
    overflow: hidden;
    transition: all 0.3s ease;
}

.fabric-card:hover {
    border-color: var(--brand-accent, #009AA8);
    box-shadow: 0 8px 24px rgba(0, 154, 168, 0.15);
    transform: translateY(-4px);
}

.fabric-card.not-available {
    opacity: 0.7;
}

.fabric-card.not-available:hover {
    transform: none;
    box-shadow: none;
}

/* Изображение товара */
.fabric-card-image-link {
    display: block;
    text-decoration: none;
}

.fabric-card-image-wrapper {
    position: relative;
    width: 100%;
    padding-top: 100%; /* Квадратное соотношение */
    overflow: hidden;
    background-color: #f5f5f5;
}

.fabric-card-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.fabric-card:hover .fabric-card-image {
    transform: scale(1.05);
}

.fabric-card-no-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #f5f5f5;
}

.fabric-card-no-image .material-symbols-outlined {
    font-size: 48px;
    color: #ccc;
}

/* Бейджи на изображении */
.fabric-card-badges {
    position: absolute;
    top: 0.5rem;
    left: 0.5rem;
    display: flex;
    flex-wrap: wrap;
    gap: 0.25rem;
}

.fabric-card-badges .badge {
    font-size: 0.75rem;
    font-weight: 500;
    padding: 0.25rem 0.5rem;
}

/* Контент карточки */
.fabric-card-body {
    flex: 1;
    display: flex;
    flex-direction: column;
    padding: 1rem;
}

/* Название товара */
.fabric-card-title {
    font-size: 0.9375rem;
    font-weight: 600;
    color: var(--brand-text-primary, #222222);
    text-decoration: none;
    margin-bottom: 0.5rem;
    line-height: 1.3;
    /* Ограничение в 2 строки */
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.fabric-card-title:hover {
    color: var(--brand-accent, #009AA8);
}

/* Характеристики */
.fabric-card-props {
    font-size: 0.8125rem;
    color: var(--brand-text-secondary, #656C80);
    margin-bottom: 0.5rem;
}

.fabric-card-prop {
    display: block;
    line-height: 1.4;
}

/* Цена */
.fabric-card-price {
    margin-top: auto;
    margin-bottom: 0.75rem;
}

.fabric-card-current-price {
    font-size: 1.125rem;
    font-weight: 700;
    color: var(--brand-text-primary, #222222);
}

.fabric-card-old-price {
    font-size: 0.875rem;
    color: #999;
    text-decoration: line-through;
    margin-left: 0.5rem;
}

.fabric-card-price-request {
    font-size: 0.875rem;
    color: var(--brand-text-secondary, #656C80);
}

/* Кнопка */
.fabric-card-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.25rem;
}

.fabric-card-btn .material-symbols-outlined {
    font-size: 18px !important;
}

/* Пагинация каталога */
.fabrics-pager {
    display: flex;
    justify-content: center;
}

.fabrics-pager .pagination {
    margin: 0;
}

.fabrics-pager .page-link {
    color: var(--brand-text-primary, #222222);
    border-color: var(--brand-border, #E5E5E5);
}

.fabrics-pager .page-link:hover {
    color: var(--brand-accent, #009AA8);
    border-color: var(--brand-accent, #009AA8);
    background-color: rgba(0, 154, 168, 0.1);
}

.fabrics-pager .page-item.active .page-link {
    background-color: var(--brand-accent, #009AA8);
    border-color: var(--brand-accent, #009AA8);
}

/* Адаптивность каталога */
@media (max-width: 991px) {
    .fabric-card-title {
        font-size: 0.875rem;
    }

    .fabric-card-current-price {
        font-size: 1rem;
    }
}

@media (max-width: 575px) {
    .fabric-card-body {
        padding: 0.75rem;
    }

    .fabric-card-title {
        font-size: 0.8125rem;
    }

    .fabric-card-current-price {
        font-size: 0.9375rem;
    }

    .fabric-card-props {
        display: none;
    }

    .fabric-card-btn {
        font-size: 0.75rem;
        padding: 0.375rem 0.5rem;
    }
}

/* ===== НОВЫЙ КАТАЛОГ ===== */

/* Страница каталога */
.catalog-page {
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 1rem;
}

/* Заголовок каталога */
.catalog-main-title {
    font-size: 1.75rem;
    font-weight: 700;
    color: var(--brand-text-primary, #222);
    margin: 0;
}

/* ===== КНОПКИ КАТЕГОРИЙ ===== */
.category-buttons-wrapper {
    overflow-x: auto;
    margin: 0 -1rem;
    padding: 0 1rem;
}

.category-buttons-list {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    padding-bottom: 0.5rem;
}

.category-btn {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    padding: 0.5rem 1rem;
    background: white;
    border: 1px solid var(--brand-border, #E5E5E5);
    border-radius: 50px;
    color: var(--brand-text-primary, #222);
    font-size: 0.875rem;
    font-weight: 500;
    text-decoration: none;
    white-space: nowrap;
    transition: all 0.2s ease;
}

.category-btn:hover {
    border-color: var(--brand-accent, #009AA8);
    color: var(--brand-accent, #009AA8);
    text-decoration: none;
}

.category-btn.active {
    background: var(--brand-accent, #009AA8);
    border-color: var(--brand-accent, #009AA8);
    color: white;
}

.category-btn-count {
    color: var(--brand-text-secondary, #656C80);
    font-weight: 400;
}

.category-btn.active .category-btn-count {
    color: rgba(255, 255, 255, 0.8);
}

/* ===== ФИЛЬТР БОКОВОЙ ===== */
.catalog-filter-wrapper {
    position: sticky;
    top: 1rem;
}

.catalog-filter {
    background: white;
    border: 1px solid var(--brand-border, #E5E5E5);
    border-radius: 12px;
    padding: 1.25rem;
}

.catalog-filter-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
    padding-bottom: 0.75rem;
    border-bottom: 1px solid var(--brand-border, #E5E5E5);
}

.catalog-filter-title {
    font-size: 1rem;
    font-weight: 600;
    color: var(--brand-text-primary, #222);
}

.catalog-filter-reset {
    font-size: 0.8125rem;
    color: var(--brand-accent, #009AA8);
}

.filter-section {
    margin-bottom: 1.25rem;
}

.filter-section-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    margin-bottom: 0.75rem;
}

.filter-section-title {
    font-size: 0.9375rem;
    font-weight: 600;
    color: var(--brand-text-primary, #222);
}

.filter-section-toggle {
    font-size: 20px;
    color: var(--brand-text-secondary, #656C80);
    transition: transform 0.2s;
}

.filter-section-header[aria-expanded="false"] .filter-section-toggle {
    transform: rotate(-90deg);
}

/* Чекбоксы фильтра */
.filter-checkboxes {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.filter-checkbox {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    cursor: pointer;
    font-size: 0.875rem;
    color: var(--brand-text-primary, #222);
}

.filter-checkbox input {
    display: none;
}

.filter-checkbox-box {
    width: 18px;
    height: 18px;
    border: 2px solid var(--brand-border, #E5E5E5);
    border-radius: 4px;
    position: relative;
    transition: all 0.2s;
}

.filter-checkbox input:checked + .filter-checkbox-box {
    background: var(--brand-accent, #009AA8);
    border-color: var(--brand-accent, #009AA8);
}

.filter-checkbox input:checked + .filter-checkbox-box::after {
    content: '';
    position: absolute;
    left: 5px;
    top: 2px;
    width: 5px;
    height: 9px;
    border: solid white;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.filter-checkbox-label {
    flex: 1;
}

.filter-checkbox-count {
    color: var(--brand-text-secondary, #656C80);
    font-size: 0.8125rem;
}

.filter-checkbox.disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

/* Диапазон фильтра */
.filter-range-inputs {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.filter-range-inputs input {
    width: 100%;
    text-align: center;
}

.filter-range-separator {
    color: var(--brand-text-secondary, #656C80);
}

/* Кнопка применить */
.filter-actions {
    margin-top: 1.25rem;
    padding-top: 1rem;
    border-top: 1px solid var(--brand-border, #E5E5E5);
}

.filter-apply-btn {
    font-weight: 500;
}

/* ===== ТУЛБАР КАТАЛОГА ===== */
.catalog-toolbar {
    background: white;
    border: 1px solid var(--brand-border, #E5E5E5);
    border-radius: 8px;
    padding: 0.75rem 1rem;
}

.catalog-sort-select {
    min-width: 180px;
    border-color: var(--brand-border, #E5E5E5);
}

/* ===== КАРТОЧКИ ТОВАРОВ (новый стиль) ===== */
.products-grid {
    margin: 0 -0.5rem;
}

.product-col {
    padding: 0.5rem;
}

.product-card {
    background: white;
    border: 1px solid var(--brand-border, #E5E5E5);
    border-radius: 12px;
    overflow: hidden;
    height: 100%;
    transition: all 0.3s ease;
}

.product-card:hover {
    border-color: var(--brand-accent, #009AA8);
    box-shadow: 0 8px 24px rgba(0, 154, 168, 0.12);
}

/* Обёртка изображения с отступами */
.product-card-image-wrapper {
    position: relative;
    padding: 1rem;
    background: #fafafa;
}

.product-card-image-link {
    display: block;
    position: relative;
    padding-top: 100%;
    overflow: hidden;
    border-radius: 8px;
    background: white;
}

.product-card-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.4s ease;
}

.product-card:hover .product-card-image {
    transform: scale(1.05);
}

.product-card-no-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f5f5f5;
}

.product-card-no-image .material-symbols-outlined {
    font-size: 48px;
    color: #ccc;
}

/* Бейджи */
.product-card-badges {
    position: absolute;
    top: 1.5rem;
    left: 1.5rem;
    display: flex;
    flex-wrap: wrap;
    gap: 0.25rem;
    z-index: 2;
}

.product-card-badges .badge {
    font-size: 0.6875rem;
    font-weight: 600;
    padding: 0.25rem 0.5rem;
    border-radius: 4px;
    text-transform: uppercase;
}

.badge-new {
    background: #10B981;
    color: white;
}

.badge-hit {
    background: #F59E0B;
    color: white;
}

.badge-sale {
    background: #EF4444;
    color: white;
}

/* Избранное */
.product-card-favorite {
    position: absolute;
    top: 1.5rem;
    right: 1.5rem;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: white;
    border: none;
    border-radius: 50%;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    cursor: pointer;
    z-index: 2;
    opacity: 0;
    transform: scale(0.8);
    transition: all 0.2s ease;
}

.product-card:hover .product-card-favorite {
    opacity: 1;
    transform: scale(1);
}

.product-card-favorite .material-symbols-outlined {
    font-size: 18px;
    color: #EC4899;
}

.product-card-favorite:hover {
    background: #EC4899;
}

.product-card-favorite:hover .material-symbols-outlined {
    color: white;
}

/* Сравнение */
.product-card-compare {
    position: absolute;
    bottom: 1.5rem;
    right: 1.5rem;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: white;
    border: none;
    border-radius: 50%;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    cursor: pointer;
    z-index: 2;
    opacity: 0;
    transform: scale(0.8);
    transition: all 0.2s ease;
}

.product-card:hover .product-card-compare {
    opacity: 1;
    transform: scale(1);
}

.product-card-compare .material-symbols-outlined {
    font-size: 18px;
    color: var(--brand-accent, #009AA8);
}

.product-card-compare:hover {
    background: var(--brand-accent, #009AA8);
}

.product-card-compare:hover .material-symbols-outlined {
    color: white;
}

/* Информация о товаре */
.product-card-info {
    padding: 1rem;
}

.product-card-title {
    font-size: 0.875rem;
    font-weight: 500;
    color: var(--brand-text-primary, #222);
    text-decoration: none;
    line-height: 1.4;
    margin-bottom: 0.25rem;
    /* 2 строки максимум */
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.product-card-title:hover {
    color: var(--brand-accent, #009AA8);
}

.product-card-material {
    font-size: 0.8125rem;
    color: var(--brand-text-secondary, #656C80);
    margin-bottom: 0.5rem;
}

.product-card-price-row {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    gap: 0.25rem;
}

.product-card-price {
    font-size: 1rem;
    font-weight: 700;
    color: var(--brand-text-primary, #222);
}

.product-card-measure {
    font-size: 0.8125rem;
    color: var(--brand-text-secondary, #656C80);
}

.product-card-old-price {
    font-size: 0.8125rem;
    color: #999;
    text-decoration: line-through;
    margin-left: 0.5rem;
}

.product-card-price-request {
    font-size: 0.875rem;
    color: var(--brand-text-secondary, #656C80);
}

/* Пагинация */
.products-pager {
    display: flex;
    justify-content: center;
}

/* ===== АДАПТИВНОСТЬ КАТАЛОГА ===== */
@media (max-width: 991px) {
    .catalog-filter-col {
        margin-bottom: 1.5rem;
    }

    .catalog-filter-wrapper {
        position: static;
    }

    .product-card-image-wrapper {
        padding: 0.75rem;
    }
}

@media (max-width: 767px) {
    .catalog-main-title {
        font-size: 1.5rem;
    }

    .category-btn {
        padding: 0.375rem 0.75rem;
        font-size: 0.8125rem;
    }

    .catalog-filter-col {
        display: none;
    }

    .catalog-products-col {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .product-card-image-wrapper {
        padding: 0.5rem;
    }

    .product-card-info {
        padding: 0.75rem;
    }

    .product-card-title {
        font-size: 0.8125rem;
    }

    .product-card-price {
        font-size: 0.9375rem;
    }

    .product-card-badges {
        top: 1rem;
        left: 1rem;
    }

    .product-card-favorite,
    .product-card-compare {
        opacity: 1;
        transform: scale(1);
        width: 28px;
        height: 28px;
    }

    .product-card-favorite {
        top: 1rem;
        right: 1rem;
    }

    .product-card-compare {
        bottom: 1rem;
        right: 1rem;
    }
}

/* ===== СТРАНИЦА КОРЗИНЫ ===== */
.cart-page {
    max-width: 1200px;
    margin: 0 auto;
    padding: 20px 1rem 60px;
}

.cart-breadcrumb .breadcrumb {
    margin-bottom: 0;
    padding: 0;
}

.cart-header {
    margin-bottom: 30px;
}

.cart-title {
    font-size: 2rem;
    font-weight: 700;
    color: var(--brand-text-primary, #222);
    margin-bottom: 8px;
    text-transform: none;
}

.cart-subtitle {
    font-size: 1rem;
    margin-bottom: 0;
}

/* Стили для корзины подключаются из компонента sale.basket.basket/cart_main/style.css */

/* ===== КАРТОЧКИ ТОВАРОВ (ПЕРЕОПРЕДЕЛЕНИЕ BITRIX) ===== */
/* Стили для product-item компонента */

.product-item {
    display: block;
    box-sizing: border-box;
    padding: 0;
    width: 100%;
    border: none;
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
    transition: box-shadow 0.2s ease, transform 0.2s ease;
    overflow: hidden;
}

.product-item:hover {
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
    transform: translateY(-2px);
}

/* Квадратное изображение с cover */
.product-item-image-wrapper {
    position: relative;
    display: block;
    margin-bottom: 0;
    padding-top: 100%;
    width: 100%;
    overflow: hidden;
    background: #f8f9fa;
}

.product-item-image-original,
.product-item-image-alternative {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    background-position: center top;
    background-size: cover;
    background-repeat: no-repeat;
    transition: opacity 300ms linear, transform 300ms ease;
}

/* Эффект увеличения при наведении */
.product-item:hover .product-item-image-original,
.product-item:hover .product-item-image-alternative {
    transform: scale(1.05);
}

/* Бейджи товаров */
.product-item-label-text,
.product-item-label-ring {
    position: absolute;
    z-index: 15;
    top: 10px;
    left: 10px;
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
}

.product-item-label-text span {
    display: inline-block;
    margin-bottom: 0;
    background: #22C55E;
    color: #fff;
    border-radius: 20px;
    font-weight: 600;
    font-size: 11px;
    line-height: 1;
    padding: 5px 10px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* Название товара */
.product-item-title {
    overflow: hidden;
    margin: 0;
    padding: 12px 12px 0;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 400;
    font-size: 14px;
    text-align: left;
    line-height: 1.4;
}

.product-item-title a {
    color: #333;
    text-decoration: none;
    transition: color 200ms ease;
}

.product-item-title a:hover {
    color: var(--primary, #2A4B6D);
}

/* Цена */
.product-item-price-container {
    text-align: left;
    line-height: 1;
    padding: 8px 12px 12px;
}

.product-item-price-current {
    color: #222;
    white-space: nowrap;
    font-weight: 600;
    font-size: 16px;
}

.product-item-price-old {
    color: #999;
    text-decoration: line-through;
    white-space: nowrap;
    font-size: 13px;
    margin-right: 8px;
}

/* Big card вариант */
.product-item-big-card .product-item-title { padding: 16px 16px 0; }
.product-item-big-card .product-item-title a { font-size: 16px; }
.product-item-big-card .product-item-price-container { padding: 10px 16px 16px; }
.product-item-big-card .product-item-price-current { font-size: 20px; }

/* Убираем hover-анимацию с абсолютным позиционированием */
.bx-no-touch .product-item-container.hover .product-item {
    position: relative;
    right: auto;
    left: auto;
    padding: 0;
    width: 100%;
    animation: none;
}

/* Мобильные стили */
@media (max-width: 767px) {
    .product-item-title { padding: 10px 10px 0; }
    .product-item-price-container { padding: 6px 10px 10px; }
    .product-item-price-current { font-size: 14px; }
}

/* ===== СКРЫТИЕ СТАНДАРТНОЙ ФОРМЫ ПОИСКА BITRIX ===== */
.search-page form[name="search"],
.search-results-wrapper form[name="search"] {
    display: none !important;
}

/* End */


/* Start:/local/templates/tkanililiya_custom/include/mega_menu.css?17680807806232*/
/* ============================================
   Ткани Лилия - Мега-меню каталога
   ============================================ */

/* Обертка мега-меню */
.mega-menu-wrapper {
	position: relative;
	z-index: 1000;
}

/* Кнопка открытия */
.mega-menu-toggle {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	padding: 0.625rem 1rem;
	background: var(--primary, #2A4B6D);
	color: #fff;
	border: none;
	border-radius: 8px;
	font-size: 0.9375rem;
	font-weight: 600;
	cursor: pointer;
	transition: all 0.2s ease;
}

.mega-menu-toggle:hover {
	background: #1e3a5f;
}

.mega-menu-toggle.active {
	background: #1e3a5f;
	border-radius: 8px 8px 0 0;
}

.mega-menu-toggle-icon .material-symbols-outlined {
	font-size: 22px;
}

.mega-menu-toggle-arrow {
	transition: transform 0.2s ease;
}

.mega-menu-toggle.active .mega-menu-toggle-arrow {
	transform: rotate(180deg);
}

/* Панель мега-меню */
.mega-menu-panel {
	position: absolute;
	top: 100%;
	left: 0;
	width: 100vw;
	max-width: 1140px;
	background: #fff;
	border-radius: 0 12px 12px 12px;
	box-shadow: 0 8px 32px rgba(0, 0, 0, 0.15);
	opacity: 0;
	visibility: hidden;
	transform: translateY(-10px);
	transition: all 0.25s ease;
	z-index: 1001;
}

.mega-menu-panel.active {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}

/* Контейнер внутри панели */
.mega-menu-container {
	display: flex;
	min-height: 400px;
	max-height: calc(100vh - 200px);
}

/* Левая колонка (уровень 1) */
.mega-menu-sidebar {
	width: 240px;
	min-width: 240px;
	background: #f8f9fa;
	border-radius: 0 0 0 12px;
	padding: 0.5rem 0;
	overflow-y: auto;
}

.mega-menu-level1 {
	list-style: none;
	margin: 0;
	padding: 0;
}

.mega-menu-item-l1 {
	position: relative;
}

.mega-menu-link-l1 {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0.75rem 1rem;
	color: #333;
	text-decoration: none;
	font-size: 0.9375rem;
	font-weight: 500;
	transition: all 0.15s ease;
	border-left: 3px solid transparent;
}

.mega-menu-link-l1:hover,
.mega-menu-item-l1.active .mega-menu-link-l1 {
	background: #fff;
	color: var(--primary, #2A4B6D);
	border-left-color: var(--primary, #2A4B6D);
	text-decoration: none;
}

.mega-menu-arrow .material-symbols-outlined {
	font-size: 18px;
	color: #999;
	transition: color 0.15s ease;
}

.mega-menu-item-l1.active .mega-menu-arrow .material-symbols-outlined,
.mega-menu-link-l1:hover .mega-menu-arrow .material-symbols-outlined {
	color: var(--primary, #2A4B6D);
}

/* Правая область (уровни 2 и 3) */
.mega-menu-content {
	flex: 1;
	padding: 1.5rem;
	overflow-y: auto;
}

.mega-menu-subcategories {
	display: none;
}

.mega-menu-subcategories.active {
	display: block;
}

/* Сетка подкатегорий */
.mega-menu-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
	gap: 1.5rem 2rem;
}

/* Колонка с категорией уровня 2 */
.mega-menu-column {
	min-width: 0;
}

/* Ссылка уровня 2 (жирный заголовок) */
.mega-menu-link-l2 {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	margin-bottom: 0.5rem;
	padding-bottom: 0.5rem;
	color: #222;
	font-size: 0.9375rem;
	font-weight: 700;
	text-decoration: none;
	border-bottom: 2px solid #e5e5e5;
	transition: all 0.15s ease;
}

.mega-menu-link-l2:hover {
	color: var(--primary, #2A4B6D);
	border-bottom-color: var(--primary, #2A4B6D);
	text-decoration: none;
}

.mega-menu-count {
	font-size: 0.75rem;
	font-weight: 400;
	color: #888;
	background: #f0f0f0;
	padding: 0.125rem 0.375rem;
	border-radius: 10px;
}

/* Список уровня 3 */
.mega-menu-level3 {
	list-style: none;
	margin: 0;
	padding: 0;
}

.mega-menu-level3 li {
	margin-bottom: 0.25rem;
}

.mega-menu-link-l3 {
	display: block;
	padding: 0.25rem 0;
	color: #555;
	font-size: 0.875rem;
	text-decoration: none;
	transition: color 0.15s ease;
}

.mega-menu-link-l3:hover {
	color: var(--primary, #2A4B6D);
	text-decoration: none;
}

/* Пустой раздел */
.mega-menu-empty {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 200px;
}

/* Кнопка закрытия */
.mega-menu-close {
	position: absolute;
	top: 1rem;
	right: 1rem;
	width: 36px;
	height: 36px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #f0f0f0;
	border: none;
	border-radius: 50%;
	cursor: pointer;
	transition: all 0.15s ease;
}

.mega-menu-close:hover {
	background: #e0e0e0;
}

.mega-menu-close .material-symbols-outlined {
	font-size: 20px;
	color: #666;
}

/* Оверлей */
.mega-menu-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.3);
	opacity: 0;
	visibility: hidden;
	transition: all 0.25s ease;
	z-index: 999;
}

.mega-menu-overlay.active {
	opacity: 1;
	visibility: visible;
}

/* ============================================
   Адаптивность
   ============================================ */

/* Планшет */
@media (max-width: 991px) {
	.mega-menu-panel {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		max-width: 100%;
		height: 100%;
		border-radius: 0;
		transform: translateX(-100%);
	}

	.mega-menu-panel.active {
		transform: translateX(0);
	}

	.mega-menu-container {
		flex-direction: column;
		max-height: 100vh;
		height: 100%;
	}

	.mega-menu-sidebar {
		width: 100%;
		min-width: auto;
		max-height: none;
		border-radius: 0;
		flex-shrink: 0;
	}

	.mega-menu-content {
		flex: 1;
		overflow-y: auto;
	}

	.mega-menu-close {
		top: 0.75rem;
		right: 0.75rem;
		z-index: 10;
	}

	.mega-menu-toggle-text {
		display: none;
	}

	.mega-menu-toggle {
		padding: 0.5rem;
		border-radius: 8px;
	}

	.mega-menu-toggle.active {
		border-radius: 8px;
	}
}

/* Мобильный */
@media (max-width: 575px) {
	.mega-menu-grid {
		grid-template-columns: 1fr;
		gap: 1rem;
	}

	.mega-menu-sidebar {
		padding: 0.25rem 0;
	}

	.mega-menu-link-l1 {
		padding: 0.625rem 1rem;
		font-size: 0.875rem;
	}

	.mega-menu-content {
		padding: 1rem;
	}

	.mega-menu-link-l2 {
		font-size: 0.875rem;
	}

	.mega-menu-link-l3 {
		font-size: 0.8125rem;
	}
}

/* End */


/* Start:/bitrix/components/bitrix/sale.basket.basket.line/templates/.default/style.min.css?17677455584180*/
.bx-basket-block{margin:auto;position:relative;padding-bottom:5px;padding-left:20px;white-space:nowrap;font-size:12px}.bx-basket-block>.fa{position:absolute;top:3px;left:0;width:12px;color:#97a1ab}.bx-basket-block a{margin-right:10px}@media (min-width:768px){.bx-basket-fixed{position:fixed;z-index:100;overflow:hidden;padding-top:10px;width:200px;border:1px solid #f0f0f0;border-radius:1px;background:#fff;box-shadow:0 7px 10px rgba(0,0,0,.15)}.bx-basket-fixed.top{top:10px}.bx-basket-fixed.right{right:10px}.bx-basket-fixed.bottom{bottom:10px}.bx-basket-fixed.left{left:10px}.bx-basket-fixed.bx-max-height{top:10px;bottom:10px}.block-store-catalog-list .bx-basket-fixed.bottom{bottom:140px}.block-store-catalog-list .bx-basket-fixed.left{left:30px}}@media (min-width:768px) and (width <= 992px){.block-store-catalog-list .bx-basket-fixed.bottom{bottom:140px}.block-store-catalog-list .bx-basket-fixed.left{left:30px}}@media (max-width:767px){.bx-basket-fixed{position:fixed;right:0;bottom:0;left:0;z-index:100;overflow:hidden;padding-top:10px;border:1px solid #f0f0f0;border-radius:1px;background:#fff;box-shadow:0 7px 10px rgba(0,0,0,.15)}.bx-basket-item-list{display:none}.block-wrapper .bx-basket-fixed{padding-top:0}.block-wrapper .bx-basket-fixed .bx-hdr-profile{display:flex;justify-content:space-between}.block-wrapper .bx-basket-fixed .bx-hdr-profile .bx-basket-block{padding-bottom:0}}.bx-basket-item-list{position:relative;overflow:hidden;padding-bottom:20px;border-top:1px solid #f7f7f7}.bx-opener .bx-basket-item-list{padding-bottom:75px}.bx-max-height .bx-basket-item-list{position:absolute;right:0;bottom:0;left:0}.bx-closed .bx-basket-item-list{overflow:hidden;height:20px}.bx-basket-item-list-action{position:absolute;right:0;bottom:0;left:0;z-index:120;padding:3px 0;height:20px;background:#f7f7f7;color:#4f4f4f;vertical-align:middle;text-align:center;font-size:12px;line-height:14px;cursor:pointer}.bx-basket-item-list-button-container{position:absolute;right:0;bottom:20px;left:0;padding:10px 0;border-top:1px solid #f7f7f7;background:#fff;text-align:center}.bx-basket-item-list-container{overflow-y:auto;max-height:100%}.bx-basket-item-list-item{position:relative;margin-bottom:15px;padding-top:15px;padding-right:10px;padding-left:10px;border-bottom:1px solid #f7f7f7}.bx-basket-item-list-container .bx-basket-item-list-item:last-child{margin-bottom:0;border-bottom:none}.bx-basket-item-list-item-status{margin:0 10px 20px;padding:3px;border-radius:3px;background:#ebebeb;text-align:center;white-space:normal;font-weight:700;font-size:12px;line-height:16px}.bx-basket-item-list-item-img{position:relative;padding-bottom:5px;text-align:center}.bx-basket-item-list-item-img img{max-width:90px;height:auto;border:1px solid #e6e6e6}.bx-basket-item-list-item-name{padding-bottom:5px}.bx-basket-item-list-item-name a{font-size:13px;line-height:16px}.bx-basket-item-list-item-remove{position:absolute;top:-7px;right:10px;width:20px;height:20px;opacity:.5;cursor:pointer;transition:all .25s linear}.bx-basket-item-list-item-remove:after,.bx-basket-item-list-item-remove:before{position:absolute;top:50%;left:50%;display:block;width:10px;height:2px;border-radius:1px;background-color:#333;content:"";transform:translate(-50%,-50%)}.bx-basket-item-list-item-remove:after{-webkit-transform:translate(-50%,-50%) rotate(45deg);-moz-transform:translate(-50%,-50%) rotate(45deg);-ms-transform:translate(-50%,-50%) rotate(45deg);-o-transform:translate(-50%,-50%) rotate(45deg);transform:translate(-50%,-50%) rotate(45deg)}.bx-basket-item-list-item-remove:before{-webkit-transform:translate(-50%,-50%) rotate(135deg);-moz-transform:translate(-50%,-50%) rotate(135deg);-ms-transform:translate(-50%,-50%) rotate(135deg);-o-transform:translate(-50%,-50%) rotate(135deg);transform:translate(-50%,-50%) rotate(135deg)}.bx-basket-item-list-item-remove:hover{opacity:.7}.bx-basket-item-list-item-price-block{padding-bottom:5px;font-size:12px}.bx-basket-item-list-item-price,.bx-basket-item-list-item-price-old{display:inline-block;margin-right:5px}.bx-basket-item-list-item-price-old{color:#b0b0b0;text-decoration:line-through}.bx_cart_login_top .bx-hdr-profile{line-height:1.44em}
/* End */
/* /local/templates/tkanililiya_custom/fonts.css?17680807801226 */
/* /local/templates/tkanililiya_custom/template_styles.min.css?17680807808037 */
/* /local/templates/tkanililiya_custom/colors.min.css?17680807801987 */
/* /local/templates/tkanililiya_custom/custom_styles.css?176808078031964 */
/* /local/templates/tkanililiya_custom/include/mega_menu.css?17680807806232 */
/* /bitrix/components/bitrix/sale.basket.basket.line/templates/.default/style.min.css?17677455584180 */