/* Peregorodki PRO — shared icon system */

.office-type__title{display:flex;align-items:center;gap:var(--ui-icon-gap);min-height:30px;margin:0 0 10px}

.office-type__title h3{margin:0!important;min-width:0}

/* Configuration rows share one leading edge. */
.landing-page .config-options>div{display:grid!important;grid-template-columns:var(--ui-icon-info) minmax(0,1fr)!important;column-gap:12px!important;row-gap:0!important;align-items:start!important}

.landing-page .config-options strong{margin-top:1px}

/* Hero proof is deliberately NOT part of the icon system: short facts use a dot. */
.landing-page .landing-hero__facts{border-top:0!important;gap:18px}
.landing-page .landing-hero__facts>div{position:relative;padding:0 8px 0 16px!important}
.landing-page .landing-hero__facts>div:before{content:"";position:absolute;inset-inline-start:0;top:.47em;width:7px;height:7px;border-radius:50%;background:var(--lime)}
.landing-page .landing-hero__facts strong{font-size:13px!important;line-height:1.2;margin-bottom:4px!important}
.landing-page .landing-hero__facts span{font-size:10.8px!important;line-height:1.4;max-width:175px!important}

/* Trust anchors keep their approved tile. */
.why-icon{width:42px!important;height:42px!important;border:1px solid #d9e7cf!important;border-radius:10px!important;background:#f7fbf3!important;display:grid!important;place-items:center!important;color:var(--ui-icon-color)!important}
.why-icon svg{width:24px;height:24px;display:block}

@media(max-width:620px){
 .landing-page .config-options>div{grid-template-columns:var(--ui-icon-info) minmax(0,1fr)!important;column-gap:11px!important}
 .office-type__title{min-height:0}
}

/* v31 — hierarchy and optical alignment pass */

/* Landing hero facts: same visual weight as the approved homepage proof. */
.landing-page .landing-hero__facts{gap:22px!important;align-items:start!important}
.landing-page .landing-hero__facts>div{padding-inline-start:17px!important;padding-inline-end:2px!important}
.landing-page .landing-hero__facts>div:before{width:7px;height:7px;top:.5em}
.landing-page .landing-hero__facts strong{font-size:15.5px!important;line-height:1.16!important;letter-spacing:-.025em!important;margin-bottom:5px!important}
.landing-page .landing-hero__facts span{font-size:10.8px!important;line-height:1.38!important;max-width:180px!important}

/* Aluminum has longer proof labels: preserve the same rhythm without word-by-word wrapping. */
.landing-page--aluminum .aluminum-hero__features{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important}
.landing-page--aluminum .aluminum-hero__features>div{padding-inline-start:14px!important;padding-inline-end:0!important;min-width:0}
.landing-page--aluminum .aluminum-hero__features strong{font-size:13.4px!important;line-height:1.18!important;text-wrap:pretty}
.landing-page--aluminum .aluminum-hero__features span{font-size:10.6px!important;line-height:1.36!important;text-wrap:pretty;max-width:155px!important}

.office-type__title{gap:9px!important;align-items:center!important;min-height:28px!important;margin-bottom:10px!important}
.office-type__title h3{line-height:1.15!important}

/* Parameter rows use the shared information role. */
.landing-page .config-options>div,
.landing-page .glass-config__options>div,
.landing-page .fullglass-config__options>div{
  display:grid!important;
  grid-template-columns:var(--ui-icon-info) minmax(0,1fr)!important;
  column-gap:var(--ui-icon-info-gap)!important;
  align-items:start!important;
  min-width:0!important;
}

.landing-page .config-options strong,
.landing-page .glass-config__options strong,
.landing-page .fullglass-config__options strong{font-size:16px!important;line-height:1.22!important;margin:1px 0 6px!important}
.landing-page .config-options p,
.landing-page .glass-config__options p,
.landing-page .fullglass-config__options p{font-size:12.5px!important;line-height:1.5!important;margin:0!important}

/* Full-glass card titles are deliberately one line. */
.landing-page--fullglass .fullglass-card__title{display:flex!important;align-items:center!important;gap:9px!important;min-height:28px!important}
.landing-page--fullglass .fullglass-card__title h3{font-size:19px!important;line-height:1.15!important;white-space:normal!important}

@media(max-width:1020px){
  .landing-page--aluminum .aluminum-hero__features{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .landing-page--aluminum .aluminum-hero__features>div:last-child{grid-column:auto!important}
}
@media(max-width:720px){
  .landing-page .landing-hero__facts{grid-template-columns:1fr 1fr!important;gap:16px 22px!important}
  .landing-page .landing-hero__facts>div:last-child{grid-column:1/-1!important}
  .landing-page--aluminum .aluminum-hero__features{grid-template-columns:1fr 1fr!important}
  .landing-page--aluminum .aluminum-hero__features>div:last-child{grid-column:1/-1!important}
  .landing-page .config-options>div,.landing-page .glass-config__options>div,.landing-page .fullglass-config__options>div{grid-template-columns:var(--ui-icon-info) minmax(0,1fr)!important;column-gap:12px!important}

}

/* v32 — image/content polish */
.project-overlay h3{display:block;margin:0}
.project-overlay p{display:block;max-width:92%}

/* v32.1 — fix aluminum hero facts stacking */
.landing-page--aluminum .aluminum-hero__features{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:18px!important;
  margin-top:32px!important;
}
.landing-page--aluminum .aluminum-hero__features>div{
  display:grid!important;
  align-content:start!important;
  gap:4px!important;
  min-width:0!important;
  padding-inline-start:16px!important;
  padding-inline-end:0!important;
}
.landing-page--aluminum .aluminum-hero__features strong{
  display:block!important;
  font-size:14px!important;
  line-height:1.18!important;
  margin:0!important;
  letter-spacing:-.02em!important;
}
.landing-page--aluminum .aluminum-hero__features span{
  display:block!important;
  font-size:10.8px!important;
  line-height:1.38!important;
  max-width:145px!important;
}
@media(max-width:1020px){
  .landing-page--aluminum .aluminum-hero__features{grid-template-columns:1fr 1fr!important}
  .landing-page--aluminum .aluminum-hero__features>div:last-child{grid-column:1/-1!important}
}
@media(max-width:620px){
  .landing-page--aluminum .aluminum-hero__features{grid-template-columns:1fr!important;gap:14px!important}
  .landing-page--aluminum .aluminum-hero__features>div:last-child{grid-column:auto!important}
  .landing-page--aluminum .aluminum-hero__features span{max-width:none!important}
}

/* v35 — unified square UI system */
.landing-hero__media figcaption span,
.hero-chip,
.why-icon,
.construction-cta,
.aluminum-type-card,
.aluminum-type-card__media,
.discount-chip,
.calc-discount,
.project-calc__time,
.calc-note,
.solution-note,
.sanitary-config__cta,
.fullglass-config__cta,
.aluminum-config__cta,
.glass-config__cta,
.office-type,
.office-type__media,
.project,
.project>a,
.project img,
.calc-direction,
.calc-choice-row button,
.calc-toggle>span,
.calc-live-price,
.calc-modal__dialog,
.seo-panel,
.review-platform,
.fullglass-tech-profile,
.fullglass-tech-node,
.fullglass-tech__note,
.aluminum-door-option,
.glass-door-options article,
.fullglass-door-options article,
.project-tags span,
.mobile-estimate,
.contact-panel__actions .discount-chip,
.solution-preview,
.solution-preview img,
.button,
.calc-size-mode button,
.calc-counter,
.calc-counter button,
.calc-field input,
.calc-field>div,
.calc-area-readout,
.calc-result__contact input,
.calc-result__status {
  border-radius:0!important;
}
.calc-note{transform:none!important;box-shadow:3px 4px 0 rgba(126,244,0,.10)!important}
.solution-note{transform:none!important}
.landing-hero__media figcaption span{box-shadow:0 6px 18px rgba(0,0,0,.07)}
.project-calc__time,.calc-discount{border-radius:0!important}

/* keep intentionally circular micro-elements circular */
.hero-proof>div::before,
.landing-hero__facts>div::before,
.ral-swatch,
.review-platform__mark--round{border-radius:50%!important}

/* Yandex Maps mark — use same optical size on every page */
.review-platform:first-child .review-platform__mark{overflow:visible!important}
.review-platform:first-child .review-platform__mark img{width:30px!important;height:38px!important;object-fit:contain!important;display:block!important;margin:auto!important}

/* Pending menu items: visible, but intentionally not clickable */
.mega-menu__pending,.mobile-nav__pending{
  display:block;color:#9aa29d!important;cursor:default;pointer-events:none;text-decoration:none!important
}
.mega-menu__pending{font-size:12px;line-height:1.35;padding:5px 0}
.mobile-nav__pending{padding:8px 0;font-size:13px}

/* Footer messengers: compact, no duplicate noisy text links */
.footer-socials{display:flex;align-items:center;gap:12px;margin-top:8px}
.footer-socials a,.footer-socials span{display:inline-flex;align-items:center;gap:6px;font-size:11px;color:#c8d0cb}
.footer-socials img{width:16px;height:16px;object-fit:contain;display:block}
.footer-socials svg{width:16px;height:16px;display:block;fill:currentColor}
.footer-up{cursor:pointer;position:relative;z-index:2}

/* Canonical icon roles. SVG is inline to inherit currentColor in local archives. */
:root{--ui-icon-gap:10px;--ui-icon-utility:16px;--ui-icon-card:22px;--ui-icon-info:28px;--ui-icon-info-gap:12px;--ui-icon-color:#56b300}
.ui-icon{width:var(--ui-icon-card);height:var(--ui-icon-card);min-width:var(--ui-icon-card);flex:0 0 var(--ui-icon-card);display:inline-grid;place-items:center;margin:0;color:var(--ui-icon-color)}
.ui-icon svg{display:block;width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.landing-page :is(.config-options,.glass-config__options,.fullglass-config__options,.sanitary-config__options) .ui-icon{width:var(--ui-icon-info);height:var(--ui-icon-info);min-width:var(--ui-icon-info);flex-basis:var(--ui-icon-info);align-self:start;margin:0}
.why-icon svg{width:24px;height:24px;display:block;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.button .button-icon{width:var(--ui-icon-utility);height:var(--ui-icon-utility);flex:0 0 var(--ui-icon-utility);fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}