/* Start:/local/templates/grandis26/components/bitrix/catalog/catalog/style.css?179153719014819*/
.catalog_systems_guide_wrap {
    flex: 0 0 100%;
    align-self: flex-start;
    width: 100%;
    max-width: 100%;
    padding: 32px 0 0;
    box-sizing: border-box;
    clear: both;
}

.catalogTwo-section-under-form-desc .catalog_systems_guide_wrap {
    width: calc(100% + 60px);
    max-width: none;
    margin-left: -30px;
}

.catalogTwo-section-under-form-desc > .container > .catalog_systems_guide {
    box-sizing: border-box;
    width: calc(100% + 60px);
    max-width: none;
    margin-left: -30px;
}

.catalog_systems_overview {
    display: block;
    border-left: 3px solid #ffd400;
    padding-left: 22px;
    margin: 0 0 32px;
}

.catalog_systems_overview_accent {
    display: none;
}

.catalog_systems_overview h2 {
    max-width: 100%;
    margin: 0 0 12px;
    color: #303030;
    font-size: 20px;
    line-height: 1.35;
    font-weight: 600;
    text-transform: none;
}

.catalog_systems_overview p {
    max-width: 100%;
    margin: 0;
    color: #777;
    font-size: 14px;
    line-height: 1.72;
    font-weight: 400;
}

.catalog_systems_guide .catalog_systems_overview_content {
    min-width: 0;
    max-width: 100%;
}

.catalog_systems_guide .catalog_systems_guide_intro {
    margin-bottom: 18px;
}

.catalog_systems_topics {
    max-width: 100%;
    border-top: 1px solid #ececec;
}

.catalog_systems_topic {
    border-bottom: 1px solid #ececec;
}

.catalog_systems_topic summary {
    position: relative;
    display: block;
    padding: 15px 38px 15px 0;
    color: #555;
    font-size: 14px;
    line-height: 1.45;
    font-weight: 500;
    list-style: none;
    cursor: pointer;
}

.catalog_systems_topic summary::-webkit-details-marker {
    display: none;
}

.catalog_systems_topic summary::after {
    content: "+";
    position: absolute;
    top: 9px;
    right: 5px;
    color: #999;
    font-size: 22px;
    line-height: 1;
    font-weight: 300;
    transition: color 0.25s ease, transform 0.32s ease;
}

.catalog_systems_topic[open] summary::after {
    content: "−";
    color: #777;
    transform: rotate(180deg);
}

.catalog_systems_topic_body {
    display: block !important;
    height: auto;
    overflow: hidden;
    opacity: 0;
}

.catalog_systems_topic[open] > .catalog_systems_topic_body {
    opacity: 1;
}

.catalog_systems_guide--enhanced .catalog_systems_topic_body {
    height: 0;
    transition: height 0.38s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.24s ease;
}

.catalog_systems_topic .catalog_systems_topic_body p {
    margin: 0 38px 16px 0;
}

.catalog_systems_guide .catalog_systems_guide_source {
    margin-top: 16px;
    color: #aaa;
    font-size: 12px;
    line-height: 1.55;
}

@media (prefers-reduced-motion: reduce) {
    .catalog_systems_topic_body,
    .catalog_systems_topic summary::after {
        transition: none;
    }
}

@media (max-width: 768px) {
    .catalog_systems_guide_wrap {
        padding-top: 24px;
    }

    .catalogTwo-section-under-form-desc .catalog_systems_guide_wrap {
        width: calc(100% + 40px);
        margin-left: -20px;
    }

    .catalogTwo-section-under-form-desc > .container > .catalog_systems_guide {
        width: calc(100% + 40px);
        margin-left: -20px;
    }

    .catalog_systems_overview {
        padding-left: 16px;
        margin-bottom: 24px;
    }

    .catalog_systems_overview h2 {
        font-size: 18px;
    }

    .catalog_systems_overview p {
        font-size: 13px;
        line-height: 1.68;
    }

    .catalog_systems_topic summary {
        padding-right: 32px;
        font-size: 13px;
    }

    .catalog_systems_topic .catalog_systems_topic_body p {
        margin-right: 28px;
    }
}

