.polair-selector {
  --ps-blue:#004f7a;
  --ps-blue-dark:#003b5c;
  --ps-blue-soft:#eef6fa;
  --ps-green:#27ae60;
  --ps-green-dark:#209653;
  --ps-border:#d9e1e6;
  --ps-text:#1f2933;
  --ps-muted:#667784;
  --ps-bg:#f7f9fb;
  font-family:Arial,sans-serif;
  color:var(--ps-text);
  width:100%;
  max-width:1485px;
  margin:0 auto;
}

.polair-selector * {
  box-sizing:border-box;
}


/* Статические SEO-блоки после калькулятора */
.polair-selector__seo {
  width:100%;
  max-width:1485px;
  margin:38px auto 0;
  color:#40545f;
}

.polair-selector__seo-section {
  padding:0 2px;
}

.polair-selector__seo-section + .polair-selector__seo-section {
  margin-top:30px;
  padding-top:28px;
  border-top:1px solid #e5ecef;
}

.polair-selector__seo h2 {
  margin:0 0 13px;
  color:#174d6b;
  font-size:23px;
  line-height:1.3;
  font-weight:700;
}

.polair-selector__seo h3 {
  margin:0 0 7px;
  color:#263f4d;
  font-size:16px;
  line-height:1.4;
  font-weight:700;
}

.polair-selector__seo p {
  margin:0;
  color:#50636e;
  font-size:14.5px;
  line-height:1.72;
}

.polair-selector__seo p + p {
  margin-top:10px;
}

.polair-selector__seo strong {
  color:#2c414d;
  font-weight:700;
}

.polair-selector__seo-list {
  display:grid;
  gap:8px;
  margin:0;
  padding:0;
  list-style:none;
}

.polair-selector__seo-list li {
  position:relative;
  margin:0;
  padding-left:18px;
  color:#50636e;
  font-size:14.5px;
  line-height:1.62;
}

.polair-selector__seo-list li::before {
  content:"";
  position:absolute;
  top:.72em;
  left:2px;
  width:5px;
  height:5px;
  border-radius:50%;
  background:#7fa9bc;
  transform:translateY(-50%);
}

.polair-selector__seo-note {
  margin-top:13px !important;
  padding:11px 13px;
  border-radius:8px;
  background:#f7f9fa;
  color:#536873 !important;
}


/* Верхний информационный блок */
.polair-selector__hero {
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);
  min-height:320px;
  margin:0 0 24px;
  overflow:hidden;
  background:linear-gradient(135deg,#f4f9fc 0%,#eef6fa 100%);
  border:1px solid var(--ps-border);
  border-radius:16px;
}

.polair-selector__hero-content {
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:36px 38px;
}

.polair-selector__hero-kicker {
  margin:0 0 8px;
  color:var(--ps-green-dark);
  font-size:13px;
  line-height:1.3;
  font-weight:800;
  letter-spacing:.04em;
  text-transform:uppercase;
}

.polair-selector__hero-title {
  margin:0 0 14px;
  color:var(--ps-blue);
  font-size:31px;
  line-height:1.18;
}

.polair-selector__hero-text {
  margin:0;
  max-width:680px;
  color:#536773;
  font-size:15px;
  line-height:1.62;
}

.polair-selector__hero-media {
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:320px;
  padding:22px 30px;
  background:#fff;
}

.polair-selector__hero-image {
  display:block;
  width:100%;
  height:276px;
  object-fit:contain;
  object-position:center;
}

/* Блок параметров */
.polair-selector__panel {
  background:#fff;
  border:1px solid var(--ps-border);
  border-radius:14px;
  padding:22px;
  box-shadow:0 8px 26px rgba(0,79,122,.06);
}

.polair-selector__form {
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:14px;
  align-items:end;
}

.polair-selector__field {
  display:flex;
  min-width:0;
  flex-direction:column;
  gap:7px;
}

.polair-selector__field label {
  display:flex;
  align-items:flex-end;
  min-height:34px;
  margin:0;
  color:#31434f;
  font-size:13.5px;
  line-height:1.25;
  font-weight:700;
}

.polair-selector__control {
  display:block;
  width:100%;
  height:50px !important;
  min-height:50px !important;
  max-height:50px !important;
  margin:0 !important;
  padding:0 13px !important;
  border:1px solid #cbd6dc !important;
  border-radius:8px !important;
  background-color:#fff !important;
  color:#17242d !important;
  font-family:inherit !important;
  font-size:15px !important;
  line-height:48px !important;
  box-shadow:none !important;
  outline:none !important;
}

