/* clarity.css */
@font-face {
  font-family: 'Inter Preview';
  src: url('/cosmoshop-design/regional-20261104/InterVariable.woff2') format('woff2');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
html.cs-bgd-design body {
  font-family: 'Inter Preview', Arial, sans-serif;
  font-size: 16px;
  line-height: 1.5;
  color: #292929;
}
html.cs-bgd-design h1 { color: #111; font-size: 32px; line-height: 40px; letter-spacing: -.9px; font-weight: 650; }
html.cs-bgd-design h2, html.cs-bgd-design h3, html.cs-bgd-design .item-title a,
html.cs-bgd-design .menu_top_block a, html.cs-bgd-design .top-menu a,
html.cs-bgd-design .price, html.cs-bgd-design .btn, html.cs-bgd-design input,
html.cs-bgd-design button, html.cs-bgd-design select { font-family: inherit; }
html.cs-bgd-design .catalog_item_wrapp .item-title a {
  color: #151515;
  font-size: 16px;
  line-height: 23px;
  font-weight: 550;
  letter-spacing: -.25px;
}
html.cs-bgd-design .catalog_item_wrapp .price {
  color: #111;
  font-size: 21px;
  line-height: 28px;
  letter-spacing: -.5px;
  font-weight: 650;
}
html.cs-bgd-design .catalog_item_wrapp .price .price_currency,
html.cs-bgd-design .catalog_item_wrapp .price .price_measure { font-size: 13px; font-weight: 450; letter-spacing: 0; }
html.cs-bgd-design .catalog_item_wrapp .quantity_block .item-stock,
html.cs-bgd-design .catalog_item_wrapp .item-stock .value { color: #356d1e; font-size: 12px; line-height: 18px; }
html.cs-bgd-design .catalog_item_wrapp { border-color: #e5e5e5; }
html.cs-bgd-design .catalog_item_wrapp:hover { box-shadow: 0 5px 18px rgb(0 0 0 / 5%); }
html.cs-bgd-design .catalog_item_wrapp .rating:has(.inner_rating[title='Нет оценок']) { visibility: hidden; }
html.cs-bgd-design .menu_top_block .image {
  display: inline-flex;
  width: 36px;
  height: 36px;
  align-items: center;
  justify-content: center;
}
html.cs-bgd-design .menu_top_block .image img { width: 36px; height: 36px; object-fit: contain; }
html.cs-bgd-design .menu_top_block .name { color: #181818; font-size: 14px; line-height: 20px; font-weight: 500; }
html.cs-bgd-design .menu_top_block a.icons_fa { border-color: #e6e6e6; }
html.cs-bgd-design .top-menu a { letter-spacing: -.15px; font-weight: 600; }
html.cs-bgd-design .btn { border-radius: 3px; font-size: 12px; letter-spacing: .2px; font-weight: 600; }
html.cs-bgd-design .bx_filter input { color: #222; background: #fff; border-color: #d5d5d5; }
html.cs-bgd-design .bx_filter .bx_filter_param_text { color: #343434; }
@media(max-width:600px) {
  html.cs-bgd-design h1 { font-size: 27px; line-height: 34px; letter-spacing: -.7px; }
  html.cs-bgd-design .catalog_item_wrapp .item-title a { font-size: 13px; line-height: 18px; letter-spacing: -.1px; }
  html.cs-bgd-design .catalog_item_wrapp .price { font-size: 18px; line-height: 24px; }
}

/* ui-icons.css */
/* SVG utility system. Only the local review body carries cs-clarity. */
html.cs-bgd-design svg.cs-ui-icon {
  fill: none !important;
  stroke: currentColor !important;
  overflow: visible;
  flex-shrink: 0;
  vertical-align: middle;
}
html.cs-bgd-design svg.cs-ui-icon * { fill: none !important; stroke: inherit !important; }
html.cs-bgd-design svg.cs-ui-icon .cs-solid { fill: currentColor !important; stroke: none !important; }
html.cs-bgd-design i[data-cs-role] {
  display: inline-flex;
  width: 20px;
  height: 20px;
  align-items: center;
  justify-content: center;
  line-height: 1;
  vertical-align: middle;
}
html.cs-bgd-design i[data-cs-role] > .cs-ui-icon { width: 100%; height: 100%; }
html.cs-bgd-design i[data-cs-role='astronaut'] { width: 24px; height: 24px; }
html.cs-bgd-design i[data-cs-role^='chevron'] { width: 12px; height: 12px; }
html.cs-bgd-design i[data-cs-role='plus'], html.cs-bgd-design i[data-cs-role='minus'] { width: 14px; height: 14px; }
html.cs-bgd-design i[data-cs-role='star'] { width: 14px; height: 14px; }
html.cs-bgd-design i[data-cs-role='grid'], html.cs-bgd-design i[data-cs-role='filter'] { width: 17px; height: 17px; }
html.cs-bgd-design .controls-view i[data-cs-role] { width: 18px; height: 18px; }
html.cs-bgd-design .controls-view .controls-view__link { min-height: 32px; min-width: 32px; }
html.cs-bgd-design .menu_top_block a .image { flex-shrink: 0; }
html.cs-bgd-design .cs-preview-tools {
  position: fixed;
  right: 12px;
  top: 40%;
  z-index: 900;
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding: 5px;
  background: #fff;
  border: 1px solid #dedede;
  border-radius: 10px;
  box-shadow: 0 4px 20px rgb(0 0 0 / 6%);
}
html.cs-bgd-design .cs-preview-tools a {
  width: 44px;
  height: 44px;
  color: #171717;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
}
html.cs-bgd-design .cs-preview-tools a:hover { color: #fff; background: #171717; }
html.cs-bgd-design .cs-preview-tools a:focus-visible { outline: 2px solid #171717; outline-offset: 1px; }
@media(max-width:991px) {
  html.cs-bgd-design .cs-preview-tools { display: none; }
  html.cs-bgd-design #mobileheader i[data-cs-role='astronaut'],
  html.cs-bgd-design #mobileheader i[data-cs-role='basket'],
  html.cs-bgd-design #mobileheader i[data-cs-role='search'] { width: 24px; height: 24px; }
}

/* approved-ui.css */
/* Only explicitly approved SVG roots; old quantity and navigation glyphs retain their semantics. */
html.cs-bgd-design .cs-ui-icon.cs-ui-approved,
html.cs-bgd-design svg.cs-ui-icon.cs-ui-approved { fill: currentColor !important; stroke: none !important; }
html.cs-bgd-design .cs-ui-icon.cs-ui-approved *,
html.cs-bgd-design svg.cs-ui-icon.cs-ui-approved * { fill: currentColor !important; stroke: none !important; }
html.cs-bgd-design .cs-ui-icon.cs-ui-approved [fill="none"],
html.cs-bgd-design svg.cs-ui-icon.cs-ui-approved [fill="none"] { fill: none !important; }
html.cs-bgd-design .cs-ui-icon.cs-ui-approved [stroke="currentColor"],
html.cs-bgd-design svg.cs-ui-icon.cs-ui-approved [stroke="currentColor"] { stroke: currentColor !important; }

/* light-ui-v2.css */
/* Local visual review only. Product grid, image sizes and native breakpoints stay intact. */
html.cs-bgd-design { color: #303030; }
html.cs-bgd-design h1 { font-weight: 580; }
html.cs-bgd-design .catalog_item_wrapp .item-title a { font-weight: 500; }
html.cs-bgd-design .catalog_item_wrapp .price { font-weight: 600; }
html.cs-bgd-design .menu_top_block .image { width: 32px; height: 32px; }
html.cs-bgd-design .menu_top_block .image img,
html.cs-bgd-design .menu-navigation__sections .image img {
  width: 32px; height: 32px; object-fit: contain; opacity: 1;
}
html.cs-bgd-design .menu_top_block ul li > a.icons_fa .name {
  color: #424242; font-size: 14px; line-height: 21px; font-weight: 400;
}
html.cs-bgd-design .menu_top_block ul li.current > a.icons_fa .name { color: #252525; font-weight: 500; }
html.cs-bgd-design .menu_top_block a.icons_fa { border-color: #ededed; }
html.cs-bgd-design .menu_top_block .arrow { color: #858585; }
html.cs-bgd-design #cs-review { min-height: 28px; padding: 4px 20px; gap: 14px; font: 11px/20px Arial,sans-serif; }
html.cs-bgd-design #cs-review .cs-review-note { margin-left: auto; color: #c6c6c6; }
html.cs-bgd-design a:focus-visible { outline: 2px solid #555; outline-offset: 3px; }
@media (min-width: 992px) {
  html.cs-bgd-design #header { border-bottom: 1px solid #ececec; }
  html.cs-bgd-design #header .maxwidth-theme { max-width: 1440px; padding-left: 30px; padding-right: 30px; }
  html.cs-bgd-design #header .header-wrapper > .logo_and_menu-row { height: auto; }
  html.cs-bgd-design #header .header__sub-inner { display: flex; align-items: stretch; gap: 32px; }
  html.cs-bgd-design #header .header__left-part { flex: 0 0 80px; width: 80px; padding: 0; margin: 0; }
  html.cs-bgd-design #header .header__left-part .header__main-item { padding: 0; }
  html.cs-bgd-design #header .logo { display: flex; align-items: center; height: 112px; width: 80px; padding: 0; }
  html.cs-bgd-design #header .logo img { width: auto; height: auto; max-width: 68px; max-height: 84px; object-fit: contain; }
  html.cs-bgd-design #header .header__right-part { flex: 1; width: auto; min-width: 0; padding: 0; }
  html.cs-bgd-design #header .header__top-part { display: flex; align-items: center; height: 56px; border-bottom: 1px solid #eee; }
  html.cs-bgd-design #header .header__top-item { display: flex; align-items: center; height: 56px; padding: 0 16px; border: 0; }
  html.cs-bgd-design #header .header__top-item:first-child { padding-left: 0; flex: 0 0 184px; min-width: 0; }
  html.cs-bgd-design #header .header__top-item.flex1 { flex: 1; min-width: 0; }
  html.cs-bgd-design #header .region_wrapper .js_city_chooser { color: #444; font-size: 14px; font-weight: 400; }
  html.cs-bgd-design #header .region_wrapper .io_wrapper { display: flex; align-items: center; gap: 10px; }
  html.cs-bgd-design #header .region_wrapper,
  html.cs-bgd-design #header .region_wrapper .io_wrapper { margin: 0; padding: 0; }
  html.cs-bgd-design #header .region_wrapper .js_city_chooser { display: inline-flex; align-items: center; padding: 0; line-height: 22px; }
  html.cs-bgd-design #header .region_wrapper i[data-cs-role='location'] { position: static; color: #878787; width: 17px; height: 19px; }
  html.cs-bgd-design #header .city_title { display: none; }
  html.cs-bgd-design #header .js_city_chooser .arrow { display: inline-flex; align-items: center; position: static; width: 10px; height: 10px; margin: 0 0 0 6px; }
  html.cs-bgd-design #header .js_city_chooser .arrow i { position: static; width: 10px; height: 10px; }
  html.cs-bgd-design #header .search_wrap,
  html.cs-bgd-design #header .search-block,
  html.cs-bgd-design #header .search-wrapper { display: block; width: 100%; }
  html.cs-bgd-design #header form.search { display: flex; align-items: center; height: 44px; border: 0; background: transparent; }
  html.cs-bgd-design #header .search-input-div { flex: 1; width: auto; min-width: 0; height: 44px; }
  html.cs-bgd-design #header .search-input { width: 100%; height: 44px; margin: 0; padding: 0 12px; border: 0; background: #fff; color: #444; font: 400 14px/22px 'Inter Preview',Arial,sans-serif; opacity: 1; }
  html.cs-bgd-design #header .search-button-div { display: flex; flex-direction: row-reverse; align-items: center; position: static; width: auto; height: 44px; }
  html.cs-bgd-design #header .searchtype { position: static; margin: 0; border: 0; }
  html.cs-bgd-design #header .searchtype .dropdown-select__title { padding: 0 12px; color: #777; font-size: 12px; }
  html.cs-bgd-design #header .btn-search { display: flex; align-items: center; justify-content: center; position: static; width: 40px; min-width: 40px; height: 40px; min-height: 0; margin: 0; padding: 0; border: 0 !important; border-radius: 0; box-shadow: none; background: transparent !important; color: #777; opacity: 1; appearance: none; }
  html.cs-bgd-design #header .btn-search i { position: static; width: 20px; height: 20px; }
  html.cs-bgd-design #header .search-button-div .close-block { display: none; }
  html.cs-bgd-design #header .callback-block { color: #606060; font-size: 10px; font-weight: 450; letter-spacing: .04em; white-space: nowrap; }
  html.cs-bgd-design #header .subcontent { display: flex; align-items: center; height: 56px; }
  html.cs-bgd-design #header .header__main-part { display: flex; align-items: center; gap: 28px; width: 100%; }
  html.cs-bgd-design #header .header__main-part > .header__main-item { padding: 0; }
  html.cs-bgd-design #header .header__main-part > .flex1 { flex: 1; min-width: 0; }
  html.cs-bgd-design #header .right-icons { flex: 0 0 auto; }
  html.cs-bgd-design #header .menu,
  html.cs-bgd-design #header .menu-only,
  html.cs-bgd-design #header nav,
  html.cs-bgd-design #header .table-menu { width: 100% !important; }
  html.cs-bgd-design #header .table-menu > table,
  html.cs-bgd-design #header .table-menu > table > tbody { display: block; width: 100%; }
  html.cs-bgd-design #header .table-menu > table > tbody > tr { display: flex; align-items: center; justify-content: space-between; gap: 18px !important; width: 100% !important; }
  html.cs-bgd-design #header .table-menu > table > tbody > tr > td { display: block; width: auto !important; padding: 0; margin: 0; }
  html.cs-bgd-design #header .table-menu > table > tbody > tr > td > .wrap > a { display: flex; align-items: center; height: 44px; padding: 0; color: #3f3f3f; font-size: 12px; line-height: 20px; font-weight: 500; letter-spacing: 0; white-space: nowrap; }
  html.cs-bgd-design #header .personal-link { display: inline-flex; align-items: center; gap: 8px; color: #555; font-size: 11px; font-weight: 400; }
  html.cs-bgd-design #header .personal-link .wrap { margin: 0; }
  html.cs-bgd-design #header .personal-link i { margin: 0; color: #666; width: 22px; height: 22px; }
  html.cs-bgd-design #header .lines-row { display: none; }
  html.cs-bgd-design #header .cs-preview-tools { display: flex; position: static; flex: 0 0 auto; align-items: center; flex-direction: row; gap: 0; padding: 0; margin: 0 0 0 8px; border: 0; background: transparent; box-shadow: none; }
  html.cs-bgd-design #header .cs-preview-tools a { width: 36px; height: 40px; color: #686868; border-radius: 0; }
  html.cs-bgd-design #header .cs-preview-tools svg { width: 20px; height: 20px; }
  html.cs-bgd-design #header .cs-preview-tools a:hover { color: #111; background: #f5f5f5; }
}
@media (min-width: 992px) and (max-width: 1199px) {
  html.cs-bgd-design #header .maxwidth-theme { padding-left: 24px; padding-right: 24px; }
  html.cs-bgd-design #header .header__sub-inner { gap: 24px; }
  html.cs-bgd-design #header .header__top-item:first-child { flex-basis: 156px; }
  html.cs-bgd-design #header .header__top-item { padding-left: 10px; padding-right: 10px; }
  html.cs-bgd-design #header .header__main-part { gap: 16px; }
  html.cs-bgd-design #header .table-menu > table > tbody > tr { gap: 12px !important; }
  html.cs-bgd-design #header .table-menu > table > tbody > tr > td > .wrap > a { font-size: 10px; }
  html.cs-bgd-design #header .searchtype { display: none; }
}
@media (max-width: 600px) {
  html.cs-bgd-design #cs-review { padding: 4px 12px; gap: 12px; font-size: 10px; }
  html.cs-bgd-design .catalog_item_wrapp .item-stock { display: block; max-width: 100%; white-space: normal; }
  html.cs-bgd-design .catalog_item_wrapp .item-stock .value { font-size: 11px; line-height: 16px; white-space: normal; }
}

/* Shared component geometry for the local preview; catalogue column rules are untouched. */
html.cs-bgd-design #header .maxwidth-theme { max-width: 1560px; padding-left: 30px; padding-right: 30px; }
html.cs-bgd-design .menu_top_block a.icons_fa {
  display: grid !important; grid-template-columns: 32px minmax(0,1fr) 12px;
  grid-template-rows: minmax(38px,auto); align-items: center;
  column-gap: 12px; row-gap: 0; min-height: 68px; padding: 12px 16px !important;
  box-sizing: border-box; width: 100%;
}
html.cs-bgd-design .menu_top_block a.icons_fa > .image {
  display: flex; align-items: center; justify-content: center; position: static !important;
  float: none; width: 32px; height: 32px; margin: 0 !important; padding: 0;
  grid-column: 1; grid-row: 1;
}
html.cs-bgd-design .menu_top_block a.icons_fa > .image img {
  display: block; width: 32px; height: 32px; opacity: 1; filter: none;
}
html.cs-bgd-design .menu_top_block ul li > a.icons_fa > .name {
  display: flex !important; align-items: center; position: static; grid-column: 2; grid-row: 1;
  min-width: 0; min-height: 38px; margin: 0; padding: 0 !important;
  font-size: 13px; line-height: 19px; font-weight: 400; white-space: normal;
  overflow-wrap: normal; word-break: normal; text-align: left;
}
html.cs-bgd-design .menu_top_block a.icons_fa > .arrow,
html.cs-bgd-design .menu_top_block a.icons_fa > i[data-cs-role^='chevron'] {
  display: flex; align-items: center; justify-content: center; position: static !important;
  grid-column: 3; grid-row: 1; width: 12px; height: 16px; margin: 0 !important;
  padding: 0; transform: none !important;
  top: auto; right: auto; bottom: auto; left: auto;
}
html.cs-bgd-design .menu_top_block a.icons_fa > .arrow i { margin: 0; position: static; }
html.cs-bgd-design .menu_top_block a.icons_fa > .toggle_block {
  grid-column: 3; grid-row: 1; width: 0; height: 0; padding: 0; margin: 0;
  pointer-events: none;
}
html.cs-bgd-design .menu-navigation__sections .image img { opacity: 1; filter: none; }
html.cs-bgd-design .topic__heading {
  display: flex; align-items: center; flex-wrap: wrap; column-gap: 12px; row-gap: 4px;
}
html.cs-bgd-design .topic__heading h1 { margin: 0; }
html.cs-bgd-design .topic__heading .element-count-wrapper {
  display: inline-flex; align-items: center; flex: 0 0 auto; position: static;
  margin: 0; padding: 0; line-height: 1;
}
html.cs-bgd-design .topic__heading .element-count {
  display: inline-flex; align-items: center; justify-content: center; position: static;
  height: 26px; min-width: 28px; margin: 0; padding: 0 7px; box-sizing: border-box;
  font-size: 13px; line-height: 1; font-variant-numeric: tabular-nums;
}
html.cs-bgd-design .section-compact-list__info .element-count2 {
  display: block; margin-top: 4px; font-size: 11px; line-height: 16px;
  font-variant-numeric: tabular-nums;
}
@media (min-width: 992px) {
  html.cs-bgd-design #header .header__main-part { height: 56px; min-height: 0; }
  html.cs-bgd-design #header .header__main-part > .right-icons,
  html.cs-bgd-design #header .right-icons .line-block,
  html.cs-bgd-design #header .right-icons .line-block__item,
  html.cs-bgd-design #header .right-icons .wrap_icon.person,
  html.cs-bgd-design #header .right-icons .auth_wr_inner {
    display: flex; align-items: center; height: 44px; padding-top: 0; padding-bottom: 0;
  }
  html.cs-bgd-design #header .personal-link { height: 44px; margin: 0; line-height: 20px; }
  html.cs-bgd-design #header .personal-link .name { display: block; line-height: 20px; }
  html.cs-bgd-design #header .cs-preview-tools a { width: 40px; height: 44px; }
}
@media (min-width: 992px) and (max-width: 1199px) {
  html.cs-bgd-design .menu_top_block a.icons_fa { padding-left: 12px !important; padding-right: 12px !important; gap: 10px; }
  html.cs-bgd-design .menu_top_block ul li > a.icons_fa > .name { font-size: 12px; }
  html.cs-bgd-design #header .table-menu > table > tbody > tr > td > .wrap > a { font-size: 11px; }
}
@media (max-width: 991px) {
  html.cs-bgd-design #mobileheader > .mobileheader-v1 {
    display: grid; grid-template-columns: 36px 52px minmax(0,1fr); align-items: center;
    column-gap: 8px; min-height: 72px; padding: 0 12px; box-sizing: border-box;
    border-bottom: 1px solid #eee;
  }
  html.cs-bgd-design #mobileheader > .mobileheader-v1 > .burger {
    display: flex; align-items: center; justify-content: center; float: none;
    width: 36px; height: 44px; margin: 0; padding: 0;
  }
  html.cs-bgd-design #mobileheader .mobileheader-v1 > .logo-block { float: none; width: 52px; margin: 0; padding: 0; }
  html.cs-bgd-design #mobileheader .mobileheader-v1 .logo { display: flex; align-items: center; width: 52px; height: 64px; padding: 0; }
  html.cs-bgd-design #mobileheader .mobileheader-v1 .logo img { width: auto; height: auto; max-width: 46px; max-height: 52px; object-fit: contain; }
  html.cs-bgd-design #mobileheader .mobileheader-v1 > .right-icons {
    display: flex; flex-direction: row-reverse; align-items: center; justify-content: flex-start;
    float: none; min-width: 0; width: auto; height: 44px; margin: 0; padding: 0; gap: 0;
  }
  html.cs-bgd-design #mobileheader .mobileheader-v1 > .right-icons > .pull-right {
    display: flex; align-items: center; float: none; width: 36px; height: 44px; margin: 0;
  }
  html.cs-bgd-design #mobileheader .mobileheader-v1 .wrap_icon {
    display: flex; align-items: center; justify-content: center; width: 36px; height: 44px;
    margin: 0; padding: 0; line-height: 1;
  }
  html.cs-bgd-design #mobileheader .mobileheader-v1 .top-btn,
  html.cs-bgd-design #mobileheader .mobileheader-v1 .personal-link,
  html.cs-bgd-design #mobileheader .mobileheader-v1 .basket-link.basket {
    display: flex !important; align-items: center; justify-content: center; position: relative;
    width: 36px; height: 44px; min-width: 0; margin: 0; padding: 0; border: 0;
    box-shadow: none; background: transparent; color: #454545; line-height: 1; appearance: none;
    inset: auto; transform: none;
  }
  html.cs-bgd-design #mobileheader .mobileheader-v1 i[data-cs-role] {
    display: flex; align-items: center; justify-content: center; position: static;
    width: 22px; height: 22px; margin: 0; padding: 0; transform: none; color: inherit;
  }
  html.cs-bgd-design #mobileheader .mobileheader-v1 i[data-cs-role='close'] { display: none; }
  html.cs-bgd-design #mobileheader .mobileheader-v1 .basket-link.basket .js-basket-block {
    display: flex; align-items: center; justify-content: center; position: relative;
    width: 36px; height: 44px; margin: 0; padding: 0; inset: auto; transform: none;
  }
  html.cs-bgd-design #mobileheader .mobileheader-v1 .wrap_basket > .basket-link.compare,
  html.cs-bgd-design #mobileheader .mobileheader-v1 .wrap_basket > .basket-link.delay { display: none !important; }
  html.cs-bgd-design #mobileheader .mobileheader-v1 .basket-link .title { display: none; }
  html.cs-bgd-design #mobileheader .mobileheader-v1 .basket-link .count {
    display: flex; align-items: center; justify-content: center; position: absolute;
    top: 3px; right: 0; left: auto; bottom: auto; width: auto; min-width: 16px; height: 16px;
    margin: 0; padding: 0 3px; box-sizing: border-box; border-radius: 8px;
    font: 500 10px/1 'Inter Preview',Arial,sans-serif; font-variant-numeric: tabular-nums;
    color: #fff; background: #383838; transform: none;
  }
}

/* original-art-light.css */
/* Local preview only. Read-only original PNG art; no redraw or product-image changes. */
/* Clearer reading at menu size: 40px art, crisper lines, thin grey edge; fills stay light. */
html.cs-bgd-design .menu_top_block a.icons_fa > .image img[data-cs-category],
html.cs-bgd-design .menu-navigation__sections .image img[data-cs-category],
html.cs-bgd-design .sections_wrapper .cat_sections .img img[data-cs-category] {
  width: 40px; height: 40px; object-fit: contain;
  filter: invert(1) contrast(1.25)
    drop-shadow(.4px 0 0 #555) drop-shadow(-.4px 0 0 #555)
    drop-shadow(0 .4px 0 #555) drop-shadow(0 -.4px 0 #555);
  opacity: 1;
}
html.cs-bgd-design .menu_top_block a.icons_fa { grid-template-columns: 40px minmax(0,1fr) 12px; }
html.cs-bgd-design .menu_top_block a.icons_fa > .image { width: 40px; height: 40px; }

/* header-alignment-v3.css */
/* Local review only: explicit slots replace inherited table and offset positioning. */
html.cs-bgd-design #header .personal-link .wrap,
html.cs-bgd-design #header .personal-link .name,
html.cs-bgd-design #headerfixed .personal-link .wrap,
html.cs-bgd-design #headerfixed .personal-link .name {
  position: static; margin: 0; padding: 0; line-height: 20px;
}
html.cs-bgd-design #header .personal-link i[data-cs-role="astronaut"],
html.cs-bgd-design #headerfixed .logo-row.v2 .wrap_cabinet .personal-link i[data-cs-role="astronaut"],
html.cs-bgd-design #mobileheader .personal-link i[data-cs-role="astronaut"],
html.cs-bgd-design #mobileheader .inline-phone-show i[data-cs-role="phone"] {
  display: inline-flex; align-items: center; justify-content: center;
  position: static; inset: auto; margin: 0; padding: 0; transform: none;
  width: 22px; height: 22px; min-width: 22px; flex: 0 0 22px; line-height: 1;
}
html.cs-bgd-design #header .personal-link svg,
html.cs-bgd-design #headerfixed .logo-row.v2 .wrap_cabinet .personal-link svg,
html.cs-bgd-design #mobileheader .personal-link svg {
  display: block; margin: 0; transform: none;
}
@media (min-width: 992px) {
  html.cs-bgd-design #header .header__sub-inner { column-gap: 40px; }
  html.cs-bgd-design #header .header__left-part { flex: 0 0 104px; width: 104px; }
  html.cs-bgd-design #header .logo {
    width: 104px; height: 110px; padding-left: 2px; box-sizing: border-box;
  }
  html.cs-bgd-design #header .logo img {
    width: auto; height: auto; max-width: 100%; max-height: 100%;
  }
  html.cs-bgd-design #header .header__right-part {
    display: grid; grid-template-columns: minmax(140px,max-content) minmax(110px,1fr) max-content max-content max-content;
    grid-template-rows: 52px 64px; column-gap: 16px; row-gap: 0; align-items: center;
    background: linear-gradient(to bottom,transparent 51px,#eee 51px,#eee 52px,transparent 52px);
  }
  html.cs-bgd-design #header .header__top-part,
  html.cs-bgd-design #header .subcontent,
  html.cs-bgd-design #header .header__main-part { display: contents; }
  html.cs-bgd-design #header .header__top-part::before,
  html.cs-bgd-design #header .header__top-part::after,
  html.cs-bgd-design #header .subcontent::before,
  html.cs-bgd-design #header .subcontent::after,
  html.cs-bgd-design #header .header__main-part::before,
  html.cs-bgd-design #header .header__main-part::after { content: none; display: none; }
  html.cs-bgd-design #header .header__top-part > .header__top-item {
    display: flex; align-items: center; min-width: 0; height: 44px;
    position: static; margin: 0; padding: 0; border: 0; float: none;
  }
  html.cs-bgd-design #header .header__top-part > .header__top-item:nth-child(1) { grid-area: 1 / 1; }
  html.cs-bgd-design #header .header__top-part > .header__top-item:nth-child(2) { grid-area: 1 / 2; }
  html.cs-bgd-design #header .header__top-part > .header__top-item:nth-child(3) { grid-area: 1 / 3; justify-self: end; }
  html.cs-bgd-design #header .cs-preview-tools { grid-area: 1 / 4; margin: 0; }
  html.cs-bgd-design #header .header__main-part > .right-icons { grid-area: 1 / 5; justify-self: end; width: auto; margin: 0; order: initial; }
  html.cs-bgd-design #header .right-icons .line-block,
  html.cs-bgd-design #header .right-icons .line-block__item,
  html.cs-bgd-design #header .right-icons .wrap_icon.person,
  html.cs-bgd-design #header .right-icons .auth_wr_inner {
    margin: 0; padding: 0; column-gap: 0;
  }
  html.cs-bgd-design #header .header__main-part > .flex1 { grid-area: 2 / 1 / 3 / -1; width: 100%; min-width: 0; order: initial; }
  html.cs-bgd-design #header .header__top-part .wrap_icon,
  html.cs-bgd-design #header .header__top-part .phone-block.icons,
  html.cs-bgd-design #header .header__top-part .phone-block.icons > .inline-block {
    display: flex; align-items: center; position: static; height: 44px;
    margin: 0; padding: 0; inset: auto; float: none; transform: none;
  }
  html.cs-bgd-design #header .header__top-part .callback-block {
    display: inline-flex; align-items: center; justify-content: center; position: static;
    height: 44px; margin: 0; padding: 0; inset: auto; transform: none;
    line-height: 20px; white-space: nowrap;
  }
  html.cs-bgd-design #header .personal-link {
    display: inline-flex; align-items: center; justify-content: center; gap: 8px;
    min-height: 44px; height: 44px; margin: 0; padding: 0; line-height: 20px;
  }
  html.cs-bgd-design #header .header__top-part > .header__top-item:nth-child(2) { height: 51px; align-self: start; }
  html.cs-bgd-design #header .header__top-item .search_wrap,
  html.cs-bgd-design #header .header__top-item .search-block,
  html.cs-bgd-design #header .header__top-item .search-wrapper {
    display: flex; align-items: center; width: 100%; height: 51px; box-sizing: border-box;
  }
  html.cs-bgd-design #header .search-wrapper > div { width: 100%; }
  html.cs-bgd-design #header .personal-link .name {
    font-size: 10px; letter-spacing: .4px; font-weight: 450; color: #606060;
  }
  html.cs-bgd-design #header form.search {
    width: 100%; max-width: none; padding-right: 6px; height: 40px; min-width: 0;
    border: 0; border-radius: 0; box-shadow: none; overflow: visible;
    box-sizing: border-box; background: transparent;
  }
  html.cs-bgd-design #header form.search .searchtype { display: none; }
  html.cs-bgd-design #header .search-input-div,
  html.cs-bgd-design #header .search-input,
  html.cs-bgd-design #header .search-button-div { height: 38px; }
  html.cs-bgd-design #header .btn-search { width: 38px; height: 38px; min-width: 38px; }
  html.cs-bgd-design #headerfixed .auth_wr_inner,
  html.cs-bgd-design #headerfixed .wrap_cabinet,
  html.cs-bgd-design #headerfixed .logo-row.v2 .wrap_cabinet .personal-link {
    display: flex; align-items: center; justify-content: center; height: 62px; min-height: 62px;
    margin: 0; padding: 0; position: static;
  }
  html.cs-bgd-design #headerfixed .personal-link { min-width: 44px; gap: 8px; }
}
@media (min-width: 992px) and (max-width: 1199px) {
  html.cs-bgd-design #header .header__right-part { grid-template-columns: minmax(140px,max-content) minmax(80px,1fr) max-content max-content max-content; column-gap: 10px; }
  html.cs-bgd-design #header .cs-preview-tools a { width: 32px; }
  html.cs-bgd-design #header .personal-link { gap: 5px; }
}
@media (max-width: 991px) {
  html.cs-bgd-design #mobileheader .mobileheader-v1 .auth_wr_inner,
  html.cs-bgd-design #mobileheader .mobileheader-v1 .wrap_cabinet {
    display: flex; align-items: center; justify-content: center; width: 36px; height: 44px;
    margin: 0; padding: 0; position: static;
  }
  html.cs-bgd-design #mobileheader .mobileheader-v1 .personal-link,
  html.cs-bgd-design #mobileheader .mobileheader-v1 .inline-phone-show {
    display: flex; align-items: center; justify-content: center; position: relative;
    width: 36px; height: 44px; margin: 0; padding: 0; inset: auto; transform: none;
  }
}

