@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:wght@400;500;600;700&display=swap&subset=cyrillic,cyrillic-ext');


/* SmartHub — global circuit background (optimized) */
:root {
  --sh-circuit-bg: #080b0a;
  --sh-circuit-bg-2: #0d1210;
  --sh-circuit-green: #3dff8a;
}

body,
.t-body,
#allrecords {
  background-color: var(--sh-circuit-bg) !important;
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='320' height='320' viewBox='0 0 320 320'%3E%3Crect width='320' height='320' fill='%23080b0a'/%3E%3Cg fill='none' stroke='%233dff8a' stroke-opacity='0.12' stroke-width='1'%3E%3Cpath d='M0 40h120v20h40V0'/%3E%3Cpath d='M200 0v80h40v40h80'/%3E%3Cpath d='M0 200h60v40h100v-20h160'/%3E%3Cpath d='M80 120h80v60h-40v40'/%3E%3Cpath d='M240 160v80h-60v40'/%3E%3C/g%3E%3Cg fill='%233dff8a' fill-opacity='0.16'%3E%3Ccircle cx='120' cy='60' r='2.5'/%3E%3Ccircle cx='200' cy='80' r='2'/%3E%3Ccircle cx='60' cy='240' r='2.5'/%3E%3Ccircle cx='240' cy='240' r='2.5'/%3E%3C/g%3E%3C/svg%3E"),
    linear-gradient(180deg, var(--sh-circuit-bg) 0%, var(--sh-circuit-bg-2) 100%) !important;
  background-size: 320px 320px, 100% 100% !important;
  background-repeat: repeat, no-repeat !important;
  background-attachment: scroll !important;
  min-height: 100vh !imporant;
}

.r[data-record-type="844"],
.r[data-record-type="215"],
.r[data-record-type="404"],
.r[data-record-type="890"],
.r[data-record-type="754"],
.r[data-record-type="686"],
.r[data-record-type="1331"],
#rec1404008771,
#rec1006670736,
#rec1006670716,
#rec13976668621 {
  background-color: transparent !important;
}

.r[data-record-type="754"] .t-store__filter-wrap,
.r[data-record-type="754"] .t754__filter {
  background: rgba(255, 255, 255, 0.94) !important;
}

#rec1006670731,
#rec1404581811 {
  background-color: transparent !important;
}

body:has(.r[data-record-type="754"]) .r[data-record-type="205"] {
  background: rgba(255, 255, 255, 0.96) !important;
}


/* Category store header + filters on circuit bg */
.r[data-record-type="754"] .js-block-header-title,
.r[data-record-type="754"] .js-block-header-title .t-title,
.r[data-record-type="754"] .t-section__title {
  color: #f5f7f6 !important;
  text-shadow: 0 2px 16px rgba(0, 0, 0, 0.45);
}

.r[data-record-type="754"] .js-store-filter,
.r[data-record-type="754"] .t-store__filter {
  background: rgba(255, 255, 255, 0.94) !important;
  border: 1px solid #d9d9d9 !important;
  border-radius: 12px !important;
  padding: 10px 14px !important;
  margin-bottom: 16px !important;
}

