/* «доброклад» storefront identity. Loaded after the existing storefront styles. */
.storefront-page {
  --ink: #123775;
  --muted: #60748d;
  --orange: #3359b8;
  --orange-dark: #123775;
  --line: #d9e4ef;
  --soft: #eef3f9;
  --blue: #e9f0f6;
}

.storefront-page .dobroklad-brand {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  min-width: 0;
  line-height: 1;
}

.dobroklad-brand__mark,
.dobroklad-brand__name {
  display: block;
  flex: none;
  object-fit: contain;
}

.dobroklad-brand__mark {
  width: 52px;
  height: 52px;
}

.dobroklad-brand__name {
  width: 235px;
  height: auto;
}

.storefront-page .site-footer .dobroklad-brand__mark {
  box-sizing: border-box;
  padding: 4px;
  border-radius: 12px;
  background: #fff;
}

.storefront-page .site-footer .dobroklad-brand__name {
  filter: brightness(0) invert(1);
}

.storefront-page .button-dark,
.storefront-page .marker-pill {
  background: #123775;
}

.storefront-page .button-dark:hover,
.storefront-page .marker-pill:hover {
  background: #1d478b;
}

.storefront-page .button-orange {
  background: #3359b8;
  color: #fff;
}

.storefront-page .button-orange:hover {
  background: #123775;
}

.storefront-page .location-card {
  background: #f3f7fc;
}

.storefront-page .location-card .card-foot {
  border-top-color: #c9d7e4;
}

.storefront-page .location-card:hover {
  box-shadow: 0 4px 16px #1237751c;
}

.storefront-page .search-wrap:focus-within {
  border-color: #3359b8;
  box-shadow: 0 0 0 3px #3359b822;
}

.storefront-page .unit-cell.selected {
  color: #fff;
}

.storefront-page .tariff.selected,
.storefront-page .payment-method.selected,
.storefront-page .demo-notice {
  background: #edf3fc;
}

.storefront-page .steps article > span {
  background: #e9f0f9;
}

.storefront-page .life-grid article {
  border-color: #d9e4ef;
  background: #f7faff;
}

.storefront-page .life-grid article > span {
  color: #3359b8;
}

.storefront-page .capacity-note {
  border-left-color: #3359b8;
  background: #e9f0f9;
}

.storefront-page .faq-items details[open] {
  background: #f4f7fc;
}

.storefront-page .volume-filter input[type='range'] {
  accent-color: #3359b8;
}

@media (max-width: 1150px) {
  .dobroklad-brand__name { width: 205px; }
}

@media (max-width: 600px) {
  .storefront-page .dobroklad-brand { gap: 6px; }
  .dobroklad-brand__mark { width: 40px; height: 40px; }
  .dobroklad-brand__name { width: 136px; }
}

@media (max-width: 360px) {
  .dobroklad-brand__mark { width: 36px; height: 36px; }
  .dobroklad-brand__name { width: 112px; }
  .storefront-page .site-header .header-cta { padding-inline: 9px; }
}