/* navigation-footer.css */
/* Local mockup: navigation follows the page grid without a separate frame. */
@media (min-width: 992px) {
  html.cs-bgd-design #header .header__main-part > .flex1 {
    width: 100%; max-width: none; justify-self: stretch; box-sizing: border-box;
  }
  html.cs-bgd-design #header .header__main-part > .flex1 .mega-menu { overflow: visible; }
  html.cs-bgd-design #header .header__main-part > .flex1 > .menu {
    margin: 0; padding: 0; border: 0; border-radius: 0;
    background: transparent; box-shadow: none; box-sizing: border-box;
  }
  html.cs-bgd-design #header .table-menu > table > tbody > tr { min-height: 44px; }
  html.cs-bgd-design #header td.catalog > .wrap { position: relative; }
  html.cs-bgd-design #header td.catalog > .wrap > a i[data-cs-role="grid"] svg { transform: translateX(-2px); }
  html.cs-bgd-design #header .header__top-part > .header__top-item:nth-child(1) svg { transform: translateX(-4px); }
  html.cs-bgd-design #header td.catalog > .wrap > .dropdown-menu {
    --cs-menu-height: min(620px,calc(100vh - 170px));
    left: -17px !important; right: auto !important; top: calc(100% + 1px);
    width: 320px !important; min-width: 0 !important; max-width: calc(100vw - 64px);
    height: auto !important; max-height: var(--cs-menu-height); margin: 0; padding: 0;
    border: 1px solid #e3e3e3; border-radius: 8px;
    box-shadow: 0 12px 32px rgb(0 0 0 / 9%); overflow: hidden;
  }
  html.cs-bgd-design #header td.catalog > .wrap > .dropdown-menu.cs-catalog-expanded {
    width: 760px !important;
  }
  html.cs-bgd-design #header .menu-navigation { display: flex; width: 100%; height: auto; min-height: 0; }
  html.cs-bgd-design #header .menu-navigation__sections-wrapper {
    width: 320px; max-width: 100%; height: auto; flex: 0 0 320px; border: 0;
  }
  html.cs-bgd-design #header .menu-navigation__sections-wrapper > .scrollblock,
  html.cs-bgd-design #header .menu-navigation__content > .scrollblock {
    height: auto !important; max-height: var(--cs-menu-height); overflow-y: auto; overflow-x: hidden;
    overscroll-behavior: contain;
  }
  html.cs-bgd-design #header .menu-navigation__sections-item-link {
    display: grid; grid-template-columns: 40px minmax(0,1fr) 12px; align-items: center;
    gap: 12px; min-height: 56px; padding: 10px 16px; box-sizing: border-box;
  }
  html.cs-bgd-design #header .menu-navigation__sections-item-link > .image {
    grid-area: 1 / 1; display: flex; align-items: center; justify-content: center;
    width: 40px; height: 40px; margin: 0; padding: 0;
  }
  html.cs-bgd-design #header .menu-navigation__sections-item-link > .name {
    grid-area: 1 / 2; min-width: 0; margin: 0; padding: 0;
    font-size: 13px; line-height: 19px; white-space: normal;
  }
  html.cs-bgd-design #header .menu-navigation__sections-item-link > .svg-inline-right {
    grid-area: 1 / 3; position: static; inset: auto; margin: 0; width: 12px; height: 16px;
  }
  html.cs-bgd-design #header .menu-navigation__content { display: none; width: auto; min-width: 0; padding: 0; border-left: 1px solid #ededed; }
  html.cs-bgd-design #header .cs-catalog-expanded .menu-navigation__content { display: block; flex: 1; }
  html.cs-bgd-design #header .menu-navigation__content > .scrollblock > .menu-wrapper { margin: 0; padding: 16px; }
  html.cs-bgd-design #header .menu-navigation__content > .scrollblock > .menu-wrapper > li { display: none !important; width: 100%; }
  html.cs-bgd-design #header .menu-navigation__content > .scrollblock > .menu-wrapper > li.cs-catalog-panel-active { display: block !important; }
  html.cs-bgd-design #header .menu-navigation__sections-item.cs-catalog-section-active { background: #f6f6f6; }
  html.cs-bgd-design #header .menu-navigation__content .subitems-wrapper > .menu-wrapper {
    display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 20px 24px; margin: 0; padding: 4px 8px;
  }
  html.cs-bgd-design #header .menu-navigation__content .subitems-wrapper > .menu-wrapper > li {
    float: none; width: auto; margin: 0; padding: 0; min-width: 0;
  }
  html.cs-bgd-design #header .menu-navigation__content .subitems-wrapper > .menu-wrapper > li > a {
    padding: 0 0 6px; font-size: 14px; line-height: 20px; overflow-wrap: normal; word-break: normal; hyphens: none;
  }
  html.cs-bgd-design #header .menu-navigation__content .subitems-wrapper > .menu-wrapper > li > a .name { font-weight: 600; }
  html.cs-bgd-design #header .menu-navigation__content .subitems-wrapper > .menu-wrapper > li > a > .svg-inline-right { display: none; }
  html.cs-bgd-design #header .menu-navigation__content .toggle_menu { width: auto; }
  html.cs-bgd-design #header .menu-navigation__content .toggle_menu > li > a { padding: 4px 0 0; font-size: 13px; line-height: 19px; }
}
html.cs-bgd-design #footer .maxwidth-theme { max-width: 1560px; padding-left: 30px; padding-right: 30px; }
html.cs-bgd-design #footer .footer_top { padding: 40px 0 24px; }
html.cs-bgd-design #footer .footer_top .maxwidth-theme > .row {
  display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 28px; margin: 0;
}
html.cs-bgd-design #footer .footer_top .maxwidth-theme > .row::before,
html.cs-bgd-design #footer .footer_top .maxwidth-theme > .row::after { content: none; display: none; }
html.cs-bgd-design #footer .footer_top .maxwidth-theme > .row > div { width: auto !important; float: none; margin: 0; padding: 0; min-width: 0; }
html.cs-bgd-design #footer .cs-empty-contact { display: none !important; }
html.cs-bgd-design #footer .bottom-menu { margin: 0; }
html.cs-bgd-design #footer .bottom-menu .title { margin: 0; }
html.cs-bgd-design #footer .bottom-menu .title a { font-size: 12px; line-height: 22px; overflow-wrap: anywhere; }
html.cs-bgd-design #footer .bottom-menu > .items > .item > .title a { color: #f1f1f1; font-weight: 600; }
html.cs-bgd-design #footer .bottom-menu .wrap .title a { color: #bdbdbd; font-weight: 400; }
html.cs-bgd-design #footer .footer_middle { margin: 0; padding: 0 0 28px; }
html.cs-bgd-design #footer .footer_middle .row { margin: 0; }
html.cs-bgd-design #footer .footer_middle .row > div { padding: 0; }
html.cs-bgd-design #footer .social-block { margin: 0; text-align: center; }
html.cs-bgd-design #footer .social-icons { display: block; position: static; margin: 0; padding: 0; }
html.cs-bgd-design #footer .social-icons::before,
html.cs-bgd-design #footer .social-icons::after { content: none; display: none; }
html.cs-bgd-design #footer .social-icons > ul { display: inline-flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 10px; margin: 0; padding: 0; }
html.cs-bgd-design #footer .social-icons > ul > li { width: 44px; height: 44px; margin: 0; padding: 0; list-style: none; }
html.cs-bgd-design #footer .social-icons a {
  display: flex; align-items: center; justify-content: center; position: relative;
  box-sizing: border-box; width: 44px; height: 44px; margin: 0; padding: 0;
  border: 1px solid #5c5c5c; border-radius: 4px; color: #bcbcbc; font-size: 0;
}
html.cs-bgd-design #footer .social-icons .mail a { background-image: none; }
html.cs-bgd-design #footer .social-icons .mail i { width: 20px; height: 20px; position: static; margin: 0; }
html.cs-bgd-design #footer .social-icons .mail svg { display: block; width: 20px; height: 20px; stroke-width: 1.55; }
html.cs-bgd-design #footer .social-icons a:focus-visible { outline: 2px solid #fff; outline-offset: 3px; }
html.cs-bgd-design #footer .footer_bottom { padding-top: 0; }
@media (max-width: 767px) {
  html.cs-bgd-design #footer .maxwidth-theme { padding-left: 20px; padding-right: 20px; }
  html.cs-bgd-design #footer .footer_top { padding-top: 28px; }
  html.cs-bgd-design #footer .footer_top .maxwidth-theme > .row { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 24px 18px; }
  html.cs-bgd-design #footer .bottom-menu .wrap_compact_mobile { display: block !important; height: auto !important; visibility: visible; overflow: visible; margin-top: 12px; }
  html.cs-bgd-design #footer .bottom-menu .title a { white-space: normal; }
}