select.polair-selector__control {
  line-height:normal !important;
  cursor:pointer;
}

/* Кастомный select: сохраняем нативный <select> как источник значения,
   но визуально используем единый dropdown в стиле подборщика. */
select.polair-selector__control.polair-selector__native-select--custom {
  position:absolute !important;
  width:1px !important;
  height:1px !important;
  min-height:1px !important;
  max-height:1px !important;
  margin:0 !important;
  padding:0 !important;
  overflow:hidden !important;
  clip:rect(0 0 0 0) !important;
  clip-path:inset(50%) !important;
  border:0 !important;
  opacity:0 !important;
  pointer-events:none !important;
}

.polair-selector__select {
  position:relative;
  width:100%;
}

.polair-selector__select-button {
  position:relative;
  display:flex;
  width:100%;
  height:50px;
  min-height:50px;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin:0;
  padding:0 42px 0 13px;
  border:1px solid #cbd6dc;
  border-radius:8px;
  background:#fff;
  color:#17242d;
  font:inherit;
  font-size:15px;
  line-height:1.2;
  text-align:left;
  box-shadow:none;
  cursor:pointer;
  transition:border-color .16s ease, box-shadow .16s ease, background-color .16s ease;
}

.polair-selector__select-button:hover {
  border-color:#aebfc8;
  background:#fcfdfe;
}

.polair-selector__select-button:focus,
.polair-selector__select.is-open .polair-selector__select-button {
  border-color:var(--ps-blue);
  box-shadow:0 0 0 3px rgba(0,79,122,.10);
  outline:none;
}

.polair-selector__select-arrow {
  position:absolute;
  top:50%;
  right:15px;
  width:8px;
  height:8px;
  margin-top:-6px;
  border-right:2px solid #607783;
  border-bottom:2px solid #607783;
  transform:rotate(45deg);
  transition:transform .16s ease, margin-top .16s ease;
  pointer-events:none;
}

.polair-selector__select.is-open .polair-selector__select-arrow {
  margin-top:-2px;
  transform:rotate(225deg);
}

.polair-selector__select-menu {
  position:absolute;
  z-index:1000;
  top:calc(100% + 6px);
  left:0;
  display:none;
  width:100%;
  max-height:320px;
  overflow-y:auto;
  padding:6px;
  border:1px solid #ccdbe2;
  border-radius:10px;
  background:#fff;
  box-shadow:0 12px 30px rgba(20,63,84,.14);
}

.polair-selector__select.is-open .polair-selector__select-menu {
  display:block;
}

.polair-selector__select-group {
  padding:9px 10px 6px;
  color:#314b59;
  font-size:12.5px;
  line-height:1.3;
  font-weight:800;
  letter-spacing:.01em;
  text-transform:none;
}

.polair-selector__select-group:not(:first-child) {
  margin-top:4px;
  padding-top:10px;
  border-top:1px solid #edf2f4;
}

.polair-selector__select-option {
  position:relative;
  display:flex;
  width:100%;
  min-height:36px;
  align-items:center;
  margin:0;
  padding:8px 34px 8px 10px;
  border:0;
  border-radius:7px;
  background:transparent;
  color:#263b46;
  font:inherit;
  font-size:14px;
  line-height:1.3;
  text-align:left;
  cursor:pointer;
}

.polair-selector__select-option:hover,
.polair-selector__select-option:focus {
  background:#f0f6f9;
  color:var(--ps-blue);
  outline:none;
}

.polair-selector__select-option.is-selected {
  background:#eaf4f8;
  color:var(--ps-blue);
  font-weight:700;
}

.polair-selector__select-option.is-selected::after {
  content:"✓";
  position:absolute;
  top:50%;
  right:11px;
  color:var(--ps-green);
  font-size:14px;
  font-weight:800;
  transform:translateY(-50%);
}


input.polair-selector__control {
  appearance:textfield;
}

input.polair-selector__control::-webkit-outer-spin-button,
input.polair-selector__control::-webkit-inner-spin-button {
  margin:0;
}

.polair-selector__control:focus {
  border-color:var(--ps-blue) !important;
  box-shadow:0 0 0 3px rgba(0,79,122,.10) !important;
}