/* === GLOBAL NOTO SANS EVERYWHERE === */
:root {
  --t-text-font: 'Noto Sans', Arial, sans-serif !important;
  --t-title-font: 'Noto Sans', Arial, sans-serif !important;
  --t-heading-font: 'Noto Sans', Arial, sans-serif !important;
  --t-name-font: 'Noto Sans', Arial, sans-serif !important;
  --t-headline-font: 'Noto Sans', Arial, sans-serif !important;
}
html, body, .t-body, #allrecords, .t-records {
  font-family: 'Noto Sans', Arial, sans-serif !important;
}
#allrecords,
#allrecords *:not(.t-icon):not([class*="__icon"]):not(svg):not(svg *) {
  font-family: 'Noto Sans', Arial, sans-serif !important;
}
.t706__carticon-counter,
#tildac\6fpy, #tildac\6fpy * {
  font-family: 'Noto Sans', Arial, sans-serif !important;
}
#rec1404008771 .t-card__title .t-card__link,
#rec1404008771 .t-card__title,
#rec1404008771 .t-card__title *,
#rec1404008771 .t-name, #rec1404008771 .t-name_xl,
#rec1404008771 .t686__cell .t-card__title,
#rec1404008771 .t686__cell .t-card__title * {
  font-family: 'Noto Sans', Arial, sans-serif !important;
}
.t-card__title, .t-card__link, .t-card__descr,
.t706__cartpage-info, .t706__cartpage-info *,
.t706__cartwin, .t706__cartwin *,
.t706__orderform, .t706__orderform *,
.t-store__prod-popup, .t-store__prod-popup *,
.t-store__card, .t-store__card *,
.t-store__filter, .t-store__filter *,
.t-menusub, .t-menusub *,
.t-popup, .t-popup * {
  font-family: 'Noto Sans', Arial, sans-serif !important;
}

/* === COMPACT STORE CARDS === */
/* visible preview frame on ALL store cards */
html body #allrecords .r[data-record-type="754"] .t-store__card__imgwrapper,
html body #allrecords .t-store__card__imgwrapper {
  padding-bottom: 70% !important;
  height: 0 !important;
  overflow: hidden !important;
  margin: 12px 12px 0 12px !important;
  width: calc(100% - 24px) !important;
  max-width: calc(100% - 24px) !important;
  border-radius: 12px !important;
  border: 1px solid #d9d9d9 !important;
  background-color: #eceeec !important;
  box-sizing: border-box !important;
}
html body #allrecords .r[data-record-type="754"] .t-store__card__bgimg,
html body #allrecords .r[data-record-type="754"] .t754__bgimg,
html body #allrecords .r[data-record-type="754"] .t-store__card .js-product-img,
html body #allrecords .t-store__card__bgimg,
html body #allrecords .t-store__card .t-bgimg,
html body #allrecords .t-store__card .js-product-img {
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  background-color: #eceeec !important;
  border-radius: 10px !important;
  top: 12px !important;
  right: 12px !important;
  bottom: 12px !important;
  left: 12px !important;
  width: auto !important;
  height: auto !important;
  transition: transform 0.25s ease, filter 0.25s ease !important;
}
html body #allrecords .r[data-record-type="754"] .t-store__card:hover .t-store__card__bgimg,
html body #allrecords .r[data-record-type="754"] .t-store__card:hover .js-product-img,
html body #allrecords .t-store__card:hover .t-store__card__bgimg,
html body #allrecords .t-store__card:hover .js-product-img {
  transform: scale(1.03) !important;
  filter: brightness(1.02) !important;
}
html body #allrecords .r[data-record-type="754"] .t-store__card__mark-wrapper,
html body #allrecords .t-store__card__mark-wrapper {
  top: 18px !important;
  right: 18px !important;
}
html body #allrecords .r[data-record-type="754"] .t-store__card__wrap_txt-and-btns,
html body #allrecords .t-store__card__wrap_txt-and-btns {
  padding-top: 8px !important;
  padding-bottom: 10px !important;
  padding-left: 12px !important;
  padding-right: 12px !important;
}
html body #allrecords .r[data-record-type="754"] .t-store__card__title,
html body #allrecords .r[data-record-type="754"] .js-store-prod-name,
html body #allrecords .t-store__card__title,
html body #allrecords .t-store__card .js-store-prod-name {
  margin-top: 0 !important;
  margin-bottom: 4px !important;
  line-height: 1.25 !important;
}
html body #allrecords .r[data-record-type="754"] .t-store__card,
html body #allrecords .t-store__card {
  margin-bottom: 14px !important;
  overflow: hidden !important;
}