/* ПРОСТОР-МАРКЕТ */

@font-face {
  font-family: 'Golos Text Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 400 900;
  src: url(./pro100r-golos-text-cyrillic-wght-normal.woff2) format('woff2-variations');
  unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}
@font-face {
  font-family: 'Golos Text Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 400 900;
  src: url(./pro100r-golos-text-latin-wght-normal.woff2) format('woff2-variations');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face {
  font-family: 'Roboto Condensed Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url(./pro100r-roboto-condensed-cyrillic-wght-normal.woff2) format('woff2-variations');
  unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}
@font-face {
  font-family: 'Roboto Condensed Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url(./pro100r-roboto-condensed-latin-wght-normal.woff2) format('woff2-variations');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
.pr-storefront {
  --pr-ink: #102030;
  --pr-muted: #485969;
  --pr-blue: #004ea7;
  --pr-signal: #b8e35c;
  --pr-paper: #f7f9fb;
  --pr-line: #e2e8f0;
  --pr-gutter: clamp(16px, 3.7vw, 56px);
  --pr-font: "Golos Text Variable", -apple-system, "Segoe UI", Arial, sans-serif;
  --pr-display: "Roboto Condensed Variable", "Golos Text Variable", "Segoe UI", Arial, sans-serif;
  --pr-ease: cubic-bezier(.22, .61, .36, 1);
  font-family: var(--pr-font);
}

.pr-storefront main { font-family: var(--pr-font); }
.pr-storefront .page_layout main :is(h1, h2) { font-family: var(--pr-display); }
.pr-storefront :where(.pr-pick__meta, .pr-cart-count, .pr-utility__phone, .pr-footer__phone) { font-variant-numeric: tabular-nums; }

.pr-storefront [hidden] { display: none !important; }
.pr-storefront [id^="pro-"] { scroll-margin-top: 80px; }
.pr-shell {
  box-sizing: border-box;
  width: 100%;
  max-width: 1536px;
  padding-inline: var(--pr-gutter);
  margin-inline: auto;
}
.pr-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}
.pr-storefront :is(.pr-header, .pr-hero, .pr-categories, .pr-picks, .pr-help, .pr-benefits, .pr-footer) {
  color: var(--pr-ink);
  font-family: var(--pr-font);
}
.pr-storefront :is(.pr-header, .pr-hero, .pr-categories, .pr-picks, .pr-help, .pr-benefits, .pr-footer) :focus-visible {
  outline: 2px solid var(--pr-blue);
  outline-offset: 3px;
}
.pr-storefront .pr-icon { flex: none; vertical-align: middle; }
.pr-storefront .pr-header {
  position: relative;
  z-index: 12;
  background: #fff;
  border-bottom: 1px solid #e3ebf2;
}
.pr-utility {
  background: #edf3f9;
  border-bottom: 1px solid #e7edf4;
  color: #425970;
  font-size: 12px;
  line-height: 1.25;
}
.pr-utility__inner, .pr-utility__links {
  display: flex;
  align-items: center;
  gap: 8px 21px;
}
.pr-utility__inner { min-height: 36px; padding-block: 3px; }
.pr-utility__inner > span { overflow-wrap: anywhere; }
.pr-utility__links { margin-inline-start: auto; flex: none; }
.pr-utility__links a { color: inherit; text-decoration: none; padding-block: 6px; }
.pr-utility__links a:hover { text-decoration: underline; text-underline-offset: .2em; }
.pr-utility__links .pr-utility__phone { color: var(--pr-ink); font-weight: 690; }

.pr-masthead {
  position: relative;
  min-height: 75px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: clamp(12px, 1.75vw, 29px);
  padding-block: 8px;
}
.pr-masthead__identity, .pr-brand, .pr-nav, .pr-tools {
  display: flex;
  align-items: center;
}
.pr-masthead__identity { min-width: 0; gap: clamp(12px, 1.35vw, 22px); }
.pr-storefront .pr-brand {
  width: max-content;
  max-width: 100%;
  min-width: 0;
  gap: 9px;
  text-decoration: none;
  color: var(--pr-brand-color, var(--pr-ink));
}
.pr-brand__mark { display: block; flex: none; width: clamp(33px, 3.3vw, 47px); height: auto; }
.pr-brand__uploaded { display: block; max-width: 100%; width: clamp(109px, 12vw, 184px); height: 43px; object-fit: contain; object-position: left center; }
.pr-brand__word {
  min-width: 0;
  font: 760 clamp(15px, 1.7vw, 25px)/1.04 var(--pr-display);
  letter-spacing: .045em;
  overflow-wrap: anywhere;
}
.pr-masthead__descriptor {
  width: 120px;
  flex: none;
  border-inline-start: 1px solid #cbd8e5;
  padding-inline-start: 13px;
  color: var(--pr-muted);
  font-size: 11px;
  line-height: 1.3;
  overflow-wrap: anywhere;
}
.pr-nav { flex-wrap: wrap; gap: 0 clamp(9px, 1.45vw, 25px); min-width: 0; margin-inline: auto; }
.pr-nav > a, .pr-catalog-nav > summary {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  color: var(--pr-ink);
  text-decoration: none;
  font-size: clamp(12px, 1.12vw, 15px);
  line-height: 1.2;
  overflow-wrap: anywhere;
}
.pr-nav > a:hover, .pr-nav > [aria-current="page"] { color: var(--pr-blue); text-decoration: underline; text-underline-offset: .3em; }
.pr-catalog-nav > summary {
  padding-inline: clamp(10px, 1.2vw, 18px);
  border: 1px solid #dbe8f6;
  border-radius: 7px;
  background: #edf5ff;
  color: #0556a7;
  font-weight: 690;
}
.pr-catalog-nav[open] > summary, .pr-catalog-nav > summary:hover { background: #dfeeff; }
.pr-tools { flex: none; gap: 5px; }
.pr-disclosure > summary { list-style: none; cursor: pointer; }
.pr-disclosure > summary::-webkit-details-marker { display: none; }
.pr-storefront .pr-icon-button {
  display: grid;
  position: relative;
  place-items: center;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  color: var(--pr-ink);
  text-decoration: none;
  transition: color .2s, background-color .2s;
}
.pr-storefront .pr-icon-button:hover, .pr-disclosure[open] > .pr-icon-button { color: var(--pr-blue); background: #eaf1fa; }
.pr-cart-count {
  position: absolute;
  inset: 0 -1px auto auto;
  min-width: 17px;
  min-height: 17px;
  padding-inline: 3px;
  display: grid;
  place-items: center;
  border-radius: 18px;
  background: var(--pr-blue);
  color: #fff;
  font-size: 10px;
  line-height: 1;
}
.pr-mobile-nav { display: none; }
.pr-panel {
  position: absolute;
  inset-block-start: calc(100% - 3px);
  z-index: 1;
  width: max-content;
  max-width: calc(100% - var(--pr-gutter) * 2);
  border: 1px solid var(--pr-line);
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 16px 42px rgba(18, 40, 68, .14);
  padding: 10px;
  animation: pr-panel-in .2s var(--pr-ease) both;
}
.pr-menu-panel {
  min-width: min(250px, calc(100% - var(--pr-gutter) * 2));
  max-height: min(70vh, 490px);
  overflow-y: auto;
  overscroll-behavior: contain;
}
.pr-menu-panel a, .pr-search-results a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-height: 44px;
  gap: 10px;
  padding: 7px 11px;
  border-radius: 8px;
  text-decoration: none;
  color: var(--pr-ink);
  font-size: 14px;
  line-height: 1.3;
}
.pr-menu-panel a:hover, .pr-search-results a:hover, .pr-menu-panel a[aria-current="page"] { background: #eef4fb; color: var(--pr-blue); }
.pr-catalog-nav .pr-menu-panel { width: min(455px, calc(100% - var(--pr-gutter) * 2)); }
.pr-catalog-nav .pr-menu-catalog { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.pr-menu-panel .pr-menu-all { color: var(--pr-blue); font-weight: 700; border-bottom: 1px solid var(--pr-line); border-radius: 8px 8px 0 0; }
.pr-menu-rule { border-top: 1px solid var(--pr-line); margin-block: 6px; }
.pr-search-panel { right: var(--pr-gutter); width: min(440px, calc(100% - var(--pr-gutter) * 2)); }
.pr-search-form { display: flex; gap: 6px; }
.pr-search-form input[type="search"] {
  flex: 1;
  min-width: 0;
  min-height: 44px;
  padding: 7px 10px;
  border: 1px solid #c7d3e1;
  border-radius: 9px;
  color: var(--pr-ink);
  background: #fff;
  font: 16px var(--pr-font);
}
.pr-search-results { margin: 8px 0 0; padding: 0; list-style: none; }
.pr-search-inline { display: none; }
@media (min-width: 1150px) {
  .pr-search-inline { display: block; position: relative; width: clamp(174px, 16vw, 240px); }
  .pr-search-inline .pr-search-form { position: relative; }
  .pr-search-inline input[type="search"] {
    min-height: 42px;
    width: 100%;
    padding-inline: 12px 42px;
    border-radius: 23px;
    font-size: 14px;
    background: #f4f8fc;
  }
  .pr-search-inline .pr-icon-button { position: absolute; right: 0; top: 0; width: 42px; height: 42px; border: 0; background: transparent; cursor: pointer; }
  .pr-search-inline .pr-icon { width: 19px; height: 19px; }
  .pr-search-inline .pr-search-results {
    position: absolute;
    top: 100%;
    inset-inline-end: 0;
    width: max(100%, 250px);
    padding: 6px;
    border: 1px solid var(--pr-line);
    border-radius: 14px;
    background: #fff;
    box-shadow: 0 12px 28px rgba(18, 40, 68, .12);
  }
  .pr-tools .pr-search { display: none; }
}
@keyframes pr-panel-in { from { opacity: 0; transform: translateY(-5px); } to { opacity: 1; transform: translateY(0); } }

.pr-hero { position: relative; isolation: isolate; }
.pr-hero__stage { display: grid; }
.pr-hero__scene {
  position: relative;
  grid-area: 1 / 1;
  display: grid;
  align-items: center;
  min-height: clamp(408px, 45vw, 615px);
  overflow: hidden;
  background: #f2f5f9;
}
.pr-hero__scene--hardware { background: #f5f7fa; }
.pr-hero__scene--cables { background: #eaf1f9; }
.pr-hero__art {
  position: absolute;
  inset: 0 0 0 45%;
  overflow: hidden;
  pointer-events: none;
  -webkit-mask-image: linear-gradient(90deg, transparent 1%, #000 36%);
  mask-image: linear-gradient(90deg, transparent 1%, #000 36%);
}
.pr-hero__art picture, .pr-hero__art img { display: block; width: 100%; height: 100%; }
.pr-hero__art img {
  object-fit: cover;
  object-position: center 53%;
  transform: scale(1.025);
}
.pr-hero__scene--cables .pr-hero__art, .pr-hero__scene--hardware .pr-hero__art { left: 46%; }
.pr-hero__scene--cables .pr-hero__art img { object-position: center 49%; }
.pr-hero__scene--hardware .pr-hero__art img { object-position: center 48%; }
.pr-hero__content { position: relative; z-index: 1; }
.pr-hero__copy { max-width: min(53%, 720px); padding: 55px 0 70px; }
.pr-kicker {
  display: flex;
  align-items: center;
  gap: 13px;
  margin: 0;
  color: var(--pr-ink);
  font-size: clamp(10px, 1.15vw, 13px);
  line-height: 1.45;
  font-weight: 650;
  letter-spacing: .13em;
  text-transform: uppercase;
}
.pr-kicker::before {
  content: "";
  display: block;
  width: 9px;
  height: 9px;
  flex: none;
  box-sizing: border-box;
  border: 1px solid #477210;
  border-radius: 2px;
  background: var(--pr-signal);
}
.pr-hero :is(h1, h2) {
  margin: clamp(16px, 2.8vw, 34px) 0 0;
  color: var(--pr-ink);
  font: 750 clamp(39px, 4.75vw, 68px)/.99 var(--pr-display);
  letter-spacing: -.029em;
  text-wrap: balance;
}
.pr-hero__lead {
  max-width: 34ch;
  margin: clamp(15px, 2.1vw, 25px) 0 clamp(19px, 2.7vw, 34px);
  color: var(--pr-muted);
  font-size: clamp(16px, 1.68vw, 22px);
  line-height: 1.35;
}
.pr-storefront .pr-button {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 13px;
  min-height: 44px;
  padding: 10px 17px;
  border: 0;
  border-radius: 9px;
  color: #fff;
  background: var(--pr-blue);
  text-decoration: none;
  font: 640 14px/1.2 var(--pr-font);
  cursor: pointer;
  transition: background-color .22s, box-shadow .22s;
}
.pr-storefront .pr-button:hover { background: #004d9c; box-shadow: 0 4px 16px rgba(0, 87, 171, .18); }
.pr-hero__actions, .pr-help__actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px clamp(12px, 2vw, 25px);
}
.pr-storefront .pr-text-action {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  color: var(--pr-blue);
  font: 640 14px/1.25 var(--pr-font);
  text-decoration: none;
}
.pr-storefront .pr-text-action:hover { text-decoration: underline; text-underline-offset: .22em; }
.pr-hero__actions .pr-button { min-height: 47px; padding-inline: clamp(14px, 1.9vw, 25px); }
.pr-button .pr-icon { width: 21px; height: 21px; }
.pr-hero__controls {
  position: absolute;
  z-index: 2;
  inset: auto 0 clamp(11px, 2.5vw, 27px);
  display: flex;
  align-items: center;
  width: max-content;
  max-width: none;
  margin: 0;
}
.pr-hero__controls button {
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  border: 0;
  border-radius: 5px;
  padding: 0;
  background: transparent;
  cursor: pointer;
}
.pr-hero__controls span {
  width: 24px;
  height: 4px;
  border-radius: 10px;
  background: #bac5d1;
  transition: background-color .25s, transform .25s;
}
.pr-hero__controls button[aria-pressed="true"] span { background: var(--pr-blue); transform: scaleX(1.15); }
.pr-hero__scene.is-pr-current { animation: pr-scene-in .46s var(--pr-ease) both; }
@keyframes pr-scene-in { from { opacity: .38; } to { opacity: 1; } }

.pr-categories { padding-block: clamp(19px, 2.65vw, 40px) 0; }
.pr-categories__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(10px, 1.4vw, 21px);
}
.pr-storefront .pr-category {
  position: relative;
  isolation: isolate;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  min-height: clamp(145px, 15.8vw, 230px);
  padding: clamp(16px, 2.35vw, 34px);
  overflow: hidden;
  border: 1px solid #d8e1e9;
  border-radius: 8px;
  background: #edf1f6;
  color: var(--pr-ink);
  text-decoration: none;
}
.pr-category__number {
  z-index: 1;
  margin-bottom: 7px;
  color: #41566a;
  font: 650 11px/1.1 var(--pr-font);
  font-variant-numeric: tabular-nums;
  letter-spacing: .08em;
}
.pr-category h3 {
  z-index: 1;
  max-width: 12em;
  margin: 0;
  color: inherit;
  font: 710 clamp(18px, 1.9vw, 28px)/1.06 var(--pr-display);
  letter-spacing: -.013em;
  text-wrap: balance;
}
.pr-category img {
  position: absolute;
  inset: 0 0 0 auto;
  z-index: 0;
  display: block;
  width: 69%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 48%;
  -webkit-mask-image: linear-gradient(90deg, transparent, #000 26%);
  mask-image: linear-gradient(90deg, transparent, #000 26%);
  transform-origin: 85% 70%;
  transition: transform .52s var(--pr-ease);
}
.pr-category--cameras img { right: -12%; width: 75%; object-position: 50% 25%; }
.pr-category--cables img { right: -13%; width: 74%; object-position: 50% 30%; }
.pr-category--hardware h3, .pr-category--cables h3 { max-width: 9ch; }
.pr-category--recorders img { right: -10%; width: 76%; object-position: 50% 31%; }
.pr-category--batteries img { right: -3%; width: 56%; object-position: 50% 39%; }
.pr-category--hardware img { right: -13%; width: 82%; object-position: 50% 41%; }
.pr-category--pipes img { right: -6%; object-position: 50% 40%; }
@media (hover: hover) {
  .pr-category:hover img { transform: scale(1.055); }
  .pr-category:hover h3 { color: var(--pr-blue); }
}

.pr-section-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  column-gap: 12px;
  margin-bottom: 8px;
}
.pr-section-heading h2, .pr-help h2 {
  margin: 0;
  color: var(--pr-ink);
  font: 730 clamp(25px, 3.22vw, 44px)/1.06 var(--pr-display);
  letter-spacing: -.022em;
}
.pr-picks { margin-block: clamp(30px, 5vw, 72px) clamp(25px, 4vw, 54px); }
.pr-picks__grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: clamp(8px, 1.5vw, 20px);
}
.pr-storefront .pr-pick {
  display: flex;
  flex-direction: column;
  min-width: 0;
  border: 1px solid var(--pr-line);
  border-radius: 15px;
  overflow: hidden;
  color: var(--pr-ink);
  background: #fff;
  text-decoration: none;
}
.pr-pick__image {
  position: relative;
  aspect-ratio: 1.35;
  background: #f4f7fa;
  overflow: hidden;
}
.pr-pick__image img { position: absolute; inset: 0; box-sizing: border-box; width: 100%; height: 100%; padding: 8%; object-fit: contain; mix-blend-mode: multiply; }
.pr-pick__body { display: flex; flex: 1; flex-direction: column; padding: clamp(10px, 1.5vw, 20px); }
.pr-pick__body h3 {
  margin: 0;
  color: inherit;
  font: 650 clamp(14px, 1.35vw, 18px)/1.27 var(--pr-font);
  overflow-wrap: anywhere;
}
.pr-pick:hover h3 { color: var(--pr-blue); }
.pr-pick__fact { margin: 8px 0 0; color: var(--pr-muted); font-size: 13px; line-height: 1.3; overflow-wrap: anywhere; }
.pr-pick__meta { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 12px; margin-top: auto; padding-top: 12px; }
.pr-pick__meta strong { font-size: clamp(15px, 1.55vw, 21px); }
.pr-pick__stock { color: var(--pr-muted); font-size: 12px; }
.pr-pick__stock--available { color: #146039; }

.pr-help { margin-block: clamp(22px, 3.4vw, 45px); }
.pr-help__panel {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 14px clamp(20px, 3vw, 48px);
  padding: clamp(19px, 3vw, 40px);
  border: 1px solid #dce7f4;
  border-radius: 16px;
  background: #f0f5fb;
}
.pr-help__copy p { max-width: 51ch; margin: 8px 0 0; color: var(--pr-muted); line-height: 1.45; }
.pr-help__actions { flex-shrink: 0; }

.pr-benefits__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  border-block: 1px solid var(--pr-line);
  padding-block: clamp(16px, 2.15vw, 28px);
}
.pr-benefits__grid > div { display: flex; align-items: center; gap: 12px; padding-inline: clamp(2px, 1.1vw, 14px); }
.pr-benefits__grid > div + div { border-inline-start: 1px solid var(--pr-line); }
.pr-benefits__grid .pr-icon { width: 29px; height: 29px; }
.pr-benefits__grid p { display: grid; gap: 3px; margin: 0; color: var(--pr-muted); font-size: 13px; line-height: 1.3; }
.pr-benefits__grid strong { color: var(--pr-ink); }
.pr-benefits__grid a { color: var(--pr-blue); }
.pr-storefront .pr-footer {
  --pr-footer-title: #f5f9ff;
  --pr-footer-muted: #b6c9db;
  --pr-footer-line: #36516b;
  --pr-footer-link: #bfe4ff;
  --pr-footer-chip: #173854;
  --pr-footer-glow: #163f63;
  --pr-footer-surface: linear-gradient(145deg, #0e2740, #102f4c);
  --pr-brand-color: var(--pr-footer-title);
  margin-top: clamp(20px, 3vw, 45px);
  border-top: 2px solid transparent;
  background: var(--pr-footer-surface) padding-box, linear-gradient(90deg, #b8e35c, #35a7ce 38%, #196193 76%, #102f4c) border-box;
  color: var(--pr-footer-title);
}
.pr-storefront .pr-footer--light {
  --pr-footer-title: #0c2037;
  --pr-footer-muted: #405770;
  --pr-footer-line: #d0dfed;
  --pr-footer-link: #075bac;
  --pr-footer-chip: #e2effd;
  --pr-footer-glow: #dbeaf8;
  --pr-footer-surface: linear-gradient(145deg, #f4f8fd, #eaf2fb);
}
.pr-storefront .pr-footer :focus-visible { outline-color: var(--pr-footer-link); }
.pr-footer__lead {
  position: relative;
  isolation: isolate;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px 28px;
  padding-block: clamp(24px, 4.5vw, 62px);
  border-bottom: 1px solid var(--pr-footer-line);
}
.pr-footer__lead::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0 calc(-1 * var(--pr-gutter)) 0 45%;
  background: radial-gradient(ellipse at 80% 0, var(--pr-footer-glow), transparent 70%);
  pointer-events: none;
}
.pr-footer__intro h2 {
  margin: 0;
  color: var(--pr-footer-title);
  font: 725 clamp(26px, 3.22vw, 45px)/1.08 var(--pr-display);
  letter-spacing: -.022em;
  overflow-wrap: anywhere;
}
.pr-footer p { margin: 8px 0 0; color: var(--pr-footer-muted); font-size: 14px; line-height: 1.5; overflow-wrap: anywhere; }
.pr-footer__intro p { max-width: 52ch; font-size: clamp(14px, 1.3vw, 16px); }
.pr-footer__contact { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: 9px; }
.pr-footer a { color: var(--pr-footer-muted); text-decoration: none; overflow-wrap: anywhere; }
.pr-footer a:hover { color: var(--pr-footer-link); text-decoration: underline; text-underline-offset: .23em; }
.pr-footer__contact a {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  padding: 8px 14px;
  border-radius: 10px;
  border: 1px solid var(--pr-footer-line);
  font-size: 14px;
  line-height: 1.2;
}
.pr-footer__contact .pr-footer__phone { background: var(--pr-footer-chip); color: var(--pr-footer-title); font-weight: 690; }
.pr-footer__contact .pr-footer__email { color: var(--pr-footer-link); }
.pr-footer__grid {
  display: grid;
  grid-template-columns: 1.3fr 1fr 1fr;
  gap: 24px clamp(20px, 5vw, 76px);
  padding-block: clamp(22px, 4vw, 52px);
}
.pr-footer__grid > * { min-width: 0; }
.pr-footer__identity .pr-brand__mark { width: 43px; outline: 1px solid #69839b; outline-offset: -1px; border-radius: 7px; }
.pr-footer__identity .pr-brand--shared { padding: 5px 8px; background: #edf5ff; border-radius: 8px; box-sizing: border-box; }
.pr-footer__identity .pr-footer__tag { max-width: 29ch; margin-top: 13px; }
.pr-footer__identity .pr-footer__address { max-width: 33ch; font-size: 13px; }
.pr-footer__grid h2 { margin: 0 0 8px; color: var(--pr-footer-title); font: 675 15px/1.3 var(--pr-font); overflow-wrap: anywhere; }
.pr-footer ul { margin: 0; padding: 0; list-style: none; }
.pr-footer__grid li a { display: inline-block; padding-block: 5px; font-size: 14px; line-height: 1.35; }
.pr-footer__bottom {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 8px 24px;
  padding-block: 14px 20px;
  border-top: 1px solid var(--pr-footer-line);
  color: var(--pr-footer-muted);
  font-size: 13px;
  line-height: 1.35;
}
.pr-footer__bottom small { font-size: inherit; }
.pr-footer__bottom ul { display: flex; flex-wrap: wrap; gap: 8px 20px; }
.pr-footer__bottom a { display: inline-block; padding-block: 4px; }
.pr-storefront .page_layout > main > .page-404 { overflow-wrap: anywhere; }

@media (max-width: 1240px) {
  .pr-masthead__descriptor { display: none; }
}
@media (max-width: 830px) {
  .pr-nav, .pr-utility { display: none; }
  .pr-mobile-nav { display: block; }
  .pr-mobile-nav .pr-panel { left: var(--pr-gutter); }
  .pr-masthead { min-height: 60px; justify-content: flex-start; gap: 4px; }
  .pr-masthead__identity { margin-inline-end: auto; }
  .pr-hero__copy { max-width: 55%; }
  .pr-footer__lead { flex-direction: column; align-items: flex-start; }
  .pr-footer__contact { justify-content: flex-start; }
  .pr-footer__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .pr-footer__identity { grid-column: 1 / -1; }
  .pr-help__panel { align-items: flex-start; flex-direction: column; }
  .pr-benefits__grid > div { align-items: flex-start; }
}
@media (max-width: 660px) {
  .pr-hero__scene { min-height: 0; grid-template-rows: auto clamp(140px, 44vw, 210px); align-items: start; }
  .pr-hero__art {
    position: relative;
    grid-row: 2;
    inset: auto;
    width: 100%;
    height: 100%;
    -webkit-mask-image: linear-gradient(180deg, transparent, #000 25%);
    mask-image: linear-gradient(180deg, transparent, #000 25%);
  }
  .pr-hero__scene--cables .pr-hero__art, .pr-hero__scene--hardware .pr-hero__art { left: auto; }
  .pr-hero__art img { object-position: 53% 49%; }
  .pr-hero__content { grid-row: 1; }
  .pr-hero__copy { max-width: none; padding: 20px 0 4px; }
  .pr-hero :is(h1, h2) { max-width: 19ch; font-size: clamp(32px, 8.6vw, 49px); text-wrap: initial; }
  .pr-hero__lead { margin-block: 10px 11px; }
  .pr-hero__controls { inset-block-end: 4px; }
  .pr-hero__controls button { background: rgba(248, 250, 252, .87); width: 44px; }
  .pr-hero__controls button:first-child { border-start-start-radius: 23px; border-end-start-radius: 23px; }
  .pr-hero__controls button:last-child { border-start-end-radius: 23px; border-end-end-radius: 23px; }
  .pr-categories__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .pr-storefront .pr-category { min-height: clamp(130px, 34vw, 184px); padding: 11px; border-radius: 7px; }
  .pr-category h3 { max-width: 100%; font-size: clamp(16px, 4.05vw, 21px); overflow-wrap: anywhere; }
  .pr-category img { top: 31%; height: 69%; width: 82%; }
  .pr-category--batteries img { width: 66%; }
  .pr-picks__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .pr-benefits__grid { grid-template-columns: 1fr; gap: 0; padding-block: 5px; }
  .pr-benefits__grid > div { min-height: 52px; align-items: center; padding-block: 8px; }
  .pr-benefits__grid > div + div { border-inline-start: 0; border-block-start: 1px solid var(--pr-line); }
  .pr-benefits__grid p { font-size: 12px; }
}
@media (max-width: 420px) {
  .pr-storefront .pr-account { display: none; }
  .pr-benefits__grid > div { gap: 7px; }
  .pr-benefits__grid .pr-icon { width: 23px; height: 23px; }
  .pr-footer__grid li a { padding-block: 7px; }
}
@media (prefers-reduced-motion: no-preference) {
  html:has(.pr-home) { scroll-behavior: smooth; }
  .pr-home [data-pr-reveal].is-pr-pending {
    opacity: 0;
    transform: translateY(14px);
  }
  .pr-home [data-pr-reveal] {
    transition: opacity .58s var(--pr-ease), transform .58s var(--pr-ease);
  }
  .pr-home [data-pr-reveal]:focus-within {
    opacity: 1;
    transform: none;
    transition: none;
  }
}
@media (prefers-reduced-motion: reduce) {
  .pr-storefront :is(.pr-panel, .pr-hero__scene, .pr-category img, .pr-button, .pr-icon-button, .pr-hero__controls span) {
    transition: none;
    animation: none;
  }
}

.pr-storefront :is(.pr-icon-button, .pr-cart-count, .pr-panel, .pr-category, .pr-button) { box-sizing: border-box; }
.pr-search-results li { margin: 0; }
@media (min-width: 831px) and (prefers-reduced-motion: no-preference) {
  @supports (animation-timeline: scroll()) {
    .pr-hero__scene--camera .pr-hero__art img {
      animation: pr-camera-scroll linear both;
      animation-timeline: scroll(root block);
      animation-range: 0px 530px;
    }
    @keyframes pr-camera-scroll {
      from { transform: translateY(0) scale(1.025); }
      to { transform: translateY(19px) scale(1.07); }
    }
  }
}