.polair-selector__actions {
  grid-column:1 / -1;
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  margin-top:4px;
}

.polair-selector__button {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:48px;
  padding:12px 22px;
  border:0;
  border-radius:8px;
  background:var(--ps-green);
  color:#fff !important;
  font:inherit;
  font-weight:700;
  line-height:1.2;
  text-decoration:none !important;
  cursor:pointer;
  transition:filter .15s ease,transform .15s ease;
}

.polair-selector__button:hover {
  filter:brightness(.96);
}

.polair-selector__button:active {
  transform:translateY(1px);
}

.polair-selector__error {
  display:none;
  margin-top:16px;
  padding:13px 15px;
  border:1px solid #f0c7c0;
  border-radius:8px;
  background:#fff4f2;
  color:#8a3024;
  line-height:1.5;
}

.polair-selector__error.is-visible {
  display:block;
}

/* Результат подбора — раскрывающаяся зона внутри блока параметров */
.polair-selector__result {
  display:none;
  scroll-margin-top:24px;
  margin:24px -22px -22px;
  padding:24px 22px 26px;
  border-top:1px solid #cfdde5;
  border-radius:0 0 14px 14px;
  background:linear-gradient(180deg,#f2f8fb 0%,#f8fbfd 100%);
  box-shadow:inset 0 10px 22px rgba(0,79,122,.035);
}

.polair-selector__result.is-visible {
  display:block;
  animation:polairResultReveal .24s ease-out;
}

@keyframes polairResultReveal {
  from {
    opacity:0;
    transform:translateY(-6px);
  }
  to {
    opacity:1;
    transform:translateY(0);
  }
}

.polair-selector__result-head {
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:18px;
  margin-bottom:18px;
}

.polair-selector__result-heading-group {
  min-width:0;
}

.polair-selector__result-kicker {
  margin:0 0 5px;
  color:var(--ps-green-dark);
  font-size:12px;
  line-height:1.25;
  font-weight:800;
  letter-spacing:.04em;
  text-transform:uppercase;
}

.polair-selector__result-title {
  margin:0 0 7px;
  color:var(--ps-blue);
  font-size:25px;
  line-height:1.24;
}

.polair-selector__result-text {
  margin:0;
  max-width:820px;
  color:#5b6f7b;
  font-size:14px;
  line-height:1.55;

  white-space:nowrap;
}

.polair-selector__result-badge {
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  gap:7px;
  min-height:34px;
  padding:7px 11px;
  border:1px solid #bfe0ca;
  border-radius:999px;
  background:#f2fbf5;
  color:#247244;
  font-size:12px;
  font-weight:800;
  white-space:nowrap;
}

.polair-selector__result-badge::before {
  content:"";
  display:block;
  width:8px;
  height:8px;
  border-radius:50%;
  background:var(--ps-green);
}

.polair-selector__summary {
  display:inline-flex;
  align-items:center;
  flex-wrap:nowrap;
  gap:0;
  margin:0 0 18px;
  padding:11px 14px;
  border:1px solid #dfe9ee;
  border-radius:9px;
  background:#fff;

  width:auto;
  max-width:100%;
}

.polair-selector__summary-item {
  display:flex;
  min-width:0;
  align-items:baseline;
  gap:5px;
  padding:0 14px;
  border-right:1px solid #e4ecef;
  white-space:nowrap;
}

.polair-selector__summary-item:first-child {
  padding-left:0;
}

.polair-selector__summary-item:last-child {
  padding-right:0;
  border-right:0;
}

.polair-selector__summary-item span {
  display:inline;
  margin:0;
  color:#7a8a94;
  font-size:12px;
  line-height:1.35;
}

.polair-selector__summary-item strong {
  display:inline;
  color:#20343f;
  font-size:13px;
  line-height:1.35;
  font-weight:700;
}

.polair-selector__cards {
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(260px,290px));
  gap:14px;
  align-items:stretch;
  justify-content:start;
}

.polair-selector__cards > * {
  min-width:0;
}

.polair-selector__card {
  display:flex;
  width:100%;
  max-width:290px;
  min-width:0;
  min-height:405px;
  flex-direction:column;
  overflow:hidden;
  padding:12px;
  border:1px solid #d6e2e8;
  border-radius:10px;
  background:#fff;
  box-shadow:0 4px 12px rgba(0,79,122,.04);
}

