/*!
 * Sarmagarma Hero — stylesheet
 * Loaded only on pages that render the [sg_sarmagarma_hero] shortcode.
 * Namespaced entirely under .sg-hero — no bare element selectors.
 */
.sg-hero *{
  box-sizing:border-box;
}
.sg-hero{
  box-sizing:border-box;
  --sg-blue:#1746b5;
  --sg-blue2:#2d63d5;
  --sg-orange:#ee6b2d;
  --sg-ink:#172236;
  --sg-muted:#6f7d91;
  --sg-line:#e3e9f1;
  --sg-cool:1;
  --sg-warm:0;
  --sg-neutral:0;
  direction:rtl;
  position:relative;
  width:min(calc(100% - 26px),1500px);
  min-height:600px;
  margin:14px auto 34px;
  overflow:hidden;
  border:1px solid var(--sg-line);
  border-radius:30px;
  background:#fff;
  box-shadow:0 28px 70px rgba(26,44,76,.09),
    inset 0 1px 0 rgba(255,255,255,.95);
  isolation:isolate;
  font-family:inherit;
  color:var(--sg-ink);
}
.sg-hero__bg{
  position:absolute;
  inset:0;
  z-index:-5;
  overflow:hidden;
  pointer-events:none;
}
.sg-hero__bg-cool{
  background-image:none;
  opacity:var(--sg-cool);
}
.sg-hero__bg-warm{
  background-image:none;
  opacity:var(--sg-warm);
}
.sg-hero__veil{
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,
      rgba(255,255,255,.98) 0%,
      rgba(255,255,255,.96) 34%,
      rgba(255,255,255,.76) 57%,
      rgba(255,255,255,.34) 100%
    ),
    linear-gradient(180deg,
      rgba(250,252,255,.18),
      rgba(248,250,253,.30)
    );
}
.sg-hero[data-mode="heat"] .sg-hero__veil{
  background:linear-gradient(90deg,
      rgba(255,255,255,.98) 0%,
      rgba(255,255,255,.96) 34%,
      rgba(255,252,249,.76) 58%,
      rgba(255,243,233,.36) 100%
    ),
    linear-gradient(180deg,
      rgba(255,252,248,.15),
      rgba(255,247,241,.28)
    );
}
.sg-hero__inner{
  min-height:600px;
  display:grid;
  grid-template-columns:minmax(410px,.88fr) minmax(610px,1.12fr);
  align-items:center;
  gap:36px;
  padding:42px 50px 36px;
}
.sg-hero__eyebrow{
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-height:34px;
  padding:0 11px;
  border:1px solid #e1e7ef;
  border-radius:999px;
  background:rgba(255,255,255,.86);
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
  color:#5f6f86;
  font-size:9.8px;
  font-weight:800;
}
.sg-hero__eyebrow-dot{
  width:7px;
  height:7px;
  border-radius:50%;
  background:var(--sg-blue2);
  box-shadow:0 0 0 4px rgba(45,99,213,.08);
  transition:.3s ease;
}
.sg-hero[data-mode="heat"] .sg-hero__eyebrow-dot{
  background:var(--sg-orange);
  box-shadow:0 0 0 4px rgba(238,107,45,.08);
}
.sg-hero__title{
  margin:16px 0 10px;
  max-width:660px;
  font-size:clamp(34px,3vw,50px);
  line-height:1.46;
  letter-spacing:-1.35px;
  font-weight:950;
  color:#172236;
}
.sg-hero__title span{
  display:block;
}
.sg-hero__title em{
  display:block;
  margin-top:2px;
  font-style:normal;
  color:var(--sg-blue);
  transition:color .35s ease;
}
.sg-hero[data-mode="heat"] .sg-hero__title em{
  color:#da5c22;
}
.sg-hero__lead{
  max-width:570px;
  margin:0;
  color:#6a788d;
  font-size:12.5px;
  font-weight:560;
  line-height:2;
}
.sg-hero__weather-icon svg{
  width:17px;
  height:17px;
  stroke-width:1.8;
}
.sg-hero__actions{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:16px;
}
.sg-hero__btn{
  min-height:45px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  padding:0 16px;
  border-radius:12px;
  text-decoration:none !important;
  font-size:10.6px;
  font-weight:850;
  transition:transform .18s ease,
    box-shadow .18s ease,
    background .3s ease,
    border-color .18s ease;
}
.sg-hero__btn svg{
  width:15px;
  height:15px;
  stroke-width:1.9;
}
.sg-hero__btn--primary{
  color:#fff !important;
  background:linear-gradient(135deg,var(--sg-blue2),var(--sg-blue));
  box-shadow:0 10px 23px rgba(23,70,181,.18);
}
.sg-hero[data-mode="heat"] .sg-hero__btn--primary{
  background:linear-gradient(135deg,#f27c3b,#dd591f);
  box-shadow:0 10px 23px rgba(221,89,31,.17);
}
.sg-hero__btn--primary:hover{
  transform:translateY(-2px);
  box-shadow:0 15px 30px rgba(23,70,181,.23);
}
.sg-hero__btn--ghost{
  color:#39475c !important;
  border:1px solid #dfe6ef;
  background:rgba(255,255,255,.88);
}
.sg-hero__btn--ghost:hover{
  transform:translateY(-2px);
  border-color:#ccd8e8;
  background:#fff;
}
.sg-hero__consult-panel[hidden]{
  display:none !important;
}
.sg-hero__consult-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:12px;
  padding-bottom:10px;
  border-bottom:1px dashed #e6edf6;
}
.sg-hero__consult-copy strong{
  display:block;
  color:#22324a;
  font-size:10.6px;
  font-weight:900;
  line-height:1.5;
}
.sg-hero__consult-copy small{
  display:block;
  margin-top:3px;
  color:#8190a4;
  font-size:8px;
  font-weight:740;
  line-height:1.7;
}
.sg-hero__consult-badge{
  width:40px;
  height:40px;
  display:grid;
  place-items:center;
  flex:none;
  border-radius:14px;
  background:linear-gradient(180deg,#eff5ff,#e7f0ff);
  color:#2458c5;
}
.sg-hero__consult-badge svg{
  width:18px;
  height:18px;
  stroke-width:1.8;
}
.sg-hero__consult-list{
  display:grid;
  gap:9px;
}
.sg-hero__consult-item{
  min-height:58px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:0 14px;
  border:1px solid #e1e8f1;
  border-radius:15px;
  background:#fff;
  text-decoration:none !important;
  box-shadow:0 6px 16px rgba(23,44,77,.04);
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.sg-hero__consult-item:hover{
  transform:translateY(-2px);
  border-color:#cad7ea;
  box-shadow:0 12px 24px rgba(23,44,77,.08);
}
.sg-hero__consult-item-copy{
  display:flex;
  flex-direction:column;
  gap:3px;
  min-width:0;
}
.sg-hero__consult-item-copy small{
  color:#8795a8;
  font-size:7.8px;
  font-weight:760;
}
.sg-hero__consult-item-copy strong{
  color:#20314b;
  font-size:11px;
  font-weight:920;
  direction:ltr;
  text-align:right;
  font-family:Arial,sans-serif;
}
.sg-hero__consult-call{
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  flex:none;
  border-radius:13px;
  background:linear-gradient(135deg,#fff3e9,#ffe8db);
  color:#e56f31;
}
.sg-hero__consult-call svg{
  width:16px;
  height:16px;
  stroke-width:1.9;
}
.sg-hero__proof{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:9px 16px;
  margin-top:15px;
  color:#7a8799;
  font-size:8.7px;
  font-weight:690;
}
.sg-hero__proof span:nth-child(2) i{
  background:#ec7940;
}
.sg-hero__proof span{
  display:flex;
  align-items:center;
  gap:6px;
  color:#68778c;
}
.sg-hero__proof svg{
  width:14px;
  height:14px;
  flex:none;
  stroke-width:1.7;
  color:#5875a3;
}
.sg-hero__proof span:nth-child(2) svg{
  color:#e57136;
}
.sg-hero__proof i{
  width:5px;
  height:5px;
  border-radius:50%;
  background:#6d83a5;
  display:none !important;
}
.sg-hero__visual::before{
  content:"";
  position:absolute;
  width:560px;
  height:420px;
  left:42%;
  top:49%;
  transform:translate(-50%,-50%);
  border-radius:50%;
  background:radial-gradient(circle,
    rgba(73,151,247,.12),
    rgba(73,151,247,.025) 47%,
    transparent 72%);
  opacity:calc(.14 + var(--sg-cool) * .62);
  transition:.5s ease;
}
.sg-hero[data-mode="heat"] .sg-hero__visual::before{
  background:radial-gradient(circle,
    rgba(242,122,57,.10),
    rgba(242,122,57,.02) 44%,
    transparent 70%);
}
.sg-hero[data-mode="heat"] .sg-hero__product--ac{
  transform:translate(-2%, -8px) scale(.96);
}
.sg-hero__dial:active{
  cursor:grabbing;
}
.sg-hero__dial:focus-visible{
  box-shadow:0 0 0 3px rgba(52,116,231,.5),0 0 0 7px rgba(52,116,231,.10);
}
.sg-hero__dial-img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:contain;
  pointer-events:none;
}
.sg-hero__dial-display{
  position:absolute;
  inset:25.8%;
  z-index:3;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  background:radial-gradient(circle at 38% 28%,
      rgba(44,52,68,.46),
      rgba(7,10,14,.97) 46%,
      #05070a 74%);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.05),
    inset 0 -14px 26px rgba(0,0,0,.32);
  pointer-events:none;
}
.sg-hero__dial-temp{
  display:flex;
  align-items:flex-start;
  direction:ltr;
  color:#fff;
  font-family:Arial,sans-serif;
  text-shadow:0 3px 12px rgba(0,0,0,.25);
}
.sg-hero__dial-temp strong{
  font-size:26px;
  line-height:.92;
  font-weight:300;
  letter-spacing:-1.5px;
}
.sg-hero__dial-temp sup{
  margin-top:3px;
  font-size:9px;
  font-weight:400;
}
.sg-hero__dial-mode{
  margin-top:3px;
  color:#aab8c9;
  font-size:6px;
  font-weight:760;
}
.sg-hero__season-btn:hover{
  background:#f3f6fb;
  color:var(--sg-blue);
}
.sg-hero[data-mode="heat"] .sg-hero__season-btn.is-on{
  color:#d95b20;
}
.sg-hero__location.is-visible{
  opacity:1;
  transform:none;
}
.sg-hero__location svg{
  width:13px;
  height:13px;
  color:#5677ac;
  flex:none;
}
.sg-hero__capacity-title{
  display:flex;
  align-items:center;
  gap:6px;
  min-width:0;
}
.sg-hero__capacity-icon{
  width:28px;
  height:28px;
  display:grid;
  place-items:center;
  flex:none;
  border-radius:8px;
  background:#eef4ff;
  color:#2458c5;
}
.sg-hero__capacity-icon svg{
  width:14px;
  height:14px;
  stroke-width:1.8;
}
.sg-hero__capacity-title span{
  display:flex;
  flex-direction:column;
  gap:1px;
}
.sg-hero__area-btn:hover{
  border-color:#cbd8ea;
  background:#f5f8ff;
  color:#2458c5;
}
.sg-hero__capacity-result-copy{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:2px;
}
.sg-hero__capacity-result-copy small{
  color:#8390a3;
  font-size:7.2px;
  font-weight:680;
}
.sg-hero__capacity-link svg{
  width:11px;
  height:11px;
  stroke-width:2;
}
.sg-hero__sunny-toggle::before{
  content:"";
  width:17px;
  height:10px;
  border-radius:999px;
  background:#dfe5ed;
  box-shadow:inset 0 0 0 1px rgba(80,99,126,.07);
  transition:.16s ease;
}
.sg-hero__sunny-toggle::after{
  content:"";
  position:absolute;
  width:6px;
  height:6px;
  margin-right:2px;
  border-radius:50%;
  background:#fff;
  box-shadow:0 1px 4px rgba(33,48,72,.22);
  transition:transform .16s ease;
}
.sg-hero__sunny-toggle[aria-pressed="true"]::before{
  background:#f3a06f;
}
.sg-hero__sunny-toggle[aria-pressed="true"]::after{
  transform:translateX(-7px);
}
.sg-hero__t3{
  display:none;
  align-items:center;
  gap:4px;
  margin-top:7px;
  padding-top:7px;
  border-top:1px solid #edf1f5;
  color:#66758b;
  font-size:6.9px;
  font-weight:700;
}
.sg-hero__t3.is-visible{
  display:flex;
}
.sg-hero__t3 svg{
  width:11px;
  height:11px;
  color:#e36a2d;
  stroke-width:1.8;
}
.sg-hero__t3 a{
  color:#d85e24 !important;
  text-decoration:none !important;
  font-weight:820;
}
.sg-hero[data-mode="spring"] .sg-hero__product-label svg{
  color:#20a073;
}
.sg-hero[data-mode="autumn"] .sg-hero__product-label svg{
  color:#d98032;
}
.sg-hero[data-mode="cool"] .sg-hero__capacity-card{
  opacity:1;
  transform:none;
  pointer-events:auto;
}
.sg-hero__capacity-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  margin-bottom:12px;
}
.sg-hero__capacity-title .sg-hero__capacity-sub{
  margin-top:4px;
  display:inline-flex;
  align-items:center;
  gap:6px;
  color:#71839a;
  font-size:7px;
  font-weight:700;
}
.sg-hero__capacity-sub span{
  display:inline-flex;
  align-items:center;
  gap:4px;
  padding:4px 7px;
  border-radius:999px;
  background:#f1f5fb;
  border:1px solid #e3eaf6;
}
.sg-hero__area-control{
  display:grid;
  grid-template-columns:30px minmax(0,1fr) 30px;
  align-items:center;
  gap:8px;
  margin-bottom:10px;
}
.sg-hero__area-value strong{
  font-family:Arial,sans-serif;
  font-size:15px;
  font-weight:800;
}
.sg-hero__capacity-result-copy strong{
  color:#1746b5;
  font-size:15px;
  font-weight:900;
  direction:ltr;
  text-align:right;
}
.sg-hero__capacity-coverage{
  margin-top:10px;
  display:grid;
  grid-template-columns:1.2fr .8fr;
  gap:8px;
}
.sg-hero__coverage-box small{
  display:block;
  color:#8a96a8;
  font-size:6.8px;
  font-weight:700;
  margin-bottom:4px;
}
.sg-hero__capacity-meta{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:6px;
  margin-top:9px;
  color:#8a96a8;
  font-size:6.9px;
  font-weight:650;
  padding-top:8px;
  border-top:1px dashed #e7edf6;
}
.sg-hero__sunny-toggle{
  display:inline-flex;
  align-items:center;
  gap:4px;
  border:0;
  padding:0;
  background:transparent;
  color:#76859a;
  font-family:inherit;
  font-size:7.2px;
  font-weight:720;
  cursor:pointer;
  position:relative;
}
.sg-hero__capacity-note{
  margin-top:7px;
  color:#98a2b3;
  font-size:6.4px;
  line-height:1.6;
}
.sg-hero__season-btn:nth-child(1)::before{
  background:#f28b41;
}
.sg-hero__season-btn:nth-child(2)::before{
  background:#31b480;
}
.sg-hero__season-btn:nth-child(3)::before{
  background:#4092ff;
}
.sg-hero__season-btn:nth-child(4)::before{
  background:#d2a44e;
}
.sg-hero__visual{
  position:relative;
  min-height:520px;
  display:flex;
  align-items:flex-end;
  justify-content:flex-start;
  padding-left:10px;
  overflow:visible;
}
.sg-hero__content{
  position:relative;
  z-index:8;
  max-width:620px;
  padding-right:10px;
}
.sg-hero__weather-copy small[data-sg-weather-note]{
  line-height:1.7;
}
.sg-hero__coverage-box strong{
  display:block;
  color:#24354c;
  font-size:10.4px;
  font-weight:840;
}
.sg-hero__season-btn::before{
  content:none !important;
  width:8px;
  height:8px;
  border-radius:50%;
  margin-left:6px;
  display:none !important;
  vertical-align:middle;
  background:#d7dde7;
  box-shadow:0 0 0 1px rgba(0,0,0,.03);
}
.sg-hero__season-icon{
  width:16px;
  height:16px;
  display:inline-grid;
  place-items:center;
  flex:0 0 16px;
}
.sg-hero__season-btn:nth-child(1){
  color:#d78b29;
}
.sg-hero__season-btn:nth-child(2){
  color:#1aa46b;
}
.sg-hero__season-btn:nth-child(3){
  color:#2e71df;
}
.sg-hero__season-btn:nth-child(4){
  color:#b56b1e;
}
.sg-hero[data-mode="heat"] .sg-hero__product-label svg{
  color:#ef7d36;
}
.sg-hero[data-mode="heat"] .sg-hero__location{
  background:rgba(255,250,246,.92);
}
.sg-hero[data-mode="cool"] .sg-hero__location{
  background:rgba(249,252,255,.92);
}
.sg-hero__location-icon svg{
  width:16px;
  height:16px;
  stroke-width:1.8;
}
.sg-hero__osm-credit{
  font-size:5.8px !important;
  color:#9aa4b3 !important;
  margin-top:1px;
}
.sg-hero__location-action svg{
  width:12px;
  height:12px;
  stroke-width:1.9;
}
.sg-hero__location-action.is-loading{
  opacity:.65;
  pointer-events:none;
}
.sg-hero__location.is-precise .sg-hero__location-icon{
  background:#ecf8f3;
  color:#159668;
}
.sg-hero__location.is-precise .sg-hero__location-action{
  display:none;
}
.sg-hero__dial-coach{
  position:absolute;
  inset:-13px;
  z-index:-1;
  pointer-events:none;
  border-radius:50%;
  opacity:1;
  transition:opacity .25s ease,transform .25s ease;
}
.sg-hero.is-touched .sg-hero__dial-coach{
  opacity:.18;
  transform:scale(.96);
}
.sg-hero__dial-coach-ring{
  position:absolute;
  inset:0;
  border-radius:50%;
  background:conic-gradient(from 35deg,transparent 0 46deg,rgba(45,99,213,.32) 46deg 128deg,transparent 128deg 225deg,rgba(238,107,45,.26) 225deg 305deg,transparent 305deg 360deg);
  -webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 1.5px),#000 calc(100% - 1px));
  mask:radial-gradient(farthest-side,transparent calc(100% - 1.5px),#000 calc(100% - 1px));
  animation:sgDialCoachSpin 7s linear infinite;
}
.sg-hero__dial-coach-orbit{
  position:absolute;
  width:24px;
  height:24px;
  display:grid;
  place-items:center;
  border-radius:50%;
  right:-8px;
  top:14px;
  background:#fff;
  border:1px solid #dce6f4;
  color:#2d63d5;
  box-shadow:0 7px 16px rgba(28,45,78,.10);
}
.sg-hero__dial-coach-orbit svg{
  width:13px;
  height:13px;
  stroke-width:1.8;
}
.sg-hero__dial-coach-label{
  position:absolute;
  left:50%;
  bottom:-26px;
  transform:translateX(-50%);
  white-space:nowrap;
  min-height:22px;
  display:inline-flex;
  align-items:center;
  padding:0 8px;
  border-radius:8px;
  background:rgba(255,255,255,.93);
  border:1px solid #e1e8f2;
  color:#718095;
  box-shadow:0 6px 16px rgba(31,48,80,.055);
  font-size:6.6px;
  font-weight:760;
}
.sg-hero__location-action:hover{
  background:#edf4ff;
  border-color:#c8d9f4;
  transform:translateY(-1px);
  box-shadow:0 7px 15px rgba(38,74,139,.09);
}
.sg-hero__location-action:focus-visible{
  outline:2px solid rgba(45,99,213,.35);
  outline-offset:2px;
}
.sg-hero__location-action.is-loading svg{
  animation:sgLocationSpin 1s linear infinite;
}
.sg-hero__location-action.is-success{
  color:#14855d;
  background:#effaf5;
  border-color:#d1eee1;
}
.sg-hero__location.is-denied .sg-hero__location-action{
  display:inline-flex;
  color:#755f42;
  background:#fffaf1;
  border-color:#f0dfc5;
}
.sg-hero__location-help[hidden]{
  display:none !important;
}
.sg-hero__location-help-icon{
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  border-radius:10px;
  background:#eef4ff;
  color:#2859bf;
}
.sg-hero__location-help-icon svg{
  width:16px;
  height:16px;
  stroke-width:1.8;
}
.sg-hero__location-help-open{
  grid-column:1/-1;
  min-height:32px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin-top:2px;
  padding:0 10px;
  border-radius:9px;
  border:1px solid #d8e3f3;
  background:#f4f8ff;
  color:#2457bb !important;
  font-family:inherit;
  font-size:7.8px;
  font-weight:850;
  text-decoration:none !important;
  cursor:pointer;
}
.sg-hero__location-help-retry{
  grid-column:1/-1;
  min-height:32px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin-top:2px;
  padding:0 10px;
  border-radius:9px;
  border:1px solid #d8e3f3;
  background:#f4f8ff;
  color:#2457bb !important;
  font-family:inherit;
  font-size:7.8px;
  font-weight:850;
  text-decoration:none !important;
  cursor:pointer;
}
.sg-hero__location-help-open[hidden]{
  display:none !important;
}
.sg-hero__location-help-retry[hidden]{
  display:none !important;
}
.sg-hero__location-help-retry:hover{
  background:#eaf2ff;
}
.sg-hero__location-help-open:hover{
  background:#eaf2ff;
}
.sg-hero__location-help{
  position:absolute;
  top:82px;
  left:20px;
  z-index:30;
  width:min(330px,calc(100% - 40px));
  display:grid;
  grid-template-columns:34px minmax(0,1fr);
  gap:9px;
  align-items:start;
  padding:12px 12px 12px 44px;
  border:1px solid #dde6f1;
  border-radius:16px;
  background:rgba(255,255,255,.97);
  box-shadow:0 18px 42px rgba(20,36,61,.13);
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
  direction:rtl;
}
.sg-hero__location-help-copy{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:3px;
  padding-left:0;
  overflow:hidden;
}
.sg-hero__location-help-copy strong{
  font-size:9.6px;
  font-weight:880;
  color:#25364c;
  display:block;
  max-width:100%;
  white-space:normal;
  overflow-wrap:anywhere;
  word-break:normal;
  text-align:right;
  line-height:1.75;
}
.sg-hero__location-help-copy span{
  font-size:7.4px;
  line-height:1.9;
  font-weight:690;
  color:#718198;
  display:block;
  max-width:100%;
  white-space:normal;
  overflow-wrap:anywhere;
  word-break:normal;
  text-align:right;
}
.sg-hero__location-help-close{
  position:absolute;
  top:10px;
  left:10px;
  width:25px;
  height:25px;
  border:0;
  border-radius:7px;
  display:grid;
  place-items:center;
  background:#f5f7fa;
  color:#7a8798;
  font:700 17px/1 Arial;
  cursor:pointer;
  z-index:3;
  flex:none;
}
.sg-hero__location-copy{
  display:flex;
  flex-direction:column;
  gap:4px;
  min-width:0;
}
.sg-hero__location-icon{
  width:40px !important;
  height:40px !important;
  display:grid;
  place-items:center;
  border-radius:13px !important;
  color:#2b63d8 !important;
  background:linear-gradient(180deg,#f4f8ff,#ebf2ff) !important;
  flex:none;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.7) !important;
}
.sg-hero__location-copy strong{
  font-size:11px !important;
  color:#203249 !important;
  font-weight:880 !important;
  white-space:nowrap;
}
.sg-hero__location-copy small{
  font-size:7.6px !important;
  color:#7f8fa6 !important;
  font-weight:700;
  line-height:1.85 !important;
  max-width:260px !important;
  display:block;
}
.sg-hero__location-action{
  min-height:34px !important;
  display:inline-flex;
  align-items:center;
  gap:5px;
  padding:0 12px !important;
  border:1px solid #dbe5f4;
  border-radius:12px !important;
  background:linear-gradient(180deg,#fbfdff,#f3f7fd);
  color:#2857b6;
  font-family:inherit;
  font-size:8.2px !important;
  font-weight:820 !important;
  cursor:pointer;
  white-space:nowrap;
  transition:transform .16s ease,background .16s ease,border-color .16s ease;
  box-shadow:0 4px 10px rgba(38,74,139,.05);
}
.sg-hero__product-label svg{
  width:15px !important;
  height:15px !important;
  stroke-width:1.8;
  color:#2d63d5;
}
.sg-hero__weather{
  width:min(100%,560px) !important;
  min-height:66px !important;
  display:grid;
  grid-template-columns:38px minmax(0,1fr) auto;
  align-items:center;
  gap:10px;
  margin-top:18px;
  padding:9px 11px !important;
  border:1px solid transparent !important;
  border-radius:18px !important;
  background:linear-gradient(180deg, rgba(255,255,255,.96), rgba(248,251,255,.94)) padding-box,
    linear-gradient(135deg, rgba(47,93,216,.26), rgba(234,111,42,.20)) border-box !important;
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
  box-shadow:0 18px 42px rgba(25,42,72,.07) !important;
}
.sg-hero__weather-icon{
  width:42px !important;
  height:42px !important;
  display:grid;
  place-items:center;
  border-radius:13px !important;
  background:linear-gradient(180deg,#eef5ff,#e8f1ff) !important;
  color:var(--sg-blue);
  transition:.3s ease;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.78) !important;
}
.sg-hero[data-mode="heat"] .sg-hero__weather-icon{
  background:linear-gradient(180deg,#fff3ea,#ffecdf) !important;
  color:#e4672b;
}
.sg-hero__weather-copy{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:3px !important;
}
.sg-hero__weather-copy small{
  font-size:8.9px !important;
  font-weight:790 !important;
  color:#8794a7 !important;
}
.sg-hero__weather-copy strong{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:11.9px !important;
  line-height:1.55 !important;
  font-weight:900 !important;
  color:#203249 !important;
}
.sg-hero__weather-temp{
  min-width:64px !important;
  text-align:center;
  direction:ltr;
  color:#203249 !important;
  font-family:Arial,sans-serif;
  font-size:21px !important;
  font-weight:900 !important;
}
.sg-hero__capacity-title small{
  color:#8a96a8;
  font-size:7.7px !important;
  font-weight:760 !important;
  letter-spacing:.02em;
}
.sg-hero__capacity-title strong{
  color:#29364a;
  font-size:10.2px !important;
  font-weight:890 !important;
}
.sg-hero__area-btn{
  width:36px;
  height:36px;
  display:grid;
  place-items:center;
  border:1px solid #e2e8f0;
  border-radius:11px !important;
  background:linear-gradient(180deg,#fff,#f8fbff);
  color:#5f6f86;
  font-family:inherit;
  font-size:14px;
  font-weight:700;
  cursor:pointer;
  transition:.15s ease;
  box-shadow:0 4px 12px rgba(23,44,81,.04);
}
.sg-hero__area-value{
  min-height:36px !important;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:4px;
  border-radius:12px !important;
  background:linear-gradient(180deg,#f9fbff,#f3f7fd) !important;
  color:#334155;
  font-size:10px !important;
  font-weight:840 !important;
  border:1px solid #dce5f2 !important;
}
.sg-hero__capacity-result{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:10px;
  padding:11px 12px !important;
  border-radius:16px !important;
  background:linear-gradient(180deg,#ffffff,#f7fbff) !important;
  border:1px solid #dbe5f3 !important;
}
.sg-hero__capacity-result strong{
  font-size:13px !important;
  font-weight:900 !important;
}
.sg-hero__capacity-link{
  min-height:40px !important;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:4px;
  padding:0 14px !important;
  border-radius:13px !important;
  background:#1746b5;
  color:#fff !important;
  text-decoration:none !important;
  font-size:7.7px;
  font-weight:820;
  box-shadow:0 6px 14px rgba(23,70,181,.14);
  min-width:62px;
}
.sg-hero__coverage-box{
  padding:8px 9px;
  border-radius:14px !important;
  background:linear-gradient(180deg,#ffffff,#f8fbff) !important;
  border:1px solid #dde6f3 !important;
  box-shadow:0 6px 16px rgba(31,48,80,.04);
}
.sg-hero__capacity-card::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  pointer-events:none;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.85);
}
.sg-hero__season-btn{
  min-width:74px !important;
  min-height:38px !important;
  padding:0 14px !important;
  border:0;
  border-radius:12px !important;
  background:transparent;
  color:#728095;
  font-family:inherit;
  font-size:7.8px;
  font-weight:830 !important;
  cursor:pointer;
  transition:.16s ease;
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
}
.sg-hero__season-btn.is-on{
  background:linear-gradient(180deg,#ffffff,#f5f8ff);
  color:var(--sg-blue);
  box-shadow:0 7px 18px rgba(39,63,104,.08) !important;
}
.sg-hero__season-icon svg{
  width:16px;
  height:16px;
  stroke-width:1.85 !important;
}
.sg-hero__bg-layer{
  position:absolute;
  inset:-1.5%;
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
  transform:none !important;
  transition:opacity .35s ease !important;
}
.sg-hero__consult-panel{
  width:min(100%, 470px);
  margin-top:12px;
  padding:14px;
  border:1px solid #dfe7f1;
  border-radius:18px;
  background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(247,250,255,.95));
  backdrop-filter:none !important;
  box-shadow:0 16px 40px rgba(27,45,76,.09);
  animation:sgConsultFade .24s ease;
  -webkit-backdrop-filter:none !important;
}
.sg-hero.is-paused .sg-hero__dial-coach-ring{
  animation-play-state:paused !important;
}
.sg-hero__product{
  position:absolute;
  display:block;
  object-fit:contain;
  max-width:96%;
  max-height:92%;
  filter:drop-shadow(0 10px 13px rgba(25,40,66,.11)) !important;
  transition:opacity .55s ease,transform .7s cubic-bezier(.2,.75,.2,1);
  z-index:3 !important;
}
.sg-hero[data-mode="heat"] .sg-hero__product--heater{
  transform:translate(-2%,2px) scale(1.13) !important;
}
.sg-hero__ac-airfx{
  position:absolute;
  z-index:5;
  left:13%;
  top:57%;
  width:70%;
  height:31%;
  pointer-events:none;
  opacity:var(--sg-cool);
  transform-origin:18% 0%;
  transition:opacity .35s ease;
}
.sg-hero__ac-mist{
  position:absolute;
  left:4%;
  top:-8%;
  width:88%;
  height:90%;
  border-radius:0 0 58% 45%;
  background:radial-gradient(ellipse at 22% 0%,
      rgba(228,247,255,.76) 0%,
      rgba(198,235,255,.34) 26%,
      rgba(152,216,255,.15) 48%,
      rgba(152,216,255,0) 74%),
    linear-gradient(112deg,
      rgba(255,255,255,.38) 0%,
      rgba(192,234,255,.20) 34%,
      rgba(147,211,255,.09) 60%,
      rgba(147,211,255,0) 82%);
  clip-path:polygon(0 0,100% 0,91% 72%,69% 100%,36% 88%,11% 54%);
  opacity:.92;
  transform:skewX(-8deg);
  animation:sgAcMist 4.8s ease-in-out infinite;
}
.sg-hero__ac-stream{
  position:absolute;
  left:5%;
  width:83%;
  height:16px;
  border-radius:50%;
  border-top:2px solid rgba(192,237,255,.88);
  border-bottom:1px solid rgba(130,205,255,.12);
  box-shadow:0 -2px 12px rgba(111,198,255,.16);
  transform-origin:left center;
  opacity:.88;
}
.sg-hero__ac-stream--1{
  top:8%;
  transform:rotate(4deg) skewX(-13deg) scaleX(.96);
}
.sg-hero__ac-stream--2{
  top:31%;
  left:11%;
  width:76%;
  transform:rotate(7deg) skewX(-10deg) scaleX(.94);
  opacity:.62;
}
.sg-hero__ac-stream--3{
  top:54%;
  left:21%;
  width:62%;
  transform:rotate(10deg) skewX(-8deg) scaleX(.91);
  opacity:.40;
}
.sg-hero__ice-particle{
  position:absolute;
  width:5px;
  height:5px;
  border-radius:50%;
  background:rgba(248,253,255,.98);
  box-shadow:0 0 0 1px rgba(181,227,255,.55),
    0 0 8px rgba(110,200,255,.45);
  animation:sgIceDrift 5.8s ease-in-out infinite;
}
.sg-hero__ice-particle.p1{
  left:24%;
  top:15%;
  width:6px;
  height:6px;
  animation-delay:-.8s;
}
.sg-hero__ice-particle.p2{
  left:35%;
  top:27%;
  width:4px;
  height:4px;
  animation-delay:-2.2s;
}
.sg-hero__ice-particle.p3{
  left:46%;
  top:20%;
  animation-delay:-3.4s;
}
.sg-hero__ice-particle.p4{
  left:57%;
  top:36%;
  width:4px;
  height:4px;
  animation-delay:-1.6s;
}
.sg-hero__ice-particle.p5{
  left:66%;
  top:24%;
  width:6px;
  height:6px;
  animation-delay:-4.5s;
}
.sg-hero__ice-particle.p6{
  left:72%;
  top:52%;
  width:4px;
  height:4px;
  animation-delay:-2.8s;
}
.sg-hero__ice-particle.p7{
  left:82%;
  top:39%;
  animation-delay:-1.1s;
}
.sg-hero__ice-particle.p8{
  left:88%;
  top:65%;
  width:4px;
  height:4px;
  animation-delay:-3.8s;
}
.sg-hero__heat-aura{
  position:absolute;
  left:3%;
  bottom:-10%;
  width:92%;
  height:54%;
  border-radius:50%;
  background:radial-gradient(ellipse at center bottom,
      rgba(255,196,112,.38) 0%,
      rgba(255,154,66,.16) 43%,
      rgba(255,154,66,0) 75%);
  opacity:.88;
}
.sg-hero__heat-wave{
  position:absolute;
  bottom:3%;
  width:18px;
  height:78%;
  border-radius:999px;
  background:linear-gradient(
    180deg,
    rgba(255,199,117,0) 0%,
    rgba(255,188,98,.26) 26%,
    rgba(245,126,43,.54) 58%,
    rgba(245,126,43,0) 100%
  );
  transform-origin:center bottom;
  animation:sgHeatRiseV14 3.1s ease-in-out infinite;
}
.sg-hero__heat-wave.w1{
  left:15%;
  animation-delay:-.3s;
}
.sg-hero__heat-wave.w2{
  left:38%;
  animation-delay:-1.4s;
}
.sg-hero__heat-wave.w3{
  left:61%;
  animation-delay:-2.2s;
}
.sg-hero__heat-wave.w4{
  left:79%;
  animation-delay:-.9s;
}
.sg-hero__dial{
  position:relative;
  width:100%;
  aspect-ratio:1;
  border-radius:50%;
  cursor:grab;
  user-select:none;
  touch-action:none;
  outline:none;
  filter:drop-shadow(0 11px 16px rgba(22,35,57,.13)) !important;
  transition:transform .18s ease,filter .18s ease;
  box-shadow:0 20px 42px rgba(20,31,49,.18);
}
.sg-hero.is-paused .sg-hero__ac-mist{
  animation-play-state:paused !important;
}
.sg-hero.is-paused .sg-hero__ice-particle{
  animation-play-state:paused !important;
}
.sg-hero.is-paused .sg-hero__heat-wave{
  animation-play-state:paused !important;
}
.sg-hero[data-mode="spring"] .sg-hero__product--purifier{
  opacity:1;
  transform:translateX(-50%) translateY(0) scale(1);
}
.sg-hero[data-mode="autumn"] .sg-hero__product--fancoil{
  opacity:1;
  transform:translateX(-50%) translateY(0) scale(1);
}
.sg-hero[data-mode="spring"] .sg-hero__product--ac{
  transform:translate(-1%,-4px) scale(1.01);
  opacity:0 !important;
  pointer-events:none;
}
.sg-hero[data-mode="autumn"] .sg-hero__product--ac{
  transform:translate(-1%,-4px) scale(1.01);
  opacity:0 !important;
  pointer-events:none;
}
.sg-hero[data-mode="spring"] .sg-hero__product--heater{
  opacity:0 !important;
  pointer-events:none;
}
.sg-hero[data-mode="autumn"] .sg-hero__product--heater{
  opacity:0 !important;
  pointer-events:none;
}
.sg-hero[data-mode="spring"] .sg-hero__heater-airfx{
  opacity:0 !important;
}
.sg-hero[data-mode="autumn"] .sg-hero__heater-airfx{
  opacity:0 !important;
}
.sg-hero__product-shadow{
  position:absolute;
  left:44%;
  bottom:6% !important;
  width:70%;
  height:20px;
  transform:translateX(-50%);
  border-radius:50%;
  background:rgba(36,49,70,.14);
  filter:blur(7px) !important;
  opacity:.7 !important;
}
.sg-hero[data-mode="spring"] .sg-hero__capacity-card{
  opacity:1;
  transform:none;
  pointer-events:auto;
}
.sg-hero[data-mode="autumn"] .sg-hero__capacity-card{
  opacity:1;
  transform:none;
  pointer-events:auto;
}
.sg-hero__product-zone{
  position:absolute;
  left:3% !important;
  bottom:112px !important;
  width:52% !important;
  height:54% !important;
  display:flex;
  align-items:center;
  justify-content:center;
  z-index:2;
  pointer-events:none;
  overflow:visible !important;
}
.sg-hero__location{
  position:absolute;
  top:28px !important;
  left:34px !important;
  right:auto;
  z-index:10;
  max-width:500px !important;
  min-height:68px !important;
  display:grid;
  align-items:center;
  gap:10px;
  padding:12px 14px 12px 14px !important;
  border:1px solid rgba(211,223,239,.95) !important;
  border-radius:20px !important;
  background:linear-gradient(180deg, rgba(255,255,255,.96), rgba(247,250,255,.92)) !important;
  backdrop-filter:none !important;
  color:#637288;
  font-size:8.3px;
  font-weight:720;
  box-shadow:0 20px 46px rgba(22,39,67,.09) !important;
  opacity:0;
  transform:translateY(-4px);
  transition:opacity .35s ease,transform .35s ease;
  width:auto;
  grid-template-columns:34px minmax(0,1fr) auto;
  column-gap:12px !important;
  -webkit-backdrop-filter:none !important;
}
.sg-hero__product-label{
  position:absolute;
  left:34px !important;
  top:145px !important;
  z-index:7;
  min-height:40px !important;
  display:flex;
  align-items:center;
  gap:9px !important;
  padding:0 14px !important;
  border:1px solid rgba(214,225,240,.96) !important;
  border-radius:14px !important;
  background:linear-gradient(180deg, rgba(255,255,255,.96), rgba(246,249,255,.93)) !important;
  backdrop-filter:none !important;
  color:#51657f !important;
  font-size:8.4px !important;
  font-weight:820 !important;
  box-shadow:0 8px 20px rgba(29,48,80,.05) !important;
  transition:opacity .3s ease;
  -webkit-backdrop-filter:none !important;
}
.sg-hero__dial-zone{
  position:absolute;
  z-index:5;
  width:96px !important;
  max-width:none;
  left:42px !important;
  bottom:52px !important;
  top:auto;
  margin:0;
  transform:none;
  display:flex;
  flex-direction:column;
  align-items:center;
  overflow:visible;
}
.sg-hero__seasons{
  position:absolute;
  left:185px !important;
  bottom:48px !important;
  z-index:4;
  display:flex;
  align-items:center;
  gap:6px;
  padding:10px 12px !important;
  border:1px solid rgba(216,226,240,.96) !important;
  border-radius:18px !important;
  background:linear-gradient(180deg, rgba(255,255,255,.96), rgba(247,250,255,.93)) !important;
  backdrop-filter:none !important;
  box-shadow:0 14px 32px rgba(22,39,67,.07) !important;
  min-width:320px;
  right:auto;
  justify-content:center;
  -webkit-backdrop-filter:none !important;
}
.sg-hero__capacity-card{
  position:absolute;
  right:36px !important;
  bottom:72px !important;
  z-index:4;
  width:270px !important;
  padding:15px !important;
  border:1px solid transparent !important;
  border-radius:24px !important;
  background:linear-gradient(180deg, rgba(255,255,255,.97), rgba(246,249,255,.95)) padding-box,
    linear-gradient(160deg, rgba(44,91,213,.18), rgba(233,115,44,.12)) border-box !important;
  backdrop-filter:none !important;
  box-shadow:0 20px 46px rgba(22,39,67,.10), inset 0 1px 0 rgba(255,255,255,.8) !important;
  opacity:0;
  transform:translateY(7px);
  pointer-events:none;
  transition:opacity .35s ease,transform .35s ease;
  -webkit-backdrop-filter:none !important;
}
.sg-hero__product--ac{
  width:100% !important;
  max-width:650px !important;
  opacity:var(--sg-cool);
  transform:translate(-1.5%,-8px) scale(1.08) !important;
}
.sg-hero__product--heater{
  width:78% !important;
  max-width:430px !important;
  opacity:var(--sg-warm);
  transform:translate(-2%,7px) scale(1.08) !important;
}
.sg-hero__product--purifier{
  position:absolute;
  left:50%;
  bottom:10px !important;
  transform:translateX(-50%) scale(.98);
  transform-origin:center bottom;
  opacity:0;
  pointer-events:none;
  transition:opacity .45s ease, transform .65s cubic-bezier(.2,.75,.2,1);
  will-change:transform,opacity;
  width:70% !important;
  max-width:300px !important;
}
.sg-hero__product--fancoil{
  position:absolute;
  left:50%;
  bottom:35px !important;
  transform:translateX(-50%) scale(.98);
  transform-origin:center bottom;
  opacity:0;
  pointer-events:none;
  transition:opacity .45s ease, transform .65s cubic-bezier(.2,.75,.2,1);
  will-change:transform,opacity;
  width:86% !important;
  max-width:540px !important;
}
.sg-hero[data-mode="cool"] .sg-hero__product-zone{
  left:3% !important;
}
.sg-hero[data-mode="heat"] .sg-hero__product-zone{
  bottom:88px !important;
  width:60% !important;
  left:3% !important;
}
.sg-hero[data-mode="spring"] .sg-hero__product-zone{
  width:60% !important;
  bottom:94px !important;
  left:3% !important;
}
.sg-hero[data-mode="autumn"] .sg-hero__product-zone{
  bottom:96px !important;
  width:66% !important;
  left:3% !important;
}
.sg-hero__heater-airfx{
  position:absolute;
  z-index:4;
  left:14% !important;
  top:1%;
  width:28% !important;
  height:24% !important;
  pointer-events:none;
  opacity:var(--sg-warm);
  transition:opacity .35s ease;
  bottom:22% !important;
}

/* ===== Keyframes ===== */
@keyframes sgConsultFade{
  from{opacity:0;transform:translateY(-8px)}
  to{opacity:1;transform:translateY(0)}
}
@keyframes sgDialCoachSpin{to{transform:rotate(360deg)}}
@keyframes sgLocationSpin{to{transform:rotate(360deg)}}
@keyframes sgAcMist{
  0%,100%{transform:translate3d(0,0,0) skewX(-8deg);opacity:.76}
  50%{transform:translate3d(7px,7px,0) skewX(-9deg);opacity:.98}
}
@keyframes sgIceDrift{
  0%{transform:translate3d(-4px,-7px,0) scale(.82);opacity:0}
  18%{opacity:.95}
  58%{transform:translate3d(23px,14px,0) scale(1);opacity:.88}
  100%{transform:translate3d(48px,31px,0) scale(.72);opacity:0}
}
@keyframes sgHeatRiseV14{
  0%{transform:translateY(15px) scaleX(.78);opacity:0}
  24%{opacity:.62}
  58%{transform:translateY(-12px) scaleX(1.12);opacity:.72}
  100%{transform:translateY(-48px) scaleX(.78);opacity:0}
}

/* ===== Media queries (in first-appearance order) ===== */
@media (max-width:1023px){
  .sg-hero{
    width:min(calc(100% - 18px),760px);
    min-height:auto;
    border-radius:24px;
  }
  .sg-hero__inner{
    min-height:auto;
    grid-template-columns:1fr;
    gap:18px;
    padding:20px 18px 22px;
  }
  .sg-hero__content{
    max-width:none;
  }
  .sg-hero__title{
    font-size:30px;
  }
  .sg-hero__lead{
    max-width:none;
    font-size:11.3px;
  }
  .sg-hero__visual{
    min-height:470px;
    padding-left:8px;
  }
  .sg-hero__capacity-coverage{
    grid-template-columns:1fr;
  }
  .sg-hero__product-zone{
    left:0;
    width:100%;
    height:40%;
    bottom:132px;
  }
  .sg-hero__product--ac{
    transform:translate(0,0) scale(1.04);
    max-width:90%;
  }
  .sg-hero__product--heater{
    transform:translate(0,0) scale(1.03);
    max-width:58%;
  }
  .sg-hero__seasons{
    bottom:18px;
    left:12px;
    right:12px;
    width:auto;
    min-width:0;
  }
  .sg-hero__dial-zone{
    width:84px;
    left:18px;
    bottom:90px;
    top:auto;
  }
  .sg-hero__dial-coach-label{
    bottom:-24px;
    font-size:6.2px;
  }
  .sg-hero__location{
    left:16px !important;
    top:16px !important;
    min-height:58px !important;
    max-width:calc(100% - 32px) !important;
    padding:10px 11px !important;
  }
  .sg-hero__product-label{
    top:94px !important;
    left:16px !important;
  }
  .sg-hero__capacity-card{
    right:12px !important;
    bottom:108px !important;
    width:calc(100% - 24px) !important;
  }
  .sg-hero__weather{
    width:100% !important;
    max-width:none;
  }
}
@media (max-width:560px){
  .sg-hero:not([data-mode="cool"]) .sg-hero__capacity-card{
    display:none;
  }
  .sg-hero__capacity-note{
    font-size:6.6px;
  }
  .sg-hero{
    width:calc(100% - 10px);
    margin-top:8px;
    border-radius:21px;
  }
  .sg-hero__inner{
    padding:15px 11px 17px;
    gap:13px;
  }
  .sg-hero__title{
    font-size:25px;
    line-height:1.58;
    letter-spacing:-.6px;
  }
  .sg-hero__weather{
    grid-template-columns:34px minmax(0,1fr) 44px;
    min-height:54px;
  }
  .sg-hero__weather-icon{
    width:34px;
    height:34px;
  }
  .sg-hero__actions{
    display:grid;
    grid-template-columns:1fr;
  }
  .sg-hero__btn{
    width:100%;
    min-height:43px;
  }
  .sg-hero__proof{
    justify-content:space-between;
    gap:7px;
  }
  .sg-hero__visual{
    min-height:430px;
  }
  .sg-hero__dial-temp strong{
    font-size:20px;
  }
  .sg-hero__product-zone{
    width:100%;
    height:42%;
    left:0;
    bottom:62px;
  }
  .sg-hero__product--ac{
    max-width:100%;
    transform:translate(0,-4px) scale(1.04);
  }
  .sg-hero__product--heater{
    max-width:70%;
    transform:translate(0,8px) scale(1);
  }
  .sg-hero__dial-zone{
    width:88px;
    left:12px;
    bottom:132px;
    top:auto;
    margin:0;
    transform:none;
  }
  .sg-hero__seasons{
    width:100%;
    left:11px;
    right:auto;
    justify-content:space-between;
    bottom:2px;
    min-width:0;
  }
  .sg-hero__capacity-card{
    position:relative;
    right:auto;
    bottom:106px;
    width:100%;
    margin-top:10px;
    opacity:1;
    transform:none;
    pointer-events:auto;
  }
  .sg-hero__season-btn{
    min-width:auto;
    flex:1;
    padding:0 10px;
    font-size:11px;
  }
  .sg-hero__season-icon{
    width:14px;
    height:14px;
  }
  .sg-hero__location-icon{
    width:30px;
    height:30px;
  }
  .sg-hero__dial-coach-label{
    display:none;
  }
  .sg-hero__dial-coach{
    inset:-10px;
  }
  .sg-hero__location-action{
    padding:0 7px;
    font-size:6.8px;
    min-height:28px;
  }
  .sg-hero__location-help{
    top:72px;
    left:10px;
    width:calc(100% - 20px);
    padding:11px 11px 11px 42px;
  }
  .sg-hero__location-help-close{
    top:9px;
    left:9px;
  }
  .sg-hero__location-copy strong{
    font-size:9.4px;
  }
  .sg-hero__location{
    top:12px !important;
    right:8px;
    left:12px !important;
    max-width:calc(100% - 24px) !important;
    grid-template-columns:30px minmax(0,1fr) auto;
    min-height:52px !important;
    padding:8px 9px !important;
    border-radius:16px !important;
  }
  .sg-hero__product-label{
    left:12px !important;
    right:10px;
    top:82px !important;
    min-height:34px !important;
    font-size:7.3px;
    padding:0 11px !important;
  }
  .sg-hero__location-copy small{
    max-width:none;
    font-size:6.9px !important;
    line-height:1.72 !important;
  }
}
@media (max-width:1180px){
  .sg-hero__inner{
    grid-template-columns:minmax(350px,.9fr) minmax(520px,1.1fr);
    padding:34px 30px 30px;
  }
  .sg-hero__dial-zone{
    width:116px;
    left:18px;
    bottom:68px;
  }
  .sg-hero__product-zone{
    width:84%;
    height:66%;
  }
}
@media (prefers-reduced-motion:reduce){
  .sg-hero *::before{
    transition:none !important;
    animation:none !important;
    scroll-behavior:auto !important;
  }
  .sg-hero *::after{
    transition:none !important;
    animation:none !important;
    scroll-behavior:auto !important;
  }
  .sg-hero__dial-coach-ring{
    animation:none !important;
  }
  .sg-hero *{
    transition:none !important;
    animation:none !important;
    scroll-behavior:auto !important;
    transition-duration:.01ms !important;
  }
  .sg-hero__ac-mist{
    animation:none !important;
  }
  .sg-hero__ice-particle{
    animation:none !important;
  }
  .sg-hero__heat-wave{
    animation:none !important;
  }
}
@media (min-width:1200px){
  .sg-hero__content{
    max-width:590px;
  }
}
@media (max-width:1199px){
  .sg-hero__product-zone{
    width:66%;
  }
  .sg-hero__seasons{
    left:118px;
    min-width:300px;
  }
  .sg-hero__location{
    max-width:430px !important;
  }
  .sg-hero__product-label{
    top:122px !important;
  }
  .sg-hero__capacity-card{
    right:8px;
    bottom:92px;
    width:258px !important;
  }
}
@media (min-width:1024px){
  .sg-hero__location{
    transform:translateY(0) !important;
  }
}
/* Mobile "lite" mode: fewer particles, shorter/no non-essential animation,
   no backdrop-filter (already off site-wide), same premium look, product,
   CTAs, location and temperature all kept per spec. */
@media (max-width:767px){
  .sg-hero__ice-particle:nth-child(n+6){ display:none; }
  .sg-hero__heat-wave.w3,
  .sg-hero__heat-wave.w4{ display:none; }
  .sg-hero__dial-coach-ring{ animation:none; }
  .sg-hero__ac-mist{ animation-duration:8s; }
}
@media (max-width:1180px) and (min-width:768px){
  .sg-hero__product-zone{
    left:0 !important;
    width:76% !important;
    bottom:78px !important;
  }
  .sg-hero__product--ac{
    max-width:650px !important;
  }
  .sg-hero__ac-airfx{
    left:13% !important;
    top:58% !important;
    width:72% !important;
  }
  .sg-hero__heater-airfx{
    left:22% !important;
    width:50% !important;
  }
}
@media (max-width: 1280px){
  .sg-hero__seasons{
    left:124px !important;
    bottom:22px !important;
  }
  .sg-hero__dial-zone{
    left:18px !important;
    bottom:24px !important;
  }
  .sg-hero__capacity-card{
    right:24px !important;
    bottom:18px !important;
  }
  .sg-hero__product-zone{
    bottom:102px !important;
    width:50% !important;
  }
}
@media (max-width: 1100px){
  .sg-hero__location{
    max-width:320px;
  }
  .sg-hero__product-label{
    top:98px !important;
  }
  .sg-hero__capacity-card{
    width:250px !important;
  }
  .sg-hero__product-zone{
    width:58% !important;
  }
}