/* Approved specification tables, GEO-07. */
.grandis_guide_specs { width:100%; max-width:100%; border-collapse:collapse; margin:0 0 20px; color:#777; font-size:14px; line-height:1.72; table-layout:fixed; }
.grandis_guide_specs caption { text-align:left; padding:0 0 8px; color:#555; font-weight:500; }
.grandis_guide_specs th,.grandis_guide_specs td { text-align:left; padding:8px 0; border-bottom:1px solid #ececec; vertical-align:top; overflow-wrap:anywhere; }
.grandis_guide_specs th { width:62%; padding-right:18px; font-weight:400; }
.grandis_guide_specs td { width:38%; font-weight:500; color:#555; }
.catalog_systems_overview a { color:#555; text-decoration:underline; text-underline-offset:3px; }
.grandis_product_guide_wrap { padding-top:32px; }
@media (max-width:768px) { .grandis_guide_specs { font-size:13px; line-height:1.68; } .grandis_guide_specs th { width:58%; padding-right:12px; } .grandis_guide_specs td { width:42%; } .grandis_product_guide_wrap { padding-top:24px; } }


/* GRANDIS catalog clouds: approved compact navigation */
.grandis_systems_catalog_header { margin-bottom: 8px !important; padding-bottom: 0 !important; }
.grandis_systems_clouds { margin: 8px 0 16px; color: #303030; }
.grandis_systems_clouds a, .grandis_systems_clouds button { font-family: inherit; color: inherit; text-decoration: none; cursor: pointer; white-space: nowrap; }
.grandis_systems_sections { display: flex; flex-wrap: wrap; gap: 8px; }
.grandis_systems_section { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 44px; border: 1px solid #d8d8d8; border-radius: 24px; padding: 9px 15px; background: #fff; font-size: 14px; font-weight: 600; line-height: 1.4; transition: background-color .18s, border-color .18s; }
.grandis_systems_section:hover { border-color: #b5a030; background: #fffbed; }
.grandis_systems_section[aria-current="true"] { background: #FFD400; border-color: #FFD400; }
.grandis_systems_section_count { font-size: 12px; font-weight: 500; color: #555; }
.grandis_systems_name_short { display: none; }
.grandis_systems_types { margin-top: 8px; }
.grandis_systems_sr_only, .grandis_systems_types_label { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
.grandis_systems_filters { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.grandis_systems_filter { display: inline-flex; align-items: center; gap: 7px; min-height: 44px; border: 1px solid #e2e2e2; border-radius: 24px; padding: 9px 14px; background: #fafafa; font-size: 14px; font-weight: 400; line-height: 1.5; transition: border-color .18s, background-color .18s; }
.grandis_systems_filter:hover { background: #fffbed; border-color: #ccb234; }
.grandis_systems_filter[aria-pressed="true"], .grandis_systems_filter[aria-pressed="true"]:hover { background: #e7e7e7; border-color: #b8b8b8; font-weight: 600; }
.grandis_systems_filter_count { color: #626262; font-size: 12px; font-weight: 400; }
.grandis_systems_clouds a:focus-visible, .grandis_systems_clouds button:focus-visible { outline: 3px solid #303030; outline-offset: 3px; }
.grandis_systems_filter:disabled { color: #595959; cursor: default; }
.grandis_systems_reset { border: 0; background: transparent; padding: 9px 8px; font-size: 13px; text-decoration: underline !important; text-underline-offset: 3px; min-height: 44px; }
.grandis_systems_grid .catalog-item[hidden], .grandis_systems_clouds [hidden] { display: none !important; }
.grandis_systems_empty { padding: 24px 0; color: #595959; }
@media (max-width: 768px) {
 .grandis_systems_clouds { margin: 8px 0 14px; }
 .grandis_systems_sections { gap: 8px; }
 .grandis_systems_section { min-height: 44px; padding: 9px 10px; gap: 5px; font-size: 12px; }
 .grandis_systems_name_full { display: none; }
 .grandis_systems_name_short { display: inline; }
 .grandis_systems_section_count { display: none; }
 .grandis_systems_filter { font-size: 12px; padding: 9px 10px; gap: 5px; }
 .grandis_systems_filter_count { font-size: 11px; }
 .grandis_systems_reset { font-size: 12px; padding: 9px 7px; }
}
@media (prefers-reduced-motion: reduce) { .grandis_systems_clouds a, .grandis_systems_clouds button { transition: none; } }

.grandis_catalog_cloud_header { padding-bottom: 0 !important; margin-bottom: 8px !important; }
.grandis_catalog_cloud_header .catalog-header-left { width: 100%; flex: 0 0 100%; }
.grandis_catalog_cloud_header .catalog-header-right { width: 100%; flex: 0 0 100%; margin: 8px 0 0; }
.grandis_catalog_sections_cloud { display: flex !important; flex-wrap: wrap; align-items: flex-start; gap: 8px; margin: 8px 0 16px !important; width: 100%; }
.grandis_catalog_cloud_header .grandis_catalog_sections_cloud { margin: 0 !important; }
.grandis_catalog_sections_cloud > a { display: inline-flex !important; align-items: center; justify-content: center; gap: 8px; flex: 0 1 auto !important; width: auto !important; max-width: 100%; min-height: 44px; height: auto !important; margin: 0 !important; padding: 9px 15px !important; border: 1px solid #d8d8d8 !important; border-radius: 24px !important; background: #fff !important; color: #303030 !important; font-size: 14px !important; font-weight: 600; line-height: 1.4; text-decoration: none; box-sizing: border-box; }
.grandis_catalog_sections_cloud > a:hover { background: #fffbed !important; border-color: #b5a030 !important; }
.grandis_catalog_sections_cloud > a.active, .grandis_catalog_sections_cloud > a[aria-current="page"] { background: #ffd400 !important; border-color: #ffd400 !important; }
.grandis_catalog_sections_cloud > a:focus-visible { outline: 3px solid #303030; outline-offset: 3px; }
.grandis_catalog_sections_cloud .catalog_sections_img { display: none !important; }
.grandis_catalog_sections_cloud .catalog_sections_name { position: static !important; width: auto !important; max-width: 100% !important; padding: 0 !important; margin: 0 !important; background: none !important; font-size: inherit !important; line-height: inherit !important; color: inherit !important; white-space: normal; }
.grandis_catalog_sections_cloud .catalog_sections_name span { color: inherit !important; }
.grandis_catalog_sections_cloud > a > .grandis_catalog_section_count { flex: 0 0 auto; color: #555; font-size: 12px; font-weight: 500; }
.grandis_systems_clouds, .grandis_systems_grid { flex: 0 0 100%; align-self: flex-start; width: 100%; max-width: 100%; }
@media (max-width: 768px) {
 .grandis_catalog_sections_cloud { margin-bottom: 14px !important; }
 .grandis_catalog_sections_cloud > a { padding: 9px 10px !important; font-size: 12px !important; }
}


/* GRANDIS approved mobile system navigation: 2026-10-08 */
.grandis_systems_section, .grandis_systems_filter { border-radius: 0; color: #1c1c1c; }
.grandis_systems_section { border-color: #e8e8e8; }
@media (max-width: 768px) {
 .grandis_systems_sections, .grandis_systems_filters {
  flex-wrap: nowrap;
  overflow-x: auto;
  overflow-y: hidden;
  max-width: 100%;
  gap: 6px;
  scrollbar-width: none;
  overscroll-behavior-x: contain;
  -webkit-overflow-scrolling: touch;
 }
 .grandis_systems_sections::-webkit-scrollbar, .grandis_systems_filters::-webkit-scrollbar { display: none; }
 .grandis_systems_section, .grandis_systems_filter, .grandis_systems_reset { flex: 0 0 auto; box-sizing: border-box; }
 .grandis_systems_section { min-height: 40px; padding: 8px 12px; }
 .grandis_systems_types { margin-top: 10px; padding-top: 8px; border-top: 1px solid #ededed; }
 .grandis_systems_types_label {
  position: static; width: auto; height: auto; margin: 0 0 4px;
  overflow: visible; clip: auto; white-space: normal;
  color: #777; font-size: 11px; font-weight: 400; line-height: 1.4;
 }
 .grandis_systems_filter { min-height: 40px; padding: 8px 10px; border-radius: 0; background: #fff; border-color: transparent; font-weight: 400; }
 .grandis_systems_filter[aria-pressed="true"] { background: #e7e7e7; border-color: #b8b8b8; }
 .grandis_systems_filter_count { font-size: 10px; }
 .grandis_systems_reset { min-height: 40px; padding: 8px; }
}


/* GRANDIS approved stable filter text metrics: 2026-10-08 */
.grandis_systems_filter[aria-pressed="true"],
.grandis_systems_filter[aria-pressed="true"]:hover { font-weight: 400; }

/* Filter reordering must not move the viewport through scroll anchoring. */
.grandis_systems_clouds, .grandis_systems_grid { overflow-anchor: none; }

/* GRANDIS system section entrances: prepare the old movement before motion JS starts. */
@supports selector(:has(*)) {
 @media (prefers-reduced-motion: no-preference) {
  @keyframes grandis-system-enter { from { transform: translate3d(0, 34px, 0); } to { transform: none; } }
  .container-main:has(.grandis_systems_clouds) .catalog-header h1.gm-initial.gm-visible,
  .container-main:has(.grandis_systems_clouds) .catalog-header-sections.gm-initial.gm-visible,
  .container-main:has(.grandis_systems_clouds) .grandis_systems_clouds.gm-initial.gm-visible,
  .container-main:has(.grandis_systems_clouds) .catalog_sections > .catalog_sections_item.gm-initial.gm-visible,
  .container-main:has(.grandis_systems_clouds) .catalog-list > .catalog-item.gm-initial.gm-visible {
   animation: grandis-system-enter .88s cubic-bezier(.22, 1, .36, 1) both;
  }
  .container-main:has(.grandis_systems_clouds) .catalog-header h1:not(.gm-reveal),
  .container-main:has(.grandis_systems_clouds) .catalog-header-sections:not(.gm-reveal),
  .container-main:has(.grandis_systems_clouds) .grandis_systems_clouds:not(.gm-reveal),
  .container-main:has(.grandis_systems_clouds) .catalog_sections > .catalog_sections_item:not(.gm-reveal),
  .container-main:has(.grandis_systems_clouds) .catalog-list > .catalog-item:not(.gm-reveal) {
   transform: translate3d(0, 34px, 0);
   transition: opacity .76s cubic-bezier(.22, 1, .36, 1), transform .88s cubic-bezier(.22, 1, .36, 1);
  }
  @media (max-width: 768px) {
   @keyframes grandis-system-enter-mobile { from { transform: translate3d(0, 22px, 0); } to { transform: none; } }
   .container-main:has(.grandis_systems_clouds) .catalog-header h1.gm-initial.gm-visible,
   .container-main:has(.grandis_systems_clouds) .catalog-header-sections.gm-initial.gm-visible,
   .container-main:has(.grandis_systems_clouds) .grandis_systems_clouds.gm-initial.gm-visible,
   .container-main:has(.grandis_systems_clouds) .catalog_sections > .catalog_sections_item.gm-initial.gm-visible,
   .container-main:has(.grandis_systems_clouds) .catalog-list > .catalog-item.gm-initial.gm-visible {
    animation-name: grandis-system-enter-mobile;
    animation-duration: .78s;
   }
   .container-main:has(.grandis_systems_clouds) .catalog-header h1:not(.gm-reveal),
   .container-main:has(.grandis_systems_clouds) .catalog-header-sections:not(.gm-reveal),
   .container-main:has(.grandis_systems_clouds) .grandis_systems_clouds:not(.gm-reveal),
   .container-main:has(.grandis_systems_clouds) .catalog_sections > .catalog_sections_item:not(.gm-reveal),
   .container-main:has(.grandis_systems_clouds) .catalog-list > .catalog-item:not(.gm-reveal) {
    transform: translate3d(0, 22px, 0);
    transition-duration: .68s, .78s;
   }
  }
 }
}

/* End */


/* Start:/local/templates/grandis26/components/bitrix/breadcrumb/g21/style.css?17903252692402*/
nav.bx-breadcrumb {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px 10px;
    width: calc(100% - 64px);
    max-width: 1180px;
    min-height: 52px;
    margin: 32px auto 24px;
    padding: 14px 18px 13px 20px;
    box-sizing: border-box;
    clear: both;
    color: #858585;
    background: rgba(255, 255, 255, 0.82);
    border: 1px solid #dedede;
    border-left: 4px solid #ffd500;
    font-family: inherit;
}

nav.bx-breadcrumb .bx-breadcrumb-item {
    display: flex;
    align-items: center;
    gap: 10px;
    float: none;
    margin: 0;
    color: #858585;
    font-size: 14px;
    line-height: 1.45;
    white-space: normal;
}

nav.bx-breadcrumb .bx-breadcrumb-item > a {
    color: #858585;
    font-size: 14px;
    text-decoration: none;
    border: 0;
    transition: color 0.15s ease;
}

nav.bx-breadcrumb .bx-breadcrumb-item > a:hover,
nav.bx-breadcrumb .bx-breadcrumb-item > a:focus-visible {
    color: #1c1c1c;
}

nav.bx-breadcrumb .bx-breadcrumb-item > .bx-breadcrumb-current {
    color: #1c1c1c;
    font-size: 14px;
    font-weight: 700;
}

nav.bx-breadcrumb .bx-breadcrumb-item > .bx-breadcrumb-separator {
    color: #b0b0b0;
    font-size: 18px;
    line-height: 1;
}

@media (min-width: 768px) {
    .catalog-header > nav.bx-breadcrumb,
    .container-main > nav.bx-breadcrumb {
        width: 100%;
        max-width: none;
        margin-right: 0;
        margin-left: 0;
    }
}

@media (min-width: 769px) {
    .catalog-header > nav.bx-breadcrumb {
        margin-top: -32px;
    }
}

@media (max-width: 768px) {
    .catalog-header > nav.bx-breadcrumb {
        margin-top: -8px;
    }
}

@media (max-width: 767px) {
    nav.bx-breadcrumb {
        gap: 4px 6px;
        position: relative;
        left: 50%;
        width: calc(100vw - 40px);
        max-width: none;
        min-height: 0;
        margin: 16px 0 22px;
        padding: 12px 14px 13px;
        border-left-width: 3px;
        transform: translateX(-50%);
    }

    nav.bx-breadcrumb .bx-breadcrumb-item {
        gap: 6px;
        font-size: 12.5px;
        line-height: 1.35;
    }

    nav.bx-breadcrumb .bx-breadcrumb-item > a {
        font-size: 12.5px;
    }

    nav.bx-breadcrumb .bx-breadcrumb-item > .bx-breadcrumb-current {
        font-size: 13px;
    }

    nav.bx-breadcrumb .bx-breadcrumb-item > .bx-breadcrumb-separator {
        font-size: 16px;
    }
}

/* End */


/* Start:/local/templates/grandis26/components/bitrix/catalog/catalog/bitrix/catalog.section.list/.default/style.css?17914912484486*/
.catalog_sections_furniture_systems .catalog_sections_name {
    right: 52%;
    z-index: 2;
    max-width: none;
}

.catalog_sections_furniture_systems .catalog_sections_img {
    width: 48%;
    overflow: hidden;
}

.catalog_sections_furniture_systems .catalog_sections_img img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    max-width: none;
    object-fit: contain;
    transform-origin: 0 0;
}

html.bx-core .catalog_sections_furniture_systems .catalog_sections_img img {
    width: auto;
    height: auto;
    object-fit: initial;
    visibility: hidden;
}

.catalog_sections_furniture_systems .catalog_sections_item:hover .catalog_sections_img {
    transform: none;
}

.catalog_systems_overview {
    display: block;
    flex: 0 0 100%;
    align-self: flex-start;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
    border-left: 3px solid #ffd400;
    padding-left: 22px;
    margin: 0 0 32px;
}

.catalog_systems_overview_accent {
    display: none;
}

.catalog_systems_overview h2 {
    max-width: 780px;
    margin: 0 0 12px;
    color: #303030;
    font-size: 20px;
    line-height: 1.35;
    font-weight: 600;
    text-transform: none;
}

.catalog_systems_overview p {
    max-width: 860px;
    margin: 0;
    color: #777;
    font-size: 14px;
    line-height: 1.72;
    font-weight: 400;
}

@media (min-width: 769px) {
    .catalog_systems_overview:not(.catalog_systems_guide) h2,
    .catalog_systems_overview:not(.catalog_systems_guide) p {
        max-width: 100%;
    }
}

.catalog_systems_guide .catalog_systems_overview_content {
    min-width: 0;
    max-width: 940px;
}

.catalog_systems_guide .catalog_systems_guide_intro {
    margin-bottom: 18px;
}

.catalog_systems_topics {
    max-width: 860px;
    border-top: 1px solid #ececec;
}

.catalog_systems_topic {
    border-bottom: 1px solid #ececec;
}

.catalog_systems_topic summary {
    position: relative;
    display: block;
    padding: 15px 38px 15px 0;
    color: #555;
    font-size: 14px;
    line-height: 1.45;
    font-weight: 500;
    list-style: none;
    cursor: pointer;
}

.catalog_systems_topic summary::-webkit-details-marker {
    display: none;
}

.catalog_systems_topic summary::after {
    content: "+";
    position: absolute;
    top: 9px;
    right: 5px;
    color: #999;
    font-size: 22px;
    line-height: 1;
    font-weight: 300;
    transition: color 0.25s ease, transform 0.32s ease;
}

.catalog_systems_topic[open] summary::after {
    content: "−";
    color: #777;
    transform: rotate(180deg);
}

.catalog_systems_topic_body {
    display: grid !important;
    grid-template-rows: 0fr;
    opacity: 0;
    transition: grid-template-rows 0.34s ease, opacity 0.24s ease;
}

.catalog_systems_topic[open] > .catalog_systems_topic_body {
    grid-template-rows: 1fr;
    opacity: 1;
}

.catalog_systems_topic_body > div {
    min-height: 0;
    overflow: hidden;
}

.catalog_systems_topic .catalog_systems_topic_body p {
    margin: 0 38px 16px 0;
}

.catalog_systems_guide .catalog_systems_guide_source {
    margin-top: 16px;
    color: #aaa;
    font-size: 12px;
    line-height: 1.55;
}

@media (prefers-reduced-motion: reduce) {
    .catalog_systems_topic_body,
    .catalog_systems_topic summary::after {
        transition: none;
    }
}

@media (max-width: 768px) {
    .catalog_sections.catalog_sections_furniture_systems {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .catalog_sections_furniture_systems .catalog_sections_item {
        height: 238px;
    }

    .catalog_sections_furniture_systems .catalog_sections_name {
        left: 10px;
        right: 52%;
        bottom: 13px;
        font-size: 15px;
    }

    .catalog_systems_overview {
        padding-left: 16px;
        margin-bottom: 24px;
    }

    .catalog_systems_overview h2 {
        font-size: 18px;
    }

    .catalog_systems_overview p {
        font-size: 13px;
        line-height: 1.68;
    }

    .catalog_systems_topic summary {
        padding-right: 32px;
        font-size: 13px;
    }

    .catalog_systems_topic .catalog_systems_topic_body p {
        margin-right: 28px;
    }

    .catalog_systems_guide .catalog_systems_guide_source {
        font-size: 12px;
    }
}

/* End */
/* /local/templates/grandis26/components/bitrix/catalog/catalog/style.css?179153719014819 */
/* /local/templates/grandis26/components/bitrix/breadcrumb/g21/style.css?17903252692402 */
/* /local/templates/grandis26/components/bitrix/catalog/catalog/bitrix/catalog.section.list/.default/style.css?17914912484486 */