.polair-selector__card-head {
  min-height:58px;
  margin-bottom:8px;
}

.polair-selector__card-model {
  color:var(--ps-blue);
  font-size:17px;
  line-height:1.25;
  font-weight:800;
}

.polair-selector__card-descriptor {
  display:-webkit-box;
  min-height:34px;
  margin-top:5px;
  overflow:hidden;
  color:#536773;
  font-size:12.5px;
  line-height:1.35;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
}

.polair-selector__product-image-box {
  display:flex;
  width:100%;
  height:175px;
  min-height:175px;
  margin:0 0 11px;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  border:1px solid #edf2f5;
  border-radius:8px;
  background:#fff;
}

.polair-selector__product-image-link {
  display:flex;
  width:100%;
  height:100%;
  align-items:center;
  justify-content:center;
  text-decoration:none !important;
}

.polair-selector__product-image {
  display:block;
  width:100%;
  height:100%;
  max-width:100%;
  max-height:100%;
  padding:8px;
  object-fit:contain;
  object-position:center;
}

.polair-selector__product-short-description {
  display:-webkit-box;
  min-height:54px;
  margin:0 0 10px;
  overflow:hidden;
  color:#526670;
  font-size:12px;
  line-height:1.5;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:3;
}



.polair-selector__product-bottom {
  display:flex;
  margin-top:auto;
  flex-direction:column;
  gap:10px;
}

.polair-selector__product-price {
  color:#182a34;
  font-size:18px;
  line-height:1.2;
  font-weight:700;
}

.polair-selector__product-actions {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
}

.polair-selector__invoice-button,
.polair-selector__cart-button {
  display:inline-flex;
  min-height:40px;
  align-items:center;
  justify-content:center;
  padding:9px 10px;
  border-radius:7px;
  font-family:inherit;
  font-size:12px;
  line-height:1.2;
  font-weight:700;
  text-align:center;
  text-decoration:none !important;
  cursor:pointer;
}

.polair-selector__invoice-button {
  border:1px solid var(--ps-blue);
  background:#fff;
  color:var(--ps-blue) !important;
}

.polair-selector__invoice-button:hover {
  background:var(--ps-blue-soft);
  border-color:var(--ps-blue-dark);
}

.polair-selector__invoice-button:disabled {
  cursor:default;
  opacity:.55;
}


.polair-selector__cart-button {
  border:1px solid var(--ps-green);
  background:var(--ps-green);
  color:#fff !important;
}

.polair-selector__cart-button:hover {
  filter:brightness(.96);
}

.polair-selector__cart-button:disabled {
  cursor:default;
  opacity:.72;
}

.polair-selector__cart-button.is-loading {
  opacity:.72;
  cursor:wait;
}

.polair-selector__cart-button.is-added {
  border-color:#1d8d4d;
  background:#1d8d4d;
}

.polair-selector__cart-button.is-error {
  border-color:#bb3f33;
  background:#bb3f33;
}

.polair-selector__cart-message {
  min-height:16px;
  margin-top:7px;
  color:#617581;
  font-size:11px;
  line-height:1.35;
}

.polair-selector__cart-message.is-success {
  color:#247244;
}

.polair-selector__cart-message.is-error {
  color:#a2362c;
}

.polair-selector__fallback {
  display:flex;
  min-height:170px;
  flex-direction:column;
  justify-content:center;
  gap:9px;
  padding:16px;
  border-radius:8px;
  background:#f7f9fb;
  color:#536773;
}


.polair-selector__buy1click-registry {
  position:fixed !important;
  left:-10000px !important;
  top:-10000px !important;
  width:1px !important;
  height:1px !important;
  overflow:hidden !important;
  opacity:0 !important;
  pointer-events:none !important;
}

/* Блок консультации после подборки */
.polair-selector__consult {
  margin-top:20px;
  padding:20px 22px;
  border:1px solid #d7e3e9;
  border-left:4px solid var(--ps-blue);
  border-radius:9px;
  background:#fff;
}

.polair-selector__consult p {
  margin:0 0 11px;
  color:#40515c;
  font-size:14px;
  line-height:1.6;
}

.polair-selector__consult p:last-of-type {
  margin-bottom:16px;
}

.polair-selector__consult strong {
  color:#243741;
}


