/* 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/catalog/catalog/bitrix/catalog.section.list/catalog-sections/style.min.css?17709425721168*/
.catalog_sections_item{position:relative;height:300px;margin-bottom:30px;text-decoration:none;color:var(--c1);transition:var(--animation1);display:block;background-size:cover;background-position:center;background-repeat:no-repeat;border-radius:var(--radius1)}@media (max-width:992px){.catalog_sections_item{height:300px;border-bottom:1px var(--c4) solid;margin-bottom:10px}}.catalog_sections_item strong{border-radius:0 0 var(--radius1) var(--radius1);position:absolute;bottom:0;left:0;width:100%;background:rgba(255,255,255,.95);padding:20px;font-size:17px;transition:var(--animation1)}@media (max-width:1200px){.catalog_sections_item strong{font-size:17px;padding:20px}}.catalog_sections_item strong small{font-size:14px;font-weight:400;display:block}.catalog_sections_item strong span{color:var(--c0);display:flex;align-items:center;margin-top:5px;font-size:14px;gap:6px;font-weight:400}.catalog_sections_item strong span svg{fill:var(--c0)}.catalog_sections_item strong span:hover{color:#fff}.catalog_sections_item:hover{box-shadow:var(--shadow1)}.catalog_sections_item:hover img{opacity:.8}.catalog_sections_item:hover strong{background:rgba(0,0,0,.7);color:#fff}
/* End */


/* Start:/local/inspire/bento.css?17911963523558*/
.bento-wrap { margin-bottom: 30px; }
.bento { display: grid; grid-template-columns: repeat(4, 1fr); grid-auto-rows: 220px; gap: 14px; }
.bento .bento-it.b-big { grid-column: span 2; grid-row: span 2; }
.bento .bento-it.b-w2 { grid-column: span 2; }
.bento .bento-it.b-w4 { grid-column: span 4; }
.bento-it { position: relative; display: block; overflow: hidden; border-radius: 18px; background: #e9ebef; color: #fff; text-decoration: none; transform: translateZ(0); transition: transform .35s cubic-bezier(.2,.7,.2,1), box-shadow .35s; }
.bento-it:hover { transform: translateY(-4px); box-shadow: 0 18px 40px rgba(0,0,0,.18); color: #fff; }
.bento-ph, .bento-img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.bento-img { opacity: 0; transition: opacity 1.4s ease; }
.bento-img.is-on { opacity: 1; }
.bento-img picture { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.bento-img img { position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; max-width: none !important; object-fit: cover; }
.bento-img.is-on img { animation: bentoKb 9s ease-out both; }
@keyframes bentoKb { from { transform: scale(1); } to { transform: scale(1.09); } }
.bento-it:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(180deg, rgba(0,0,0,0) 42%, rgba(0,0,0,.62)); pointer-events: none; }
.bento-cap { position: absolute; left: 20px; right: 72px; bottom: 18px; z-index: 2; display: flex; flex-direction: column; gap: 4px; }
.bento-name { font-size: 22px; font-weight: 700; line-height: 1.15; text-shadow: 0 1px 12px rgba(0,0,0,.25); }
.bento .b-big .bento-name { font-size: 32px; }
.bento-cnt { font-size: 13px; opacity: .85; }
.bento-go { position: absolute; right: 16px; bottom: 16px; z-index: 2; width: 42px; height: 42px; border-radius: 50%; background: rgba(255,255,255,.92); display: flex; align-items: center; justify-content: center; opacity: 0; transform: translateX(-8px); transition: opacity .3s, transform .3s; }
.bento-go svg { fill: #1d1d1f; }
.bento-it:hover .bento-go { opacity: 1; transform: none; }
@media (hover: none) { .bento-go { opacity: 1; transform: none; } }
@media (max-width: 1100px) { .bento { grid-auto-rows: 170px; gap: 10px; } .bento .b-big .bento-name { font-size: 26px; } }
@media (max-width: 768px) {
  .bento { grid-template-columns: 1fr 1fr; grid-template-rows: 200px; grid-auto-rows: 150px; gap: 8px; }
  .bento .bento-it.b-big, .bento .bento-it.b-w2, .bento .bento-it.b-w4 { grid-column: auto; grid-row: auto; }
  .bento .bento-it.b-m2 { grid-column: span 2; }
  .bento-it { border-radius: 12px; }
  .bento-cap { left: 12px; right: 48px; bottom: 10px; gap: 2px; }
  .bento-name { font-size: 16px; }
  .bento .b-big .bento-name { font-size: 22px; }
  .bento-cnt { font-size: 11px; }
  .bento-go { right: 10px; bottom: 10px; width: 32px; height: 32px; }
}
@media (prefers-reduced-motion: reduce) { .bento-img.is-on img { animation: none; } .bento-it { transition: none; } }
/* 05.10.2026: строка под заголовком главной (салон, живое число образцов) */
.main_page_sections.bento-wrap h1 { padding-bottom: 8px; }
@media (max-width: 992px) { .main_page_sections.bento-wrap h1 { padding-bottom: 6px; } }
.bento-sub { margin: 0 auto 24px; max-width: 760px; color: #6b6f76; font-size: 15px; line-height: 1.45; text-align: center; text-wrap: balance; }
@media (max-width: 768px) { .bento-sub { margin-bottom: 16px; font-size: 13px; } }

/* End */
/* /local/templates/myplitka/components/bitrix/catalog/catalog/style.min.css?17912081515553 */
/* /local/templates/myplitka/components/bitrix/catalog/catalog/bitrix/catalog.section.list/catalog-sections/style.min.css?17709425721168 */
/* /local/inspire/bento.css?17911963523558 */