/* Native behaviours remain attached to their original controls. */
html.cs-bgd-design #header .cs-preview-tools a { position: relative; }
html.cs-bgd-design #header .cs-preview-tools .cs-live-count { position:absolute;top:0;right:0;min-width:14px;height:14px;padding:0 3px;border-radius:7px;background:#333;color:white;font:500 9px/14px Arial;text-align:center; }
html.cs-bgd-design #basket_line .opener { visibility:hidden;pointer-events:none; }
html.cs-bgd-design #footer .footer_top .maxwidth-theme > .row > .cs-bgd-contact-row { grid-column:1 / -1; }
html.cs-bgd-design #footer .cs-bgd-contact-row .email { display:none; }
html.cs-bgd-design #footer .cs-bgd-contact-row a { font-size:12px; }

/* Only the four social/email buttons form the centered footer contact row. */
html.cs-bgd-design #footer .social-block {
  display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:20px 28px;
}
html.cs-bgd-design #footer .cs-bgd-footer-phone { display:none !important; }

/* Category tiles retain the native column grid, with matching art and equal media slots. */
html.cs-bgd-design .cs-bgd-hidden-tea { display:none !important; }
html.cs-bgd-design .catalog_section_list .cs-bgd-category-card { height:100%; padding:20px 14px; }
html.cs-bgd-design .catalog_section_list .cs-bgd-category-card .section_item_inner,
html.cs-bgd-design .catalog_section_list .cs-bgd-category-card tbody { display:block; width:100%; height:auto; }
html.cs-bgd-design .catalog_section_list .cs-bgd-category-card tr { display:flex; flex-direction:column; width:100%; }
html.cs-bgd-design .catalog_section_list .cs-bgd-category-card td.image {
  display:flex; align-items:center; justify-content:center; width:100%; height:112px; padding:0; margin:0;
}
html.cs-bgd-design .catalog_section_list .cs-bgd-category-card td.image a {
  display:flex; align-items:center; justify-content:center; width:96px; height:96px; max-width:none; margin:0;
}
html.cs-bgd-design .catalog_section_list .cs-bgd-category-card img[data-cs-category] {
  display:block; width:80px; height:80px; max-width:80px; max-height:80px; object-fit:contain; opacity:1;
  filter:invert(1) contrast(1.25) drop-shadow(.4px 0 0 #555) drop-shadow(-.4px 0 0 #555) drop-shadow(0 .4px 0 #555) drop-shadow(0 -.4px 0 #555);
}
html.cs-bgd-design .catalog_section_list .cs-bgd-category-card td.section_info { display:block; width:100%; margin:0; padding:8px 0 0; }
html.cs-bgd-design .catalog_section_list .cs-bgd-category-card .section_info ul { margin:0; padding:0; }
html.cs-bgd-design .catalog_section_list .cs-bgd-category-card .name { margin:0; padding:0; }
html.cs-bgd-design .catalog_section_list .cs-bgd-category-card .name > a {
  display:flex; align-items:center; justify-content:center; min-height:44px; margin:0; line-height:22px;
}
html.cs-bgd-design .catalog_section_list .cs-bgd-category-card .name > .element-count2 { display:block; margin:6px 0 0; line-height:20px; }
@media(max-width:767px) {
  html.cs-bgd-design #footer .social-block { flex-direction:column; gap:12px; }
  html.cs-bgd-design .catalog_section_list .cs-bgd-category-card { padding:16px 10px; }
}

/* Hide the visual composite badge, preserving its native placeholder and caching. */
html.cs-bgd-design #footer #bx-composite-banner { display: none !important; }