.polair-selector__contact-options {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  margin-top:2px;
}

.polair-selector__contact-option {
  display:flex;
  min-width:0;
  min-height:64px;
  align-items:center;
  gap:11px;
  padding:11px 13px;
  border:1px solid #dbe5ea;
  border-radius:9px;
  background:#f8fafb;
  color:#28404d !important;
  font:inherit;
  text-align:left;
  text-decoration:none !important;
  cursor:pointer;
  transition:border-color .15s ease, background-color .15s ease, transform .15s ease;
}

button.polair-selector__contact-option {
  width:100%;
  appearance:none;
  -webkit-appearance:none;
}

.polair-selector__contact-option:hover,
.polair-selector__contact-option:focus {
  border-color:#afc8d5;
  background:#f1f7fa;
  outline:none;
}

.polair-selector__contact-option:active {
  transform:translateY(1px);
}

.polair-selector__contact-icon {
  display:inline-flex;
  width:34px;
  height:34px;
  flex:0 0 34px;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  background:#eaf4f8;
  color:var(--ps-blue);
  font-size:18px;
  line-height:1;
}

.polair-selector__contact-content {
  display:flex;
  min-width:0;
  flex-direction:column;
  gap:2px;
}

.polair-selector__contact-label {
  color:#71838d;
  font-size:11.5px;
  line-height:1.25;
}

.polair-selector__contact-value {
  overflow-wrap:anywhere;
  color:#254451;
  font-size:13.5px;
  line-height:1.35;
  font-weight:700;
}

.polair-selector__ordercall-trigger .polair-selector__contact-value {
  color:var(--ps-blue);
}

@media (max-width:1100px) {
  .polair-selector__form {
    grid-template-columns:repeat(3,minmax(0,1fr));
  }

  .polair-selector__summary {
    flex-wrap:wrap;
    row-gap:8px;
  }

  .polair-selector__summary-item {
    padding-left:10px;
    padding-right:10px;
  }
}

@media (max-width:900px) {
  .polair-selector__hero {
    grid-template-columns:1fr 300px;
  }

  .polair-selector__hero-content {
    padding:28px;
  }

  .polair-selector__hero-title {
    font-size:27px;
  }

  .polair-selector__result-head {
    flex-direction:column;
  }

  .polair-selector__result-badge {
    align-self:flex-start;
  }
}

@media (max-width:720px) {
  .polair-selector__contact-options {
    grid-template-columns:1fr;
  }

  .polair-selector__seo p,
  .polair-selector__seo-list li {
    font-size:14px;
  }

  .polair-selector__seo {
    margin-top:30px;
  }

  .polair-selector__seo-section + .polair-selector__seo-section {
    margin-top:24px;
    padding-top:23px;
  }

  .polair-selector__seo h2 {
    font-size:20px;
  }


  .polair-selector__hero {
    grid-template-columns:1fr;
  }

  .polair-selector__hero-media {
    min-height:230px;
    padding:12px 24px 24px;
  }

  .polair-selector__hero-image {
    height:220px;
  }

  .polair-selector__form {
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .polair-selector__summary {
    flex-wrap:wrap;
  }
}

@media (max-width:520px) {
  .polair-selector__hero-content {
    padding:22px 18px;
  }

  .polair-selector__hero-title {
    font-size:24px;
  }

  .polair-selector__panel {
    padding:16px;
  }

  .polair-selector__result {
    margin:22px -16px -16px;
    padding:21px 16px 22px;
    border-radius:0 0 14px 14px;
  }

  .polair-selector__form {
    grid-template-columns:1fr;
  }

  .polair-selector__summary {
    align-items:flex-start;
    flex-direction:column;
    gap:6px;
    padding:11px 13px;
  }

  .polair-selector__summary-item,
  .polair-selector__summary-item:first-child,
  .polair-selector__summary-item:last-child {
    width:100%;
    padding:0;
    border-right:0;
    white-space:normal;
  }

  .polair-selector__cards {
    grid-template-columns:minmax(0,290px);
    justify-content:center;
  }

  .polair-selector__field label {
    min-height:0;
  }

  .polair-selector__actions {
    display:block;
  }

  .polair-selector__button {
    width:100%;
  }

  .polair-selector__consult {
    padding:18px;
  }
}

@media (max-width:1180px) {
  .polair-selector__result-text { white-space:normal; }
}