/* Start:/local/templates/myplitka/components/bitrix/catalog/catalog/style.min.css?17912081515553*/
.pict_slider span.controls,.section_grid{display:flex;flex-wrap:wrap}.section_grid aside{width:240px;padding-top:10px}@media (max-width:1200px){.section_grid aside{width:200px}}@media (max-width:768px){.section_grid aside{width:100%}}.section_grid article{width:calc(100% - 240px);padding-left:30px}@media (max-width:1200px){.section_grid article{width:calc(100% - 200px)}}@media (max-width:768px){.section_grid article{width:100%;padding-left:0}}.section_header h1{margin:10px 0 20px}.sortline,.sortline button{border-radius:var(--radius1)}.sortline{width:100%;padding:5px 15px;display:flex;align-items:center;gap:10px;background:var(--c4);margin:20px 0 15px;font-size:13px;font-weight:600}.sortline_title{color:var(--c3)}.sortline button{height:30px;border:1px rgba(255,255,255,.4) solid;color:var(--c0);background:#fff;padding:0 10px;transition:var(--animation1)}.sortline button:hover{background:var(--c0);color:#fff}.sortline button.s_selected{background:var(--c1);color:#fff}.colle_switcher{display:flex;margin-bottom:30px}@media (max-width:768px){.colle_switcher{margin-bottom:15px}}.colle_switcher_form{display:flex;border:1px var(--c4) solid;border-radius:var(--radius1);overflow:hidden;width:auto}.colle_switcher_form button{display:flex;align-items:center;padding:0 30px;height:35px;transition:var(--animation1);color:#333;-webkit-appearance:none}.colle_switcher_form button:hover{background:var(--c4)}.colle_switcher_form button.itactived_btn{background:var(--c0);color:#fff}.colle_switcher_form button.itactived_btn:hover{background:var(--c0)}.collections_description{margin:10px 0}.collections_description_manager{display:flex;align-items:center;margin-top:15px}@media (max-width:768px){.collections_description_manager{flex-direction:column;gap:10px}}.collections_description_manager strong{width:calc(100% - 250px);padding-left:30px;font-weight:400;font-size:14px;line-height:20px;color:#666}@media (max-width:768px){.collections_description_manager strong{width:100%;padding-left:0}}.collections_description_manager span{color:var(--c0);cursor:pointer}.pict_slider{position:relative;aspect-ratio:3/2}.pict_slider ul{list-style:none;margin:0;padding:0}.pict_slider ul span{aspect-ratio:3/2;height:auto;display:block;background-size:cover;background-position:center;background-repeat:no-repeat;border-radius:var(--radius1)}@media (max-width:768px){.pict_slider{aspect-ratio:4/3}.pict_slider ul span{aspect-ratio:4/3}}.pict_slider span.controls{position:absolute;bottom:5px;justify-content:space-between;width:100%;z-index:110}.pict_slider span.controls ol{text-align:center;padding:0;width:100%;position:absolute;bottom:0}.pict_slider span.controls ol li{display:inline-block;margin:0 3px;transition:var(--animation1)}.pict_slider span.controls ol li span{font-size:0;width:20px;display:block;height:4px;border-radius:5px;background:var(--c2);cursor:pointer;transition:var(--animation1)}.pict_slider span.controls ol li.current span{width:40px;background:var(--c0)}.pict_slider .nextBtn,.pict_slider .prevBtn{width:40px;height:40px;background:rgba(255,255,255,.7);border-radius:100%;display:flex;align-items:center;justify-content:center;top:-175px;position:relative}.pict_slider .nextBtn svg,.pict_slider .prevBtn svg{width:20px;height:30px}.pict_slider .prevBtn{right:-15px}.pict_slider .nextBtn{transform:rotate(180deg);left:-15px}.btn-up{position:fixed;width:100%;z-index:900;bottom:0;transition:var(--animation1);cursor:pointer;padding-left:20px;display:none}@media (max-width:768px){.btn-up{display:flex;bottom:46px;border-bottom:none}}.btn-up .btn2{width:155px;height:35px;box-shadow:var(--shadow1)}.btn-up_hide{bottom:-52px}
.pict_slider span.controls{top:0;align-items:center;pointer-events:none}.pict_slider span.controls>*{pointer-events:auto}.pict_slider .nextBtn,.pict_slider .prevBtn{top:0}

/* 05.10.2026: сортировка ссылками (?sort=…) — вид как у прежних кнопок */
.sortline a { display: inline-flex; align-items: center; height: 30px; padding: 0 10px; border: 1px rgba(255, 255, 255, .4) solid; border-radius: var(--radius1); color: var(--c0); background: #fff; text-decoration: none; transition: var(--animation1); }
.sortline a:hover { background: var(--c0); color: #fff; }
.sortline a.s_selected { background: var(--c1); color: #fff; }

/* 05.10.2026: сортировка — панель от 769px (раньше скрывалась уже до 992px), на телефоне — «Фильтр» + «Сортировка» одной строкой */
.plk-sortline { flex-wrap: wrap; row-gap: 6px; }
.plk-mbar { display: none; }
.visually-hidden { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
@media (max-width: 768px) {
  .plk-sortline { display: none !important; }
  .plk-mbar { display: flex; gap: 8px; margin: 0 0 15px; }
  .plk-mbar .mobile_filter_button { flex: 1 1 0; width: auto !important; margin: 0 !important; }
  .plk-sort-mob { flex: 1 1 0; min-width: 0; }
  .plk-sort-mob select { width: 100%; height: 100%; min-height: 42px; padding: 0 32px 0 12px; border: 1px solid var(--c0); border-radius: var(--radius1);
    background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23008984' stroke-width='2'/%3E%3C/svg%3E") no-repeat right 12px center;
    color: var(--c0); font: inherit; font-size: 14px; -webkit-appearance: none; appearance: none; text-overflow: ellipsis; }
}

/* End */


/* Start:/local/templates/myplitka/components/bitrix/menu/aside/style.min.css?1770942573543*/
.aside_menu{list-style:none;margin:0;padding:0;border:1px #ddd dotted;border-radius:var(--radius1);overflow:hidden;transition:var(--animation1)}.aside_menu:hover{box-shadow:var(--shadow1)}@media (max-width:768px){.aside_menu{display:none}}.aside_menu li a{display:block;padding:10px 15px;border-bottom:1px var(--c4) dotted;text-decoration:none;color:var(--c1);transition:var(--animation1)}.aside_menu li a:hover{color:#fff;background:var(--c0)}.aside_menu li:last-child a{border-bottom:none}.selected{color:#fff!important;background:var(--c0)}
/* End */


/* Start:/local/templates/myplitka/components/bitrix/catalog.smart.filter/smart.mobile.filter/style.min.css?17904897774708*/
.smart-filter{margin-top:20px;font-size:14px;border-radius:var(--radius1)}@media (max-width:992px){.smart-filter{padding:15px 15px 0;border:0}}.smart-filter_title{font-weight:700;margin:0 0 5px;color:var(--c1)}.smart-filter-parameters-box{border:dashed 1px #ddd;padding:15px;margin-bottom:10px;border-radius:var(--radius1);transition:var(--animation1)}.smart-filter-parameters-box:hover{box-shadow:var(--shadow1)}.smart-filter-parameters-box .bx_filter_block_expanded{display:none}.smart-filter-parameters-box.bx-active .bx_filter_block_expanded{display:block}.smart-filter-digits{display:flex;justify-content:space-between}.smart-filter-digits input{width:48%;text-align:center;background:#fff;height:40px;border:1px #ddd dashed}.smart-filter_checkbox input,.smart-filter_radio input{display:none;position:absolute;left:-9999999999px}.smart-filter_radio label{height:30px;line-height:30px;margin:0 3px 3px 0;display:inline-block;cursor:pointer;font-size:14px;padding:0 12px;background:#fff;color:#444}.smart-filter_radio input:checked+label{background:var(--c0);color:#fff}.smart-filter_checkbox{max-height:300px;overflow-y:scroll}.smart-filter_checkbox label{display:flex;color:#444;margin:5px 0}.smart-filter_checkbox label span{width:calc(100% - 18px);padding-left:7px;text-transform:lowercase}.smart-filter_checkbox label span:first-letter{text-transform:uppercase}.smart-filter_checkbox label i{width:17px;position:relative;bottom:-4px;height:17px;background:url(/local/templates/myplitka/components/bitrix/catalog.smart.filter/smart.mobile.filter/images/chb.svg)no-repeat;background-position:bottom}.smart-filter_checkbox input:checked+label i{background-position:top}.smart-filter_bottons{margin:10px 0 30px;display:flex;flex-wrap:wrap;flex-direction:column}@media (max-width:992px){.smart-filter_bottons{margin:0 15px 30px}}.smart-filter_bottons input#del_filter{background:0 0;color:#888;height:35px;margin-top:10px;border:0;cursor:pointer}.smart-filter-container-modef{position:relative;width:100%;display:block;clear:both}.smart-filter-popup-result{position:absolute;right:-90%;z-index:1000;width:185px;height:72px;display:flex;align-items:center;padding:6px 0 0 30px;background:url(/local/templates/myplitka/components/bitrix/catalog.smart.filter/smart.mobile.filter/images/pop2.svg);background-repeat:no-repeat;color:#fff}@media (max-width:992px){.smart-filter-popup-result{position:fixed;background:var(--c0);padding:10px 15px;bottom:48px;left:0;width:100%}}.smart-filter-popup-result a{color:var(--color2);text-decoration:underline;display:block}.smart-filter-popup-result a:hover{color:#fff}.smart-filter-slider-track-container{overflow:hidden;padding:20px 10px 10px}.smart-filter-slider-track{position:relative;height:4px;border-radius:2px;background:#e1e1e1}.smart-filter-slider-ruler{position:absolute;top:-6px;width:1px;height:17px;background:#a2bfc7}.smart-filter-slider-ruler span{position:absolute;top:-16px;left:50%;display:block;margin-left:-50px;width:100px;color:#000;text-align:center;font-size:11px}.smart-filter-slider-range{z-index:50}.smart-filter-slider-price-bar,.smart-filter-slider-price-bar-v,.smart-filter-slider-price-bar-vd,.smart-filter-slider-price-bar-vn,.smart-filter-slider-range{position:absolute;top:0;bottom:0}.smart-filter-slider-price-bar-v{background:var(--color5)}.smart-filter-slider-handle{position:absolute;top:100%;margin-top:-9px;width:15px;z-index:100;height:15px;background:var(--c1);border-radius:100%}.smart-filter-slider-handle:hover{cursor:grab;z-index:110}.smart-filter-slider-handle:active{cursor:grabbing;z-index:110}.smart-filter-slider-handle.left{left:0;margin-left:-5px}.smart-filter-slider-handle.right{right:0;margin-right:-5px}.mobile_filter_button{display:none!important;margin-bottom:15px}@media (max-width:768px){.mobile_filter_button{display:inline-block!important;width:100%;color:#fff;border:0}.mobile_filter_panel{position:fixed;overflow-y:scroll;width:270px;height:100vh;background:#fff;top:0;left:-270px;z-index:1000;transition:var(--animation1);padding-bottom:40px}}.mobile_filter_panel_show{left:0}@media (max-width:992px){.mobile_filter_panel_over{position:fixed;transition:var(--animation1);width:100%;height:100vh;left:0;top:0;display:none;z-index:900;background:rgba(0,0,0,.7)}.mobile_filter_panel_over_show{display:block}}
.plk-hint-btn{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;margin-left:6px;border-radius:50%;background:var(--c4,#e6e6e6);color:#555;font-size:12px;font-weight:700;line-height:1;cursor:pointer;vertical-align:1px}.plk-hint-btn:hover,.plk-hint-open .plk-hint-btn{background:var(--c0,#2f7d7a);color:#fff}.plk-hint{display:none;margin:6px 0 10px;padding:10px 12px;border-radius:10px;background:#f4f7f7;color:#444;font-size:13px;line-height:1.45;font-weight:400}.plk-hint b{font-weight:700}.plk-hint-open .plk-hint{display:block}

/* End */


/* Start:/local/templates/myplitka/components/bitrix/catalog.section.list/small_tiles/style.min.css?17914750738322*/
/* 1. Контейнер сетки — 4 колонки на мобильных, 8 на ПК */
.cat-minimal-wrapper {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 15px 5px !important;
    padding: 20px 0 !important;
    width: 100% !important;
    clear: both;
}

/* 2. Элемент категории */
.cat-minimal-item {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-decoration: none !important;
    transition: transform 0.2s ease !important;
}

.cat-minimal-item:hover {
    transform: translateY(-3px) !important;
}

/* 3. Круглая иконка */
.cat-minimal-img-circle {
    width: 65px !important; /* Оптимально для мобильных при 4 в ряд */
    height: 65px !important;
    border-radius: 50% !important;
    overflow: hidden !important;
    border: 1px solid #e0e0e0 !important;
    background: #fff !important;
    margin-bottom: 8px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-shadow: 0 2px 6px rgba(0,0,0,0.05) !important;
    transition: all 0.2s ease !important;
}

.cat-minimal-img-circle img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important; /* Чтобы товар не обрезался */
    padding: 8px !important; /* Внутренний отступ для красоты */
    transition: transform 0.3s ease !important;
}

/* Эффект на иконку при наведении */
.cat-minimal-item:hover .cat-minimal-img-circle {
    border-color: #008984 !important; /* Цвет вашего бренда */
    box-shadow: 0 4px 10px rgba(0,0,0,0.12) !important;
}

.cat-minimal-item:hover .cat-minimal-img-circle img {
    transform: scale(1.1) !important;
}

/* 4. Название категории (Комфортный шрифт) */
.cat-minimal-name {
    font-size: 12px !important; /* Увеличен для читаемости */
    color: #333 !important;
    font-weight: 500 !important;
    text-align: center !important;
    line-height: 1.1 !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important; /* Максимум 2 строки */
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    height: 2.2em !important; /* Удерживает ровную линию сетки */
}

/* --- АДАПТИВНОСТЬ --- */

/* Планшеты (от 768px) — 6 в ряд */
@media (min-width: 768px) {
    .cat-minimal-wrapper {
        grid-template-columns: repeat(6, 1fr) !important;
        gap: 20px 10px !important;
    }
    .cat-minimal-img-circle {
        width: 90px !important;
        height: 90px !important;
    }
}

/* Большие экраны ПК (от 1100px) — 8 в ряд */
@media (min-width: 1100px) {
    .cat-minimal-wrapper {
        grid-template-columns: repeat(8, 1fr) !important;
    }
    .cat-minimal-img-circle {
        width: 100px !important;
        height: 100px !important;
    }
    .cat-minimal-name {
        font-size: 13px !important; /* На ПК можно чуть побольше */
    }
}
/* cs-fix-grid: равные колонки + перенос длинных названий (Полотенцесушители и т.п.) */
.cat-minimal-wrapper { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; }
.cat-minimal-item { min-width: 0 !important; }
.cat-minimal-name {
    max-width: 100% !important;
    overflow-wrap: anywhere !important;
    -webkit-hyphens: auto !important;
    hyphens: auto !important;
}
@media (min-width: 768px) {
    .cat-minimal-wrapper { grid-template-columns: repeat(6, minmax(0, 1fr)) !important; }
}
@media (min-width: 1100px) {
    .cat-minimal-wrapper { grid-template-columns: repeat(8, minmax(0, 1fr)) !important; }
}

/* 05.10.2026 вариант Б (решение Сергея): плитки «фото + название + число товаров» — названия не рвутся и не обрезаются */
.cat-cards.cat-minimal-wrapper { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 10px !important; }
.cat-cards .cat-minimal-item { flex-direction: row !important; align-items: center !important; gap: 10px; padding: 8px 10px 8px 8px; border: 1px solid #e6e6e6; border-radius: 14px; background: #fff; transition: border-color .2s ease, box-shadow .2s ease !important; }
.cat-cards .cat-minimal-item:hover { transform: none !important; border-color: #008984; box-shadow: 0 4px 12px rgba(0, 0, 0, .07); }
.cat-cards .cat-minimal-img-circle { width: 46px !important; height: 46px !important; flex: none; margin: 0 !important; }
.cat-cards .cat-minimal-img-circle img { padding: 4px !important; }
.cat-cards .cat-minimal-name { display: block !important; -webkit-line-clamp: unset !important; height: auto !important; overflow: visible !important; text-align: left !important;
  -webkit-hyphens: manual !important; hyphens: manual !important; overflow-wrap: normal !important; word-break: normal !important; line-height: 1.25 !important; font-size: 13px !important; }
.cat-cards .cat-minimal-cnt { display: block; margin-top: 3px; color: #8a8a8a; font-size: 12px; font-weight: 400; }
@media (min-width: 768px) { .cat-cards.cat-minimal-wrapper { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 12px !important; } }
@media (min-width: 1100px) { .cat-cards.cat-minimal-wrapper { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; } .cat-cards .cat-minimal-img-circle { width: 58px !important; height: 58px !important; } .cat-cards .cat-minimal-name { font-size: 14px !important; } }

/* 05.10.2026 v2 (решение Сергея): без кружков. Телефон — фото 72 px слева (вариант А), планшет и компьютер — фото сверху крупно (вариант В) */
.cat-cards .cat-minimal-img-circle { width: 72px !important; height: 72px !important; border: 0 !important; border-radius: 8px !important; box-shadow: none !important; background: transparent !important; }
.cat-cards .cat-minimal-img-circle img { padding: 0 !important; }
.cat-cards .cat-minimal-item:hover .cat-minimal-img-circle { box-shadow: none !important; }
@media (min-width: 768px) {
  .cat-cards.cat-minimal-wrapper { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; gap: 14px !important; }
  .cat-cards .cat-minimal-item { flex-direction: column !important; align-items: stretch !important; gap: 0; padding: 0 !important; overflow: hidden; }
  .cat-cards .cat-minimal-img-circle { width: 100% !important; height: 140px !important; border-radius: 0 !important; background: #f4f5f5 !important; }
  .cat-cards .cat-minimal-img-circle img { padding: 10px !important; mix-blend-mode: multiply; }
  .cat-cards .cat-minimal-name { padding: 10px 12px 12px; }
}
@media (min-width: 1100px) {
  .cat-cards.cat-minimal-wrapper { grid-template-columns: repeat(5, minmax(0, 1fr)) !important; }
  .cat-cards .cat-minimal-img-circle { width: 100% !important; height: 150px !important; }
}

/* 08.10.2026 (Сергей, iPhone 11 Pro): на узких телефонах (≤ 420 px) в 2 столбца с фото слева на текст ~66 px — «Стеклянная», «натурального»,
   «Керамическая» вылезали из карточки. Здесь фото сверху на всю ширину карточки, название под ним; длинное слово переносится, а не вылезает. */
.cat-cards .cat-minimal-name { min-width: 0; overflow-wrap: anywhere !important; }
@media (max-width: 420px) {
  .cat-cards.cat-minimal-wrapper { gap: 10px !important; }
  .cat-cards .cat-minimal-item { flex-direction: column !important; align-items: stretch !important; gap: 0; padding: 0 !important; overflow: hidden; }
  .cat-cards .cat-minimal-img-circle { width: 100% !important; height: 104px !important; border-radius: 0 !important; background: #f4f5f5 !important; }
  .cat-cards .cat-minimal-img-circle img { padding: 8px !important; mix-blend-mode: multiply; }
  .cat-cards .cat-minimal-name { padding: 8px 10px 10px; font-size: 13.5px !important; }
}

/* End */
/* /local/templates/myplitka/components/bitrix/catalog/catalog/style.min.css?17912081515553 */
/* /local/templates/myplitka/components/bitrix/menu/aside/style.min.css?1770942573543 */
/* /local/templates/myplitka/components/bitrix/catalog.smart.filter/smart.mobile.filter/style.min.css?17904897774708 */
/* /local/templates/myplitka/components/bitrix/catalog.section.list/small_tiles/style.min.css?17914750738322 */