/* Panoramica v39 compiled cascade. Source order is preserved. */

/* source: /assets/fonts-v28.css */
/* Self-hosted original typefaces: optional display prevents a late font swap. */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-display: optional;
  font-weight: 200 800;
  src: url(/assets/fonts-v28/manrope-cyrillic-ext-wght-normal.woff2) format('woff2-variations');
  unicode-range: U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-display: optional;
  font-weight: 200 800;
  src: url(/assets/fonts-v28/manrope-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: 'Manrope';
  font-style: normal;
  font-display: optional;
  font-weight: 200 800;
  src: url(/assets/fonts-v28/manrope-latin-ext-wght-normal.woff2) format('woff2-variations');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-display: optional;
  font-weight: 200 800;
  src: url(/assets/fonts-v28/manrope-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: 'Golos Text';
  font-style: normal;
  font-display: optional;
  font-weight: 400 900;
  src: url(/assets/fonts-v28/golos-text-cyrillic-ext-wght-normal.woff2) format('woff2-variations');
  unicode-range: U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;
}
@font-face {
  font-family: 'Golos Text';
  font-style: normal;
  font-display: optional;
  font-weight: 400 900;
  src: url(/assets/fonts-v28/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';
  font-style: normal;
  font-display: optional;
  font-weight: 400 900;
  src: url(/assets/fonts-v28/golos-text-latin-ext-wght-normal.woff2) format('woff2-variations');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face {
  font-family: 'Golos Text';
  font-style: normal;
  font-display: optional;
  font-weight: 400 900;
  src: url(/assets/fonts-v28/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;
}

/* source: /assets/style.css */

:root{
  --bg:#F2F6F8;--bg-soft:#E9F0F4;--surface:#FFFFFF;--surface-soft:#F8FAFB;
  --text:#172833;--text-2:#3B5060;--muted:#6C7D88;--line:#D8E3E9;--line-strong:#BCCFD9;
  --brand:#5D8199;--brand-2:#91B2C7;--dark:#263842;--dark-2:#334A57;--success:#4F715E;--success-bg:#EDF3EF;
  --sand:#C6B8A6;--shadow-sm:0 8px 22px rgba(23,40,51,.045);--shadow:0 18px 48px rgba(23,40,51,.07);
  --shadow-lg:0 34px 84px rgba(23,40,51,.13);--radius-sm:12px;--radius:20px;--radius-lg:30px;--container:1240px
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Manrope,Inter,"Segoe UI Variable","Segoe UI",Arial,sans-serif;color:var(--text);background:linear-gradient(180deg,#FAFCFD 0%,var(--bg) 44%,#F8FAFB 100%);line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
body::selection{background:#D7E6EF;color:var(--text)}
a{color:inherit;text-decoration:none}
img{max-width:100%}
button,input,select,textarea{font:inherit}
.container{width:min(var(--container),calc(100% - 40px));margin-inline:auto}
section{padding:78px 0}
h1,h2,h3,h4,p{margin-top:0}
h1,h2,h3,h4,.price,.btn,.nav a,.label,.kicker{font-family:Sora,Manrope,Inter,"Segoe UI",Arial,sans-serif}
h1,h2,h3,.price{letter-spacing:-.04em}
h1{font-size:clamp(44px,5vw,70px);line-height:.98;font-weight:800}
h2{font-size:clamp(32px,3.8vw,48px);line-height:1.05;font-weight:800}
h3{font-size:22px;line-height:1.2;font-weight:750}
p{color:var(--text-2)}
.lead{font-size:18px;line-height:1.65;color:var(--muted);max-width:780px}
.label,.kicker{display:inline-flex;align-items:center;color:var(--brand);font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}

/* top + header */
.topbar{background:linear-gradient(90deg,var(--dark),var(--dark-2));color:#CDD9E0;font-size:12px}
.topbar-inner{min-height:38px;display:flex;justify-content:space-between;align-items:center;gap:18px}
.topbar-group{display:flex;gap:18px;align-items:center;flex-wrap:wrap}
.site-header{position:sticky;top:0;z-index:80;background:rgba(250,252,253,.93);border-bottom:1px solid rgba(217,228,234,.92);backdrop-filter:blur(18px) saturate(120%);transition:.2s}
.site-header.scrolled{background:rgba(255,255,255,.97);box-shadow:0 12px 34px rgba(25,42,54,.08)}
.header-inner{min-height:78px;display:flex;align-items:center;gap:22px}
.brand-logo img{display:block;width:225px;height:auto}
.nav{display:flex;gap:3px;align-items:center;margin-left:6px}
.nav a{position:relative;padding:9px 10px;border-radius:10px;font-size:13px;font-weight:700;color:#455A67;transition:.18s}
.nav a:hover,.nav a.active{background:#fff;color:#2C4554}
.nav a::after{content:"";position:absolute;left:10px;right:10px;bottom:4px;height:2px;border-radius:99px;background:linear-gradient(90deg,var(--brand),var(--brand-2));transform:scaleX(0);transform-origin:left;transition:.2s}
.nav a:hover::after,.nav a.active::after{transform:scaleX(1)}
.header-right{margin-left:auto;display:flex;align-items:center;gap:13px}
.header-place{display:grid;line-height:1.15;text-align:right}.header-place b{font-size:13px}.header-place small{font-size:10px;color:var(--muted);margin-top:3px}
.mobile-nav-btn{display:none;border:1px solid var(--line);background:#fff;border-radius:10px;padding:9px 12px;color:var(--text);font-weight:700}
.mobile-menu{display:none;border-top:1px solid var(--line);background:#fff}.mobile-menu-inner{padding:12px 0 16px;display:grid;gap:4px}.mobile-menu a{padding:10px 2px;font-weight:700;color:var(--text-2)}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 18px;border:1px solid transparent;border-radius:12px;cursor:pointer;font-weight:750;transition:transform .2s ease,box-shadow .2s ease,background .2s ease,border-color .2s ease}
.btn:hover{transform:translateY(-2px)}
.btn-primary{color:#fff;background:linear-gradient(135deg,#385160,#607E91);box-shadow:0 13px 28px rgba(45,68,83,.18)}
.btn-primary:hover{background:linear-gradient(135deg,#304754,#58778A);box-shadow:0 18px 36px rgba(45,68,83,.23)}
.btn-secondary{background:#EAF2F6;color:#3D6177}
.btn-line{background:#fff;border-color:var(--line);color:#2B3E49}.btn-line:hover{background:#F5F9FB;border-color:var(--line-strong)}
.btn-dark{background:var(--dark);color:#fff}
.actions,.hero-actions,.page-toolbar{display:flex;gap:10px;flex-wrap:wrap}

/* generic surfaces */
.card,.surface{background:linear-gradient(180deg,#fff,var(--surface-soft));border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm)}
.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:28px}.section-head h2{margin-bottom:9px}.section-head h2::after{content:"";display:block;width:42px;height:3px;margin-top:12px;border-radius:99px;background:linear-gradient(90deg,var(--brand),var(--brand-2))}.section-head p{margin:0;color:var(--muted);font-size:16px;max-width:760px}

/* hero */
.hero{padding:34px 0 52px;background:radial-gradient(circle at 75% 12%,rgba(142,173,193,.10),transparent 27%),linear-gradient(180deg,#E9F0F4,#F4F7F9)}
.hero-grid{display:grid;grid-template-columns:minmax(0,.92fr) minmax(480px,1.08fr);gap:20px}
.hero-copy{position:relative;overflow:hidden;min-height:650px;padding:42px;display:flex;flex-direction:column;justify-content:center;color:#fff;background:radial-gradient(circle at 16% 12%,rgba(142,173,193,.20),transparent 24%),linear-gradient(145deg,#202E37,#2A3C47 58%,#34505F);border-color:rgba(255,255,255,.07);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}
.hero-copy .label{align-self:flex-start;color:#C7D8E2;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.12);padding:9px 11px;border-radius:999px;letter-spacing:.035em}
.hero-copy h1{margin:20px 0 22px;color:#F8FBFD}.hero-blue{background:linear-gradient(90deg,#F8FBFD,#CFE1EC 55%,#A3C1D3);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-copy .lead{color:#D5E0E6;max-width:650px}.hero-actions{margin:26px 0 22px}.hero-kpi{display:flex;gap:8px;flex-wrap:wrap}.hero-kpi span{padding:8px 10px;border:1px solid rgba(255,255,255,.10);border-radius:9px;background:rgba(255,255,255,.04);color:#D9E3E8;font-size:12px}.quick-stats{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:21px}.stat{padding:13px;border:1px solid rgba(255,255,255,.075);border-radius:11px;background:rgba(255,255,255,.035)}.stat b{display:block;color:#fff;font-size:18px}.stat span{color:#AFC0CA;font-size:11px}
.hero-photo-card{position:relative;overflow:hidden;min-height:650px;border-radius:var(--radius-lg);background:#DDE6EB;box-shadow:var(--shadow-lg)}.hero-photo-card>img{width:100%;height:100%;min-height:650px;display:block;object-fit:cover;transition:transform 1s cubic-bezier(.2,.7,.2,1),filter .3s}.hero-photo-card:hover>img{transform:scale(1.025);filter:saturate(1.03)}.hero-photo-shade{position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(21,36,46,.45));pointer-events:none}.hero-floating-card{position:absolute;left:22px;right:22px;bottom:22px;display:grid;grid-template-columns:1fr auto;gap:16px;align-items:end;padding:17px;border:1px solid rgba(255,255,255,.14);border-radius:16px;background:rgba(28,43,53,.80);backdrop-filter:blur(10px);color:#fff}.hero-floating-card small{color:#BDCCD4}.hero-floating-card b{display:block;font-size:19px;margin:3px 0}.hero-photo-price{text-align:right;white-space:nowrap}.hero-photo-price strong{display:block;font-size:27px}.hero-caption{grid-column:1/-1;margin-top:0;padding:8px 2px 0;color:#687B87;font-size:12px}

/* motion / value */
.motion-stats{padding:0 0 24px}.motion-stats-grid,.value-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.motion-stat,.value-item{padding:18px;border:1px solid var(--line);border-radius:15px;background:linear-gradient(180deg,#fff,#F7FAFB);box-shadow:var(--shadow-sm)}.motion-stat b,.value-item b{display:block;font-size:16px}.motion-stat small,.value-item span{color:var(--muted);font-size:12px}.motion-dot{display:inline-block;width:7px;height:7px;margin-right:7px;border-radius:50%;background:var(--brand);box-shadow:0 0 0 4px rgba(85,122,147,.08)}.value-item::before{content:"";display:block;width:25px;height:2px;margin-bottom:13px;border-radius:99px;background:var(--brand)}

/* showcase */
.showcase-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.showcase-card{overflow:hidden;border-radius:24px;transition:.25s}.showcase-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.showcase-media{position:relative;height:285px;overflow:hidden}.showcase-media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .7s cubic-bezier(.2,.7,.2,1)}.showcase-card:hover img{transform:scale(1.035)}.showcase-media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 52%,rgba(20,34,44,.18))}.showcase-badge{position:absolute;left:14px;bottom:14px;z-index:2;padding:7px 9px;border-radius:999px;background:rgba(255,255,255,.88);border:1px solid rgba(218,228,234,.9);font-size:10px;font-weight:750;color:#506672}.showcase-copy{padding:20px}.showcase-copy h3{margin-bottom:7px}.showcase-copy p{margin:0;color:var(--muted);font-size:13px}

/* scenario */
.scenario-shell{padding:16px;border:1px solid var(--line);border-radius:26px;background:rgba(255,255,255,.88);box-shadow:var(--shadow)}.scenario-tabs{display:flex;gap:7px;flex-wrap:wrap;padding-bottom:14px}.scenario-tab{min-height:42px;padding:0 15px;border:1px solid var(--line);border-radius:999px;background:#F7FAFB;color:#5A6E7A;font-weight:750;cursor:pointer;transition:.18s}.scenario-tab:hover{transform:translateY(-1px);border-color:var(--line-strong)}.scenario-tab.active{color:#fff;background:var(--dark);border-color:var(--dark);box-shadow:0 10px 24px rgba(36,51,61,.14)}.scenario-stage{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(330px,.75fr);min-height:470px;border-radius:20px;overflow:hidden;background:#EDF3F6}.scenario-image-wrap{position:relative;min-height:470px;overflow:hidden}.scenario-image-wrap img{width:100%;height:100%;object-fit:cover;display:block;transition:opacity .25s,transform .8s cubic-bezier(.2,.7,.2,1)}.scenario-stage:hover .scenario-image-wrap img{transform:scale(1.022)}.scenario-image-note{position:absolute;left:14px;bottom:14px;padding:7px 9px;border-radius:999px;background:rgba(255,255,255,.85);border:1px solid var(--line);font-size:10px;font-weight:750;color:#5B6E79}.scenario-content{padding:34px;display:flex;flex-direction:column;justify-content:center;background:radial-gradient(circle at 100% 0%,rgba(142,173,193,.12),transparent 30%),linear-gradient(180deg,#FAFCFD,#EEF4F6)}.scenario-index{font-size:10px;font-weight:850;letter-spacing:.10em;color:var(--brand)}.scenario-content h3{margin:10px 0;font-size:31px}.scenario-content p{color:var(--muted);font-size:14px}.scenario-facts{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:18px 0}.scenario-facts span{padding:12px;border:1px solid var(--line);border-radius:11px;background:rgba(255,255,255,.75)}.scenario-facts small{display:block;color:var(--muted);font-size:10px}.scenario-facts b{font-size:15px}

/* product cards */
.typical-solutions-wrap{padding:28px;border:1px solid var(--line);border-radius:var(--radius-lg);background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(248,251,252,.99));box-shadow:var(--shadow)}.premium-note-strip{display:flex;gap:8px;flex-wrap:wrap;margin:-5px 0 17px}.premium-note-strip span{padding:8px 11px;border-radius:999px;background:#EDF4F7;border:1px solid #D9E5EA;color:#556C78;font-size:11px;font-weight:750}.product-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:16px}.reference-card{grid-column:span 2;padding:12px 12px 18px;border-radius:22px;overflow:hidden;transition:transform .28s cubic-bezier(.2,.7,.2,1),box-shadow .28s ease,border-color .2s}.reference-card:nth-child(4),.reference-card:nth-child(5){grid-column:span 3}.reference-card:hover{transform:translateY(-4px);border-color:#C2D3DC;box-shadow:0 28px 62px rgba(23,38,49,.10)}.product-top{position:relative;height:232px;padding:0;overflow:hidden;border-radius:16px;background:#E7EEF2}.product-photo{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s cubic-bezier(.2,.7,.2,1),filter .25s}.reference-card:hover .product-photo{transform:scale(1.038);filter:saturate(1.03)}.product-photo-vignette{position:absolute;left:0;right:0;bottom:0;height:42%;background:linear-gradient(180deg,transparent,rgba(21,35,45,.14));pointer-events:none}.shot-note{position:absolute;left:11px;bottom:11px;max-width:calc(100% - 22px);padding:7px 9px;border:1px solid rgba(219,229,235,.95);border-radius:999px;background:rgba(255,255,255,.86);backdrop-filter:blur(8px);box-shadow:0 10px 18px rgba(23,38,49,.07);font-size:10px;font-weight:750;color:#566A76}.badges{display:flex;gap:7px;flex-wrap:wrap;margin:14px 5px 0}.badge{display:inline-flex;padding:5px 8px;border-radius:7px;font-size:10px;font-weight:800}.badge-green{background:var(--success-bg);color:var(--success)}.badge-blue{background:#E9F1F6;color:#55748A}.reference-card h3{margin:13px 5px 10px;font-size:20px}.specs{display:grid;gap:7px;margin:0 5px;font-size:12px}.specs>span{display:flex;justify-content:space-between;gap:12px}.specs b{color:#405460}.specs span span{color:var(--muted);text-align:right}.price{margin:17px 5px 0;font-size:29px;font-weight:800;font-variant-numeric:tabular-nums}.price-note{margin:3px 5px 0;color:var(--muted);font-size:11px}.reference-card .actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:15px 5px 0}.reference-card .btn{min-height:43px;font-size:12px}.visual-disclaimer{margin-top:14px;color:#7A8993;font-size:10px;line-height:1.55}

/* views */
.krasnodar-views{padding:22px 0}.view-ribbon{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.view-card{display:grid;grid-template-columns:130px 1fr;gap:13px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(180deg,#fff,#F8FAFB);box-shadow:var(--shadow-sm)}.view-card img{width:100%;height:105px;object-fit:cover;border-radius:13px}.view-card b{display:block;margin-bottom:4px}.view-card p{margin:0;color:var(--muted);font-size:12px}

/* price trust */
.price-trust{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-bottom:20px}.price-trust-item{display:flex;gap:10px;align-items:flex-start;padding:13px;border:1px solid var(--line);border-radius:12px;background:#F8FAFB}.price-trust-icon{display:grid;place-items:center;width:31px;height:31px;flex:0 0 31px;border-radius:9px;background:#E8F1F6;color:#4F7086;font-size:10px;font-weight:850}.price-trust-item b{display:block;font-size:12px}.price-trust-item small{display:block;margin-top:2px;color:var(--muted);font-size:10px}

/* calculator */
.price-calculator{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(330px,.92fr);gap:16px;align-items:start}.calc-panel,.calc-result-card{padding:26px;border-radius:22px;box-shadow:var(--shadow)}.calc-heading{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-bottom:18px}.calc-heading h2{font-size:30px;margin:6px 0 4px}.calc-heading p{margin:0;color:var(--muted);font-size:13px}.calc-badge{padding:7px 9px;border-radius:8px;background:#E9F1F5;color:#526B79;font-size:11px;font-weight:750}.quick-calc-presets{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:17px}.quick-calc-preset{padding:8px 10px;border:1px solid var(--line);border-radius:9px;background:#fff;color:#526775;font-size:11px;cursor:pointer;transition:.18s}.quick-calc-preset:hover{transform:translateY(-1px);border-color:var(--line-strong);box-shadow:var(--shadow-sm)}.quick-calc-preset strong{color:var(--text)}.calc-fields{display:grid;grid-template-columns:1fr 1fr;gap:13px}.calc-field label{display:block;margin-bottom:6px;color:#425763;font-size:12px;font-weight:700}.calc-field.full{grid-column:1/-1}input,select,textarea{width:100%;min-height:45px;padding:10px 11px;border:1px solid #CFDCE3;border-radius:9px;background:#fff;color:var(--text);outline:none}input:focus,select:focus,textarea:focus{border-color:#8FABBD;box-shadow:0 0 0 3px rgba(85,122,147,.08)}textarea{resize:vertical}.calc-toggle-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.calc-choice{position:relative}.calc-choice input{position:absolute;opacity:0;pointer-events:none}.calc-choice label{min-height:62px;padding:10px;border:1px solid var(--line);border-radius:10px;background:#fff;cursor:pointer}.calc-choice label b{display:block;font-size:12px}.calc-choice label small{font-size:10px;color:var(--muted)}.calc-choice input:checked+label{border-color:#9CB7C8;background:#EDF4F7;box-shadow:0 0 0 2px rgba(85,122,147,.06)}.calc-builder{padding:14px;border:1px solid var(--line);border-radius:11px;background:#FAFBFC}.calc-builder-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:11px}.calc-builder-head p{margin:3px 0 0;color:var(--muted);font-size:11px}.sash-help{display:flex;gap:5px;flex-wrap:wrap}.sash-help span{font-size:9px;color:#778791}.calc-config-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.sash-card{padding:9px;border:1px solid var(--line);border-radius:9px;background:#fff}.sash-card h5{margin:0 0 7px;font-size:11px}.segmented{display:grid;grid-template-columns:repeat(3,1fr);gap:3px}.segmented button{min-height:34px;padding:3px;border:1px solid var(--line);border-radius:6px;background:#fff;color:#5D6E78;font-size:10px;cursor:pointer}.segmented button.active{border-color:#9DB6C6;background:#EAF2F6;color:#42647A}.calc-extras{display:grid;grid-template-columns:repeat(2,1fr);gap:7px}.calc-check{display:flex!important;gap:7px;align-items:flex-start;padding:9px;border:1px solid var(--line);border-radius:9px;background:#fff}.calc-check input{width:auto;min-height:0;margin-top:3px}.calc-check span{font-size:11px;color:#566A76}.calc-check b{color:#344B59}.calc-result-card{position:sticky;top:96px}.calc-preview{min-height:205px;margin:15px 0 18px;border:1px solid var(--line);border-radius:13px;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 70% 12%,rgba(142,173,193,.14),transparent 26%),linear-gradient(180deg,#E8F0F4,#DFE8ED);overflow:hidden}.calc-window-preview{width:67%;height:128px;padding:7px;display:grid;gap:6px;border:8px solid #F7F9FA;background:#CFDDE5;box-shadow:0 15px 24px rgba(23,38,49,.10)}.calc-window-preview.one{grid-template-columns:1fr}.calc-window-preview.two{grid-template-columns:1fr 1fr}.calc-window-preview.three{grid-template-columns:repeat(3,1fr)}.calc-window-preview.door{width:35%;height:160px;grid-template-columns:1fr;grid-template-rows:1fr .44fr}.calc-window-preview span{position:relative;background:linear-gradient(180deg,#CADFE9,#EAF2F6);border:5px solid #fff}.calc-window-preview span.turn::after,.calc-window-preview span.tilt_turn::after{content:"";position:absolute;right:4px;top:50%;width:4px;height:26px;transform:translateY(-50%);border-radius:5px;background:#6F8998}.calc-window-preview span.tilt_turn::before{content:"";position:absolute;left:7px;right:7px;top:6px;height:2px;background:#7790A0}.calc-price-label{color:var(--muted);font-size:11px}.calc-price{font-size:38px;font-weight:800}.calc-status{display:inline-flex;margin-top:7px;padding:5px 7px;border-radius:7px;font-size:10px;font-weight:800}.calc-status.exact{background:var(--success-bg);color:var(--success)}.calc-status.estimate{background:#EDF1F3;color:#5C6B74}.calc-meta-list{display:grid;gap:6px;margin-top:13px}.calc-meta-item{display:flex;justify-content:space-between;gap:12px;color:var(--muted);font-size:11px}.calc-meta-item b{color:var(--text);text-align:right}.calc-breakdown{margin:13px 0}.calc-breakdown-row{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid var(--line);font-size:11px}.calc-breakdown-row span:last-child{font-weight:700}.calc-confidence{padding:10px;border:1px solid #DAE3E7;border-radius:9px;background:#EEF3F5;color:#5D6D76;font-size:10px}.calc-toolbar{display:grid;grid-template-columns:1fr 1fr;gap:7px}.calc-actions{display:grid;gap:7px;margin-top:12px}.calc-actions .btn{width:100%}.saved-badge,.calc-live-note{margin-top:9px;color:var(--muted);font-size:10px}.saved-badge{padding:9px;border:1px dashed var(--line);border-radius:8px}.result-dock{position:fixed;left:50%;bottom:14px;z-index:70;width:min(760px,calc(100% - 28px));transform:translate(-50%,120%);opacity:0;transition:.3s}.result-dock.show{transform:translate(-50%,0);opacity:1}.result-dock .inner{display:flex;justify-content:space-between;gap:18px;align-items:center;padding:11px 12px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.96);backdrop-filter:blur(12px);box-shadow:var(--shadow)}.price-strong{font-size:20px;font-weight:800}

/* live window */
.live-window-shell{display:grid;grid-template-columns:1.05fr .95fr;gap:16px}.live-stage{position:relative;min-height:420px;border-radius:20px;overflow:hidden;background:radial-gradient(circle at 77% 18%,rgba(142,173,193,.16),transparent 25%),linear-gradient(145deg,#202E37,#2C414D);perspective:1200px;box-shadow:var(--shadow)}.live-window{position:absolute;left:50%;top:50%;width:min(68%,560px);height:270px;transform:translate(-50%,-50%) rotateY(-5deg);display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:9px;border:12px solid #F5F7F8;background:#CFDDE5;box-shadow:0 28px 60px rgba(0,0,0,.28)}.live-pane{position:relative;overflow:hidden;background:#C7DDE8;border:5px solid #fff}.live-sash{transform-origin:left center;transition:transform .65s cubic-bezier(.2,.7,.2,1)}.live-window.mode-turn .live-sash{transform:rotateY(-54deg)}.live-window.mode-tilt .live-sash{transform-origin:center top;transform:rotateX(18deg)}.live-handle{position:absolute;right:7px;top:50%;width:5px;height:36px;transform:translateY(-50%);background:#6D8494;border-radius:5px}.live-stage-note{position:absolute;left:17px;bottom:15px;color:#AEC0CA;font-size:10px}.live-controls{padding:25px}.live-controls h2{font-size:34px;margin:8px 0 9px}.live-controls p{color:var(--muted)}.live-mode-buttons{display:grid;gap:7px;margin-top:17px}.live-mode-btn{display:flex;justify-content:space-between;gap:12px;align-items:center;min-height:52px;padding:10px 12px;border:1px solid var(--line);border-radius:9px;background:#fff;color:#415663;font-weight:700;cursor:pointer}.live-mode-btn small{font-weight:400;color:var(--muted)}.live-mode-btn.active{border-color:#9FB7C6;background:#EAF2F6;color:#42647A}.live-caption{margin-top:11px;padding:10px;border-radius:9px;background:#EEF3F5;color:#5D6D76;font-size:11px}

/* detail / editorial */
.detail-grid,.material-grid,.grid-3,.simple-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.detail-grid{grid-template-columns:repeat(4,1fr)}.detail-card,.material-card,.info-card,.step-card,.legal-card,.pad-26{padding:22px}.detail-visual{height:100px;margin-bottom:13px;border:1px solid var(--line);border-radius:11px;background:#EDF2F4;position:relative;overflow:hidden}.detail-card p,.material-card p,.info-card p{color:var(--muted);font-size:12px}.material-card{position:relative;min-height:210px;overflow:hidden}.material-number{position:absolute;left:20px;top:15px;font-size:40px;font-weight:850;color:rgba(85,122,147,.12)}.material-card h3{margin-top:55px}.why-grid,.grid-2,.split{display:grid;grid-template-columns:1fr 1fr;gap:16px}.why-main{padding:26px}.why-list{display:grid;gap:7px;margin-top:15px}.why-point{display:flex;gap:9px;padding:10px 0;border-bottom:1px solid var(--line)}.why-point i{font-style:normal;color:var(--success);font-weight:800}.why-point span{color:#526672;font-size:12px}.why-side,.darkbox,.smart-cta,.editorial-strip-inner{padding:27px;border-radius:20px;color:#fff;background:radial-gradient(circle at 84% 6%,rgba(142,173,193,.12),transparent 26%),linear-gradient(145deg,#21303A,#2E4350);box-shadow:var(--shadow)}.why-side p,.darkbox p,.smart-cta p,.editorial-copy{color:#C1CED6}.mini-line{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid rgba(255,255,255,.10)}.mini-line span{color:#B5C4CD}.editorial-strip{padding:28px 0 42px}.editorial-strip-inner{display:grid;grid-template-columns:.65fr 1.2fr 1fr auto;gap:25px;align-items:end}.editorial-index{font-size:10px;font-weight:800;letter-spacing:.10em;color:#90B0C3}.editorial-title{font-size:25px;font-weight:800;line-height:1.12;letter-spacing:-.035em}.editorial-copy{font-size:12px}.editorial-link{white-space:nowrap;color:#DCE8EE;font-weight:750;font-size:12px;border-bottom:1px solid rgba(220,232,238,.3);padding-bottom:3px}.editorial-link span{margin-left:6px;color:#9FC1D4}

/* FAQ */
.faq{display:grid;gap:7px}.faq-item{padding:0 17px;cursor:pointer;box-shadow:none}.faq-q{display:flex;justify-content:space-between;gap:15px;align-items:center;padding:16px 0;font-weight:700}.faq-a{display:none;padding:0 0 16px;color:var(--muted);font-size:13px}.faq-item.active .faq-a{display:block}.faq-plus{font-size:19px;color:#7B8C96}

/* internal pages */
.page-hero{padding:46px 0 16px}.page-hero .card{padding:28px;box-shadow:none}.page-hero h1{font-size:clamp(38px,4.4vw,54px);margin:0 0 10px}.breadcrumbs{font-size:11px;color:var(--muted);margin-bottom:13px}.catalog-note{padding:11px 0;color:var(--muted);font-size:11px}.catalog-hero-strip{display:grid;grid-template-columns:1.02fr .98fr;gap:16px;padding:20px;margin-bottom:19px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(135deg,#fff,#F6F9FB);box-shadow:var(--shadow-sm)}.catalog-hero-copy h2{font-size:30px;margin:7px 0}.catalog-hero-copy p{color:var(--muted)}.catalog-hero-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.catalog-shot{height:165px;border-radius:12px;overflow:hidden;background:#E9EEF1}.catalog-shot img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.catalog-shot:hover img{transform:scale(1.035)}.row-like{display:flex;justify-content:space-between;gap:18px;padding:11px 0;border-bottom:1px solid var(--line)}.table-like{display:grid}.notice{padding:12px;border:1px solid #DAE3E7;border-radius:9px;background:#F0F4F6;color:#5D6C75;font-size:12px}.contact-chip{display:inline-flex;padding:7px 9px;border-radius:8px;background:#EEF3F5;border:1px solid var(--line);font-size:11px;color:#536773}.big-num,.step-number{display:grid;place-items:center;width:36px;height:36px;border-radius:9px;background:#E8F1F6;color:#4F7187;font-weight:800;margin-bottom:13px}.mini small{display:block;color:var(--muted);font-size:10px}.mini b{display:block;margin-top:2px}.window-photo-visual{position:relative;min-height:440px;overflow:hidden;border-radius:15px;background:#E6EDF1}.window-photo-fill{width:100%;height:100%;min-height:440px;object-fit:cover}.thumb-row{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:10px}.thumb-card{height:90px;border-radius:10px;overflow:hidden;background:#E7EDF1}.thumb-card img{width:100%;height:100%;object-fit:cover}

/* variants */
.variant-gallery-section{padding:30px 0 20px}.variant-gallery{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.variant-thumb{display:block;overflow:hidden;border:1px solid var(--line);border-radius:16px;background:linear-gradient(180deg,#fff,#F8FAFB);box-shadow:var(--shadow-sm);transition:.25s}.variant-thumb:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.variant-thumb img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block;transition:transform .5s}.variant-thumb:hover img{transform:scale(1.035)}.variant-thumb span{display:block;padding:11px 11px 12px;font-size:12px;font-weight:700}.variant-thumb small{display:block;padding:0 11px 12px;color:var(--muted);font-size:10px}

/* forms */
form.grid-form{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-top:13px}.full{grid-column:1/-1}.legal{display:flex;gap:7px;align-items:flex-start;color:var(--muted);font-size:10px}.legal input{width:auto;min-height:0;margin-top:3px}.result{display:none;margin-top:11px;padding:11px;border-radius:9px;background:var(--success-bg);border:1px solid #D5E8DE;color:#426957;font-size:12px}

/* product modal */
.product-info-modal{position:fixed;inset:0;z-index:120;display:none;align-items:center;justify-content:center;padding:20px;background:rgba(15,27,35,.57)}.product-info-modal.show{display:flex}.product-info-box{position:relative;width:min(590px,100%);padding:24px;border-radius:18px;background:#fff;box-shadow:var(--shadow-lg)}.product-info-close{position:absolute;right:11px;top:11px;width:36px;height:36px;border:0;border-radius:9px;background:#EEF2F4;font-size:21px;cursor:pointer}.product-info-box h3{font-size:28px;margin:10px 0 7px}.product-info-box p{color:var(--muted)}.product-info-list{display:grid;margin:15px 0}.product-info-list>div{display:flex;justify-content:space-between;gap:13px;padding:9px 0;border-bottom:1px solid var(--line);font-size:12px}

/* b2b */
.b2b-builder{margin-top:17px;padding:22px}.b2b-table{width:100%;border-collapse:collapse;font-size:12px}.b2b-table th,.b2b-table td{padding:9px 7px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}.b2b-table input,.b2b-table select{min-height:38px;padding:7px 8px}.b2b-summary{display:flex;justify-content:space-between;gap:13px;align-items:flex-end;flex-wrap:wrap;margin-top:16px}.b2b-summary strong{font-size:25px}

/* footer */
.footer{margin-top:30px;padding:50px 0 22px;background:radial-gradient(circle at 82% 0%,rgba(142,173,193,.11),transparent 29%),linear-gradient(180deg,#22313A,#2D424F);color:#C5D1D8}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.2fr;gap:24px}.footer-brand img{width:240px}.footer-main p{max-width:420px;color:#B7C4CC;font-size:12px}.footer-main small{color:#91A4AF}.footer h4{margin-bottom:11px;color:#fff}.footer a{display:block;margin:6px 0;color:#B7C4CC;font-size:12px}.footer a:hover{color:#fff}.footer-note{margin-top:22px;padding-top:16px;border-top:1px solid rgba(255,255,255,.08);color:#91A4AF;font-size:10px}

/* scroll helpers */
.progress-bar{position:fixed;left:0;top:0;height:2px;background:linear-gradient(90deg,var(--brand),var(--brand-2));z-index:140}.scroll-top{position:fixed;right:16px;bottom:16px;z-index:90;width:42px;height:42px;border:0;border-radius:11px;background:linear-gradient(135deg,#344B59,#66879A);color:#fff;box-shadow:var(--shadow);cursor:pointer;opacity:0;visibility:hidden;transition:.2s}.scroll-top.show{opacity:1;visibility:visible}.reveal{opacity:0;transform:translateY(12px);transition:opacity .55s cubic-bezier(.2,.7,.2,1),transform .55s cubic-bezier(.2,.7,.2,1)}.reveal.in-view{opacity:1;transform:none}.sticky-mobile{display:none}

@media(max-width:1120px){
  .nav{display:none}.header-place{display:none}.mobile-nav-btn{display:inline-flex}.header-cta{display:none}
  .hero-grid,.price-calculator,.live-window-shell,.why-grid,.split,.catalog-hero-strip{grid-template-columns:1fr}.hero-copy{min-height:auto}.hero-photo-card,.hero-photo-card>img{min-height:520px}
  .product-grid{grid-template-columns:repeat(2,1fr)}.reference-card,.reference-card:nth-child(4),.reference-card:nth-child(5){grid-column:span 1}.showcase-grid,.detail-grid,.material-grid,.grid-3,.simple-steps{grid-template-columns:repeat(2,1fr)}
  .scenario-stage{grid-template-columns:1fr}.scenario-image-wrap{min-height:380px}.calc-result-card{position:static}.view-ribbon{grid-template-columns:1fr}.variant-gallery{grid-template-columns:repeat(3,1fr)}.editorial-strip-inner{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1.4fr 1fr 1fr}
}
@media(max-width:760px){
  .container{width:min(var(--container),calc(100% - 28px))}.topbar{display:none}.header-inner{min-height:66px}.brand-logo img{width:185px}.mobile-menu.show{display:block}
  section{padding:58px 0}.hero{padding:16px 0 40px}.hero-copy{padding:25px 20px;border-radius:22px}.hero-copy h1{font-size:42px}.hero-photo-card,.hero-photo-card>img{min-height:420px;border-radius:22px}.hero-floating-card{left:12px;right:12px;bottom:12px;grid-template-columns:1fr}.hero-photo-price{text-align:left}.quick-stats,.motion-stats-grid,.value-strip,.showcase-grid,.product-grid,.detail-grid,.material-grid,.grid-3,.grid-2,.simple-steps,.calc-fields,.calc-toggle-grid,.calc-config-grid,.calc-extras,.price-trust,.footer-grid{grid-template-columns:1fr}.reference-card .actions{grid-template-columns:1fr 1fr}.product-top{height:225px}.typical-solutions-wrap{padding:18px;border-radius:22px}.scenario-shell{padding:9px;border-radius:20px}.scenario-tabs{display:grid;grid-template-columns:1fr 1fr}.scenario-tab{border-radius:10px}.scenario-image-wrap{min-height:300px}.scenario-content{padding:24px}.scenario-content h3{font-size:27px}.scenario-facts{grid-template-columns:1fr}.calc-panel,.calc-result-card{padding:19px}.calc-heading{flex-direction:column}.live-stage{min-height:340px}.live-window{height:195px;width:80%;border-width:9px}.editorial-strip-inner{grid-template-columns:1fr;gap:14px}.variant-gallery{grid-template-columns:1fr 1fr}.thumb-row{grid-template-columns:1fr 1fr}.footer{padding-bottom:88px}.sticky-mobile{display:block;position:fixed;left:9px;right:9px;bottom:9px;z-index:75}.sticky-mobile .wrap{max-width:560px;margin:auto}.sticky-mobile .bar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 9px;border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.96);box-shadow:var(--shadow);backdrop-filter:blur(10px)}.result-dock{bottom:74px}.catalog-hero-gallery{grid-template-columns:1fr 1fr 1fr}
}
@media(max-width:480px){.hero-copy h1{font-size:38px}.variant-gallery,.catalog-hero-gallery,.thumb-row{grid-template-columns:1fr}.reference-card .actions{grid-template-columns:1fr}.hero-kpi{display:grid}.hero-kpi span{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}


/* v29 — art direction / UX refinement */
body{background:radial-gradient(circle at 6% 2%,rgba(145,178,199,.10),transparent 23%),linear-gradient(180deg,#FAFCFD 0%,#F2F6F8 46%,#F8FAFB 100%)}
h1,h2,h3,h4,.btn,.price,.nav a,.label{font-family:Inter,"Segoe UI Variable",sans-serif}
h1{letter-spacing:-.055em} h2{letter-spacing:-.047em} h3{letter-spacing:-.035em} p,.lead{letter-spacing:-.01em}
.site-header{backdrop-filter:blur(20px) saturate(125%)}
.hero{padding-top:40px}.hero-grid{gap:22px}.hero-copy,.hero-photo-card{border-radius:32px}
.hero-copy{background:radial-gradient(circle at 16% 12%,rgba(145,178,199,.18),transparent 24%),linear-gradient(145deg,#24343E,#304653 58%,#3A5867)}
.hero-copy .label{font-size:10px}.hero-copy h1{font-size:clamp(44px,4.8vw,68px)}
.hero-blue{background:linear-gradient(90deg,#F9FCFD,#D8E7EF 55%,#AAC7D8);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-copy .quick-stats{grid-template-columns:repeat(2,1fr)}
.hero-photo-card>img{object-position:center 52%}.hero-floating-card{border-radius:18px}
.section-head{margin-bottom:32px}.section-head h2::after{height:2px;width:48px;background:linear-gradient(90deg,var(--brand),var(--brand-2))}
.motion-stats{padding:24px 0 12px}.motion-stat{border-radius:17px}.motion-stat b{margin-top:8px;font-size:18px}
.typical-solutions-wrap{padding:26px;border:1px solid var(--line);border-radius:30px;background:rgba(255,255,255,.72);box-shadow:var(--shadow)}
.product-grid{gap:18px}.reference-card{border-radius:22px;box-shadow:0 12px 34px rgba(23,40,51,.05)}
.reference-card:hover{transform:translateY(-5px);box-shadow:0 28px 60px rgba(23,40,51,.10);border-color:#C5D5DD}
.product-top{height:auto!important;aspect-ratio:4/3;padding:0!important;border-radius:17px!important;position:relative;overflow:hidden;background:#E8EFF3}
.product-photo{width:100%;height:100%;object-fit:cover;display:block;cursor:zoom-in;transition:transform .65s cubic-bezier(.2,.7,.2,1),filter .35s ease}
.reference-card:hover .product-photo{transform:scale(1.035);filter:saturate(1.025) contrast(1.01)}
.reference-card[data-type="entrance_door"] .product-photo{object-position:center 48%}.reference-card[data-type="balcony_door"] .product-photo{object-position:center 55%}
.shot-note{left:12px;bottom:12px;padding:7px 9px;font-size:10px;background:rgba(255,255,255,.88);color:#566976;backdrop-filter:blur(9px);box-shadow:0 9px 22px rgba(23,40,51,.07)}
.badges{margin-top:15px}.badge{border-radius:8px;padding:6px 8px}.price{font-size:30px}.specs{font-size:13px}.reference-card .actions{margin-top:auto;padding-top:15px}
.scenario-section{padding-top:70px}.scenario-shell{border-radius:30px;padding:14px}.scenario-stage{border-radius:22px;min-height:450px}.scenario-image-wrap{min-height:450px}.scenario-image-wrap img{cursor:zoom-in}.scenario-content{padding:36px}.scenario-content h3{font-size:32px}.scenario-tab{font-size:13px}
.price-trust{margin:0 0 22px}.price-trust-item{border-radius:15px;background:#F8FAFB}.calc-panel,.calc-result-card{border-radius:24px}.calc-result-card{box-shadow:0 24px 58px rgba(23,40,51,.09)}
.live-stage{border-radius:24px}.live-controls{border-radius:24px}.live-mode-btn{border-radius:12px}
.detail-card{border-radius:20px}.detail-visual{background:linear-gradient(180deg,#F0F5F7,#E7EFF3)}
.simple-step{border-radius:20px}.faq-item{border-radius:14px}.smart-cta{border-radius:26px}
.pro-teaser{padding:20px 0 70px}.pro-teaser-inner{display:grid;grid-template-columns:1.25fr .75fr;gap:28px;align-items:center;padding:32px;border-radius:28px;background:radial-gradient(circle at 90% 10%,rgba(145,178,199,.12),transparent 30%),linear-gradient(145deg,#263842,#344D5A);box-shadow:var(--shadow-lg);color:#fff}.pro-teaser .label{color:#BFD3DF}.pro-teaser h2{margin:8px 0 10px;color:#fff}.pro-teaser p{margin:0;max-width:700px;color:#C7D3DA}.pro-teaser-actions{display:flex;justify-content:flex-end;gap:9px;flex-wrap:wrap}.pro-teaser .btn-line{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.16);color:#fff}
.catalog-tools{display:grid;grid-template-columns:minmax(0,1fr) 220px 100px;gap:10px;align-items:end;margin:22px 0;padding:15px;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:var(--shadow-sm)}.catalog-tools span{display:block;margin-bottom:6px;color:var(--muted);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.07em}.catalog-tools input,.catalog-tools select{min-height:44px}.catalog-count{padding:10px 12px;border-radius:11px;background:#EFF4F7}.catalog-count span{margin:0}.catalog-count b{display:block;font-size:22px}
.catalog-hero-strip{border-radius:26px;box-shadow:var(--shadow)}.catalog-shot{border-radius:14px;overflow:hidden}.catalog-shot img{transition:transform .6s cubic-bezier(.2,.7,.2,1)}.catalog-shot:hover img{transform:scale(1.035)}
.window-photo-visual{border-radius:20px;overflow:hidden}.window-photo-fill{cursor:zoom-in}.thumb-row{gap:10px}.thumb-card{cursor:pointer;border:2px solid transparent;transition:.2s}.thumb-card:hover,.thumb-card.active{border-color:#90AEC1;transform:translateY(-2px)}
.variant-gallery{gap:12px}.variant-thumb{border-radius:16px;box-shadow:var(--shadow-sm)}.variant-thumb img{aspect-ratio:4/3;object-fit:cover}
.image-lightbox{position:fixed;inset:0;z-index:200;display:none;place-items:center;padding:28px;background:rgba(13,23,30,.86);backdrop-filter:blur(10px)}.image-lightbox.show{display:grid}.image-lightbox-inner{width:min(1120px,94vw);max-height:88vh;display:grid;gap:10px}.image-lightbox-inner img{display:block;width:100%;max-height:82vh;object-fit:contain;border-radius:18px;box-shadow:0 30px 100px rgba(0,0,0,.42)}.image-lightbox-caption{text-align:center;color:#D4DEE4;font-size:12px}.image-lightbox-close{position:fixed;right:22px;top:18px;width:44px;height:44px;border:1px solid rgba(255,255,255,.18);border-radius:50%;background:rgba(255,255,255,.10);color:#fff;font-size:26px;cursor:pointer}
.reveal{transition:opacity .65s cubic-bezier(.2,.7,.2,1),transform .65s cubic-bezier(.2,.7,.2,1);transition-delay:var(--reveal-delay,0ms)}
@media(max-width:1050px){.pro-teaser-inner{grid-template-columns:1fr}.pro-teaser-actions{justify-content:flex-start}.catalog-tools{grid-template-columns:1fr 1fr}.catalog-count{grid-column:1/-1}.typical-solutions-wrap{padding:18px}}
@media(max-width:720px){.hero-copy,.hero-photo-card{border-radius:24px}.hero-copy{padding:27px 22px}.hero-copy .quick-stats{grid-template-columns:1fr}.typical-solutions-wrap{padding:12px;border-radius:22px}.product-top{aspect-ratio:16/11}.scenario-shell{padding:8px}.scenario-content{padding:24px}.catalog-tools{grid-template-columns:1fr}.catalog-count{grid-column:auto}.pro-teaser-inner{padding:24px;border-radius:22px}.image-lightbox{padding:12px}.image-lightbox-close{right:10px;top:10px}}
@media(prefers-reduced-motion:reduce){.product-photo,.catalog-shot img,.scenario-image-wrap img,.reveal{transition:none!important}.reference-card:hover,.btn:hover{transform:none!important}}


/* =========================================================
   PANORAMIKA v36 — ONE CLEAN DESIGN SYSTEM
   No legacy v30/v31/v32/v33/v34/v35 overrides below.
   ========================================================= */
:root{
  --bg:#F3F7F9;
  --bg-soft:#EAF1F5;
  --surface:#FFFFFF;
  --surface-soft:#F8FBFC;
  --text:#182B36;
  --text-2:#405866;
  --muted:#6E808C;
  --line:#D8E3E9;
  --line-strong:#BCCFD9;
  --brand:#6F90A6;
  --brand-2:#A7C0D1;
  --dark:#243640;
  --dark-2:#35505E;
  --success:#557364;
  --success-bg:#EDF3EF;
  --warm:#C7B49A;
  --shadow-sm:0 10px 28px rgba(23,40,51,.055);
  --shadow:0 20px 54px rgba(23,40,51,.08);
  --shadow-lg:0 38px 92px rgba(23,40,51,.15);
  --radius-sm:12px;
  --radius:20px;
  --radius-lg:30px;
  --container:1240px;
}
body{
  color:var(--text);
  background:
    radial-gradient(circle at 7% 2%,rgba(167,192,209,.13),transparent 25%),
    radial-gradient(circle at 94% 13%,rgba(199,180,154,.055),transparent 19%),
    linear-gradient(180deg,#FBFCFD 0%,#F3F7F9 43%,#F8FAFB 100%);
  line-height:1.6;
  letter-spacing:-.008em;
}
h1,h2,h3,h4,.price,.calc-price,.btn,.nav a,.label,.kicker{font-family:Sora,Manrope,Inter,"Segoe UI",Arial,sans-serif}
p,.lead,.specs,.price-note,.faq-a,.notice{font-family:Manrope,Inter,"Segoe UI",Arial,sans-serif}

/* header */
.topbar{background:linear-gradient(90deg,#253640,#314955);color:#D5E0E6}
.site-header{background:rgba(251,253,254,.92);border-bottom:1px solid rgba(216,227,233,.96);backdrop-filter:blur(18px) saturate(120%)}
.site-header.scrolled{background:rgba(255,255,255,.96);box-shadow:0 14px 38px rgba(23,40,51,.08)}
.nav a{font-weight:650;color:#4A5E6A}
.nav a:hover,.nav a.active{color:#314F61;background:#F4F8FA}

/* compact hero */
.hero{padding:28px 0 42px;background:radial-gradient(circle at 78% 12%,rgba(166,191,207,.12),transparent 28%),linear-gradient(180deg,#ECF2F5,#F6F9FA)}
.hero-grid{gap:20px;grid-template-columns:minmax(0,.93fr) minmax(440px,1.07fr)}
.hero-copy{min-height:530px;padding:38px 38px;border-radius:30px;background:radial-gradient(circle at 15% 12%,rgba(168,196,213,.16),transparent 23%),radial-gradient(circle at 90% 85%,rgba(199,180,154,.07),transparent 20%),linear-gradient(145deg,#20303A,#2B414D 58%,#395766);box-shadow:var(--shadow-lg)}
.hero-copy .label{color:#C5D7E2;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);padding:8px 11px;border-radius:999px}
.hero-copy h1{font-size:clamp(42px,4.4vw,62px);line-height:.98;margin:18px 0 16px;color:#F9FBFC}
.hero-blue{background:linear-gradient(90deg,#F7FBFD,#D8E6EF 58%,#ABC7D8);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-copy .lead{font-size:16px;line-height:1.65;color:#D4E0E6;max-width:590px;margin-bottom:0}
.hero-actions{margin:24px 0 17px}
.hero-kpi{display:flex;gap:8px;flex-wrap:wrap}
.hero-kpi span{padding:7px 9px;border:1px solid rgba(255,255,255,.10);border-radius:9px;background:rgba(255,255,255,.04);color:#D9E3E8;font-size:11px}
.quick-stats,.hero-microproof{display:none!important}
.hero-photo-card{min-height:530px;border-radius:30px;box-shadow:var(--shadow-lg);background:#DEE7EC}
.hero-photo-card>img{min-height:530px;object-fit:cover}
.hero-photo-card::before{content:"";position:absolute;inset:15px;border:1px solid rgba(255,255,255,.18);border-radius:23px;z-index:2;pointer-events:none}
.hero-floating-card{left:18px;right:18px;bottom:18px;border-radius:16px;padding:16px;background:rgba(23,38,48,.75);border:1px solid rgba(255,255,255,.13);backdrop-filter:blur(10px)}
.hero-floating-badge{position:absolute;top:18px;right:18px;z-index:3;padding:8px 10px;border-radius:999px;background:rgba(255,255,255,.88);border:1px solid rgba(215,225,232,.95);color:#526B79;font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;box-shadow:0 10px 22px rgba(23,40,51,.08)}
.hero-caption{font-size:11px;color:#768995;padding-top:8px}

/* compact real-price bar */
.price-bar-section{padding:0 0 30px}
.price-bar{display:grid;grid-template-columns:1.25fr repeat(3,.75fr);gap:10px;padding:10px;border:1px solid var(--line);border-radius:20px;background:rgba(255,255,255,.92);box-shadow:var(--shadow-sm)}
.price-bar-intro,.price-bar-item{padding:14px 15px;border-radius:14px}
.price-bar-intro{background:linear-gradient(135deg,#F5F9FB,#ECF3F6)}
.price-bar-intro b{display:block;font-size:15px}.price-bar-intro span{font-size:11px;color:var(--muted)}
.price-bar-item{background:#FBFDFE;border:1px solid #E2E9ED}.price-bar-item span{display:block;font-size:10px;color:var(--muted)}.price-bar-item b{font-size:18px}

/* cards / product visuals */
.typical-solutions-wrap{padding:24px;border-radius:28px;background:linear-gradient(180deg,#FFFFFF,#F8FBFC);border:1px solid var(--line);box-shadow:var(--shadow)}
.premium-note-strip{display:flex;gap:8px;flex-wrap:wrap;margin:-4px 0 18px}.premium-note-strip span{padding:8px 10px;border:1px solid #D7E3E9;border-radius:999px;background:#EEF4F7;color:#526A78;font-size:11px;font-weight:700}
.product-grid{perspective:1400px}
.reference-card{position:relative;overflow:hidden;border-radius:22px;background:linear-gradient(180deg,#FFFFFF,#F8FBFC);border:1px solid var(--line);box-shadow:0 14px 36px rgba(23,40,51,.055);transition:transform .28s cubic-bezier(.2,.7,.2,1),box-shadow .28s ease,border-color .2s ease}
.reference-card:hover{transform:translateY(-5px);box-shadow:0 28px 58px rgba(23,40,51,.10);border-color:#C5D7E1}
.product-top{position:relative;height:240px;padding:0;overflow:hidden;border-radius:17px;background:linear-gradient(180deg,#E7EFF3,#DDE8EE)}
.product-top::after{content:"3D / REAL";position:absolute;top:11px;right:11px;z-index:2;padding:6px 8px;border-radius:999px;background:rgba(255,255,255,.85);border:1px solid rgba(215,225,232,.95);color:#536B79;font-size:9px;font-weight:800;letter-spacing:.07em}
.product-photo{width:100%;height:100%;object-fit:cover;display:block;transition:transform .65s cubic-bezier(.2,.7,.2,1),filter .3s ease;filter:saturate(1.02) contrast(1.01)}
.reference-card:hover .product-photo{transform:scale(1.045);filter:saturate(1.04) contrast(1.02)}
.product-photo-vignette{position:absolute;inset:auto 0 0;height:36%;background:linear-gradient(180deg,transparent,rgba(18,31,40,.13));pointer-events:none}
.shot-note{position:absolute;left:11px;bottom:11px;z-index:2;padding:7px 9px;border-radius:999px;background:rgba(255,255,255,.87);border:1px solid rgba(216,226,232,.95);backdrop-filter:blur(8px);color:#516875;font-size:10px;font-weight:700;max-width:calc(100% - 22px)}
.badge{font-size:10px;padding:5px 7px;border-radius:7px}.badge-blue{background:#E7F0F5;color:#4E7188}.badge-green{background:#EDF3EF;color:#557364}
.price{font-size:29px;font-variant-numeric:tabular-nums}.price-note{font-size:11px;line-height:1.55}.specs{font-size:12px}

/* scenario */
.scenario-section{padding-top:44px}.scenario-shell{padding:14px;border-radius:26px;background:rgba(255,255,255,.92);border:1px solid var(--line);box-shadow:var(--shadow)}.scenario-tabs{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:12px}.scenario-tab{min-height:41px;padding:0 14px;border:1px solid #D7E2E8;border-radius:999px;background:#F8FAFB;color:#60717B;font-weight:700}.scenario-tab.active{background:#2B3D48;color:#fff;border-color:#2B3D48;box-shadow:0 10px 22px rgba(24,39,49,.14)}.scenario-stage{display:grid;grid-template-columns:1.25fr .75fr;min-height:430px;border-radius:20px;overflow:hidden;background:#EBF1F4}.scenario-image-wrap{position:relative;min-height:430px}.scenario-image-wrap img{width:100%;height:100%;object-fit:cover}.scenario-image-note{position:absolute;left:13px;bottom:13px;padding:7px 9px;border-radius:999px;background:rgba(255,255,255,.86);font-size:10px;color:#61737F}.scenario-content{padding:32px;background:radial-gradient(circle at 100% 0%,rgba(166,191,207,.12),transparent 28%),linear-gradient(180deg,#FAFCFD,#EEF4F6)}.scenario-content h3{font-size:30px;margin:10px 0}.scenario-content p{color:var(--muted)}.scenario-facts{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:18px 0}.scenario-facts span{padding:12px;border:1px solid #D9E3E8;border-radius:12px;background:rgba(255,255,255,.76)}.scenario-facts small{display:block;color:var(--muted);font-size:10px}.scenario-facts b{font-size:15px}

/* calculator */
.price-calculator{display:grid;grid-template-columns:1.08fr .92fr;gap:16px;align-items:start}.calc-panel,.calc-result-card{padding:25px;border-radius:24px;background:linear-gradient(180deg,#FFFFFF,#F8FBFC);border:1px solid var(--line);box-shadow:var(--shadow)}.calc-heading h2{font-size:31px}.calc-badge{background:#EAF2F6;color:#536C7B}.quick-calc-preset{padding:8px 10px;border-radius:12px;background:#FBFDFE;border:1px solid #D8E3E9}.calc-choice label,.calc-check,.sash-card{border-radius:13px}.calc-choice input:checked+label,.segmented button.active{background:#EBF3F7!important;border-color:#9FBBCD!important;color:#426B84!important}.calc-preview{background:radial-gradient(circle at 50% 0%,rgba(168,194,211,.18),transparent 32%),linear-gradient(180deg,#E7EFF3,#DEE8ED);border-radius:16px}.calc-result-card{position:sticky;top:100px}.calc-price{font-size:39px;font-weight:800}.price-trust{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-bottom:17px}.price-trust-item{display:flex;gap:10px;padding:13px;border:1px solid var(--line);border-radius:13px;background:#F9FBFC}.price-trust-icon{width:31px;height:31px;display:grid;place-items:center;flex:0 0 auto;border-radius:9px;background:#E6EFF4;color:#4D7188;font-size:10px;font-weight:800}.price-trust-item b{display:block;font-size:12px}.price-trust-item small{display:block;font-size:10px;color:var(--muted)}

/* purchase / details */
.simple-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.simple-step{position:relative;min-height:205px;padding:55px 22px 22px;border-radius:22px;background:linear-gradient(180deg,#FFFFFF,#F8FBFC);border:1px solid var(--line);box-shadow:var(--shadow-sm)}.step-number{position:absolute;left:16px;top:-10px;width:38px;height:38px;margin:0;border-radius:11px;background:linear-gradient(180deg,#E8F1F6,#DCE7EE);color:#4E6B7D;box-shadow:0 8px 18px rgba(23,40,51,.10)}.simple-step h3{font-size:28px;margin:0 0 12px;max-width:13ch}.simple-step p{margin:0;color:#566B79;line-height:1.65;font-size:14px}
.detail-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.detail-card{padding:18px;border-radius:22px;background:linear-gradient(180deg,#FFFFFF,#F8FBFC);border:1px solid var(--line);box-shadow:var(--shadow-sm)}.detail-visual{position:relative;height:125px;overflow:hidden;border-radius:15px;background:#E8EFF3;margin-bottom:13px}.detail-visual img{width:100%;height:100%;object-fit:cover}.detail-caption{position:absolute;left:9px;bottom:9px;padding:6px 8px;border-radius:999px;background:rgba(255,255,255,.86);font-size:10px;font-weight:700;color:#4C6676}.detail-card h3{font-size:19px;margin:2px 0 8px}.detail-card p{font-size:12px;line-height:1.6;color:var(--muted)}

/* 3D opening */
.live-window-shell{display:grid;grid-template-columns:1.05fr .95fr;gap:16px}.live-stage{position:relative;min-height:455px;border-radius:28px;overflow:hidden;background:radial-gradient(circle at 76% 14%,rgba(168,194,211,.18),transparent 25%),linear-gradient(145deg,#1F2F38,#2D4652)}.live-stage::before{content:"";position:absolute;left:10%;right:10%;bottom:46px;height:45px;border-radius:50%;background:radial-gradient(ellipse,rgba(0,0,0,.30),transparent 70%);filter:blur(12px)}.live-window{position:absolute;left:50%;top:50%;width:min(72%,560px);height:255px;display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:12px;border:12px solid #F8FAFB;background:#CADAE3;box-shadow:0 34px 70px rgba(0,0,0,.30);transform-style:preserve-3d;transform:translate(-50%,-50%) rotateY(-14deg) rotateX(6deg)}.live-pane{position:relative;background:linear-gradient(180deg,#C6DCE8,#EAF3F7);border:6px solid #fff;overflow:visible}.live-sash{transform-origin:left center;transition:transform .75s cubic-bezier(.2,.7,.2,1),box-shadow .75s}.live-window.mode-turn .live-sash{transform:rotateY(-54deg);box-shadow:-18px 22px 26px rgba(0,0,0,.18)}.live-window.mode-tilt .live-sash{transform-origin:center top;transform:rotateX(19deg);box-shadow:0 24px 30px rgba(0,0,0,.17)}.live-handle{position:absolute;left:50%;top:50%;width:6px;height:36px;transform:translate(-50%,-50%);border-radius:999px;background:linear-gradient(180deg,#8098A7,#5D7788);box-shadow:0 0 0 1px rgba(255,255,255,.25)}.live-stage-note{position:absolute;left:17px;bottom:15px;padding:7px 10px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.08);color:#D3E1E8;font-size:10px}.live-controls{padding:25px;border-radius:28px;background:linear-gradient(180deg,#FFFFFF,#F8FBFC);border:1px solid var(--line);box-shadow:var(--shadow)}.live-mode-btn{border-radius:13px}.live-mode-btn.active{background:#EBF3F7;border-color:#A1BDCD;color:#426B84}

/* trust / pro / CTA */
.why-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:16px}.why-main{padding:28px}.why-side{padding:28px;border-radius:26px;background:radial-gradient(circle at 100% 0%,rgba(166,191,207,.18),transparent 28%),linear-gradient(155deg,#253640,#35515E);color:#fff;box-shadow:var(--shadow-lg)}.why-side p,.why-side span{color:#D2DFE6}.why-side .mini-line{border-color:rgba(255,255,255,.11)}.why-side .btn-primary{background:#F7FAFB;color:#2F4A5A}.pro-teaser-inner{padding:28px;border-radius:26px;background:linear-gradient(180deg,#FFFFFF,#F8FBFC);border:1px solid var(--line);box-shadow:var(--shadow)}.smart-cta{padding:32px;border-radius:28px;background:radial-gradient(circle at 100% 0%,rgba(168,194,211,.18),transparent 28%),linear-gradient(145deg,#263943,#35515E);color:#fff;box-shadow:var(--shadow-lg)}.smart-cta p{color:#D3DFE6}.smart-cta .btn-line{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.15);color:#fff}

/* architecture ticker and construction explorer */
.arch-ticker{padding:0 0 20px;overflow:hidden}.arch-ticker-track{display:flex;width:max-content;gap:10px;animation:archTicker 28s linear infinite}.arch-ticker-item{display:inline-flex;align-items:center;gap:8px;padding:9px 13px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.86);color:#536A78;font-size:11px;font-weight:700;white-space:nowrap}.arch-ticker-item::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--brand)}@keyframes archTicker{to{transform:translateX(-50%)}}
.construction-explorer{padding-top:22px}.construction-shell{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:28px;border:1px solid var(--line);border-radius:30px;background:linear-gradient(180deg,#FFFFFF,#F8FBFC);box-shadow:var(--shadow)}.construction-stage{position:relative;min-height:390px;border-radius:24px;background:radial-gradient(circle at 70% 8%,rgba(166,191,207,.18),transparent 30%),linear-gradient(145deg,#E8F0F4,#DCE7ED);perspective:1100px}.explode-window{position:absolute;left:50%;top:50%;width:260px;height:220px;transform:translate(-50%,-50%) rotateY(-12deg) rotateX(7deg);transform-style:preserve-3d}.ex-layer{position:absolute;inset:0;border-radius:8px;transition:transform .55s cubic-bezier(.2,.7,.2,1),opacity .35s}.ex-frame-back{border:18px solid #DAE5EB;background:#BFD3DE;transform:translateZ(-40px)}.ex-glass{inset:22px;background:linear-gradient(145deg,rgba(174,210,229,.88),rgba(232,245,250,.9));border:5px solid rgba(255,255,255,.9);transform:translateZ(0)}.ex-frame-front{border:18px solid #F8FAFB;transform:translateZ(38px);box-shadow:0 20px 36px rgba(23,40,51,.15)}.ex-divider{left:50%;right:auto;width:14px;background:#F8FAFB;transform:translateX(-50%) translateZ(42px)}.ex-handle{left:72%;top:50%;right:auto;bottom:auto;width:7px;height:44px;border-radius:99px;background:#6D8797;transform:translate(-50%,-50%) translateZ(54px)}.ex-label{position:absolute;padding:7px 9px;border-radius:999px;background:rgba(255,255,255,.87);border:1px solid var(--line);color:#526A78;font-size:10px;font-weight:700}.construction-copy{display:flex;flex-direction:column;justify-content:center}.construction-list{display:grid;gap:9px;margin-top:16px}.construction-row{padding:13px;border-radius:14px;border:1px solid var(--line);background:#FBFDFE}.construction-row b{display:block;margin-bottom:2px}.construction-row span{font-size:12px;color:var(--muted)}

/* catalog */
.catalog-grid-section{padding-top:28px}.catalog-hero-strip{padding:22px;border-radius:26px;background:linear-gradient(180deg,#FFFFFF,#F8FBFC);border:1px solid var(--line);box-shadow:var(--shadow)}.catalog-premium-rail{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:16px 0 20px}.catalog-premium-item{padding:14px;border:1px solid var(--line);border-radius:15px;background:#FBFDFE}.catalog-premium-item b{display:block;font-size:14px;margin-bottom:3px}.catalog-premium-item span{font-size:11px;color:var(--muted)}.catalog-tools{display:grid;grid-template-columns:1.4fr .8fr auto;gap:10px;align-items:end;padding:15px;border:1px solid var(--line);border-radius:17px;background:#FFFFFF;margin:16px 0}.catalog-search span,.catalog-filter span,.catalog-count span{display:block;margin-bottom:5px;font-size:10px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.catalog-count b{font-size:23px}.catalog-guidance{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:0 0 18px}.catalog-guide{padding:15px;border-radius:16px;border:1px solid var(--line);background:#FBFDFE}.catalog-guide b{display:block;margin-bottom:4px;font-size:14px}.catalog-guide p{margin:0;font-size:11px;color:var(--muted)}

/* product */
.product-premium-rail{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:0 0 18px}.product-premium-item{padding:14px;border:1px solid var(--line);border-radius:15px;background:#FBFDFE}.product-premium-item b{display:block;font-size:14px;margin-bottom:3px}.product-premium-item span{font-size:11px;color:var(--muted)}.product-story-band{display:grid;grid-template-columns:1.05fr .95fr;gap:16px;margin:0 0 20px;padding:24px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(180deg,#FFFFFF,#F8FBFC);box-shadow:var(--shadow)}.story-list{display:grid;gap:8px;margin-top:14px}.story-item{display:flex;gap:10px;padding:11px;border:1px solid var(--line);border-radius:13px;background:#FBFDFE}.story-item i{font-style:normal;width:26px;height:26px;border-radius:8px;display:grid;place-items:center;background:#E7F0F5;color:#496B80;font-size:10px;font-weight:800;flex:0 0 auto}.story-item b{display:block;margin-bottom:2px;font-size:12px}.story-item span{font-size:11px;color:var(--muted)}.story-cta{padding:17px;border-radius:18px;background:linear-gradient(155deg,#263943,#35515E);color:#fff}.story-cta p{color:#D2DFE6}.window-photo-visual{border-radius:18px;box-shadow:var(--shadow)}.thumb-card{border-radius:13px;border:1px solid var(--line);box-shadow:var(--shadow-sm)}.thumb-card.active{border-color:#93B1C3;box-shadow:0 12px 25px rgba(23,40,51,.10)}

/* B2B */
.b2b-builder{padding:22px;border-radius:22px}.b2b-table th,.b2b-table td{padding:10px 7px}.b2b-summary strong{font-size:24px}

/* common / legal / footer */
.info-card,.legal-card,.step-card,.simple-step,.detail-card{border-color:var(--line)}.page-hero{padding:44px 0 12px}.page-hero .card{padding:28px;border-radius:25px;background:linear-gradient(180deg,#FFFFFF,#F8FBFC);box-shadow:var(--shadow-sm)}.page-hero h1{font-size:clamp(37px,4vw,52px)}.footer{background:radial-gradient(circle at 82% 0%,rgba(166,191,207,.10),transparent 28%),linear-gradient(180deg,#243640,#304955)}.footer a{color:#BBC8D0}.footer p{color:#AEBCC5}

/* animation safety */
.reveal,.reveal-up{opacity:1;transform:none}.scroll-top{background:linear-gradient(135deg,#344D5C,#6F90A6)}.progress-bar{background:linear-gradient(90deg,#6F90A6,#B3CAD8)}
@media(prefers-reduced-motion:reduce){.arch-ticker-track{animation:none}.reference-card,.product-photo,.live-sash{transition:none!important}}

@media(max-width:1100px){
  .hero-grid,.price-calculator,.scenario-stage,.live-window-shell,.why-grid,.construction-shell,.product-story-band{grid-template-columns:1fr}
  .hero-copy{min-height:auto}.hero-photo-card,.hero-photo-card>img{min-height:450px}
  .detail-grid{grid-template-columns:repeat(2,1fr)}
  .catalog-premium-rail,.catalog-guidance,.product-premium-rail{grid-template-columns:1fr 1fr}
  .calc-result-card{position:static}
}
@media(max-width:840px){
  .topbar,.nav,.header-right>div,.header-right>.btn-primary{display:none}
  .mobile-nav-btn{display:inline-flex;margin-left:auto}
  .header-inner{min-height:68px}
  section{padding:58px 0}
  .hero{padding:14px 0 34px}.hero-copy{padding:25px 20px;border-radius:22px}.hero-copy h1{font-size:39px}.hero-copy .lead{font-size:15px}.hero-photo-card,.hero-photo-card>img{min-height:390px;border-radius:22px}
  .price-bar{grid-template-columns:1fr 1fr}.price-bar-intro{grid-column:1/-1}
  .product-grid,.simple-steps,.grid-3,.grid-2,.footer-grid,.calc-fields,.calc-toggle-grid,.calc-config-grid,.calc-extras,.price-trust{grid-template-columns:1fr}
  .reference-card:nth-child(n){grid-column:auto}
  .reference-card .actions{grid-template-columns:1fr 1fr}
  .scenario-tabs{display:grid;grid-template-columns:1fr 1fr}.scenario-tab{border-radius:10px}.scenario-image-wrap{min-height:280px}.scenario-content{padding:22px}
  .detail-grid{grid-template-columns:1fr}
  .catalog-tools{grid-template-columns:1fr}.catalog-count{grid-column:auto}.catalog-premium-rail,.catalog-guidance,.product-premium-rail{grid-template-columns:1fr}
  .footer{padding-bottom:86px}.sticky-mobile{display:block}
}
@media(max-width:520px){
  .container{width:min(var(--container),calc(100% - 26px))}
  .hero-copy h1{font-size:36px}.hero-kpi{display:grid}.hero-kpi span{width:100%}
  .price-bar{grid-template-columns:1fr}
  .price-bar-intro{grid-column:auto}
  .reference-card .actions{grid-template-columns:1fr}
  .scenario-tabs{grid-template-columns:1fr}
  .live-stage{min-height:300px}.live-window{width:82%;height:185px;border-width:9px;padding:8px;gap:7px}.live-handle{height:27px;width:5px}
}


/* =========================================================
   PANORAMIKA v37 — FUNCTIONAL PRODUCT EXPERIENCE
   Component-only additions on the clean v36 design system.
   ========================================================= */

/* Editorial catalog: deliberately varied card rhythm */
.catalog-grid-section .product-grid{grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-flow:dense;gap:18px;align-items:stretch}
.catalog-grid-section .catalog-card{grid-column:span 4;display:flex;flex-direction:column}
.catalog-grid-section .catalog-card--compact{grid-column:span 4}
.catalog-grid-section .catalog-card--featured{grid-column:span 8}
.catalog-grid-section .catalog-card--wide{grid-column:span 7}
.catalog-grid-section .catalog-card--door{grid-column:span 5}
.catalog-grid-section .catalog-card--entrance{grid-column:1/-1}
.catalog-grid-section .catalog-card--featured .product-top,.catalog-grid-section .catalog-card--compact .product-top{height:330px}
.catalog-grid-section .catalog-card--wide .product-top,.catalog-grid-section .catalog-card--door .product-top{height:300px}
.catalog-grid-section .catalog-card--entrance .product-top{height:360px}
.catalog-grid-section .catalog-card--featured h3{font-size:26px}
.catalog-grid-section .catalog-card--entrance h3{font-size:26px}
.catalog-grid-section .catalog-card .actions{margin-top:auto}
.catalog-card-index{position:absolute;left:12px;top:12px;z-index:3;display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:rgba(31,48,59,.82);color:#fff;border:1px solid rgba(255,255,255,.15);backdrop-filter:blur(8px);font:700 10px/1 Sora,Manrope,sans-serif;letter-spacing:.06em}
.catalog-card--featured .shot-note{max-width:54%}

/* Window comparison block */
.window-compare{margin-top:28px;padding:28px;border:1px solid var(--line);border-radius:28px;background:linear-gradient(180deg,#FFFFFF,#F8FBFC);box-shadow:var(--shadow)}
.window-compare-head{display:flex;justify-content:space-between;gap:22px;align-items:end;margin-bottom:20px}.window-compare-head h2{margin:7px 0 6px}.window-compare-head p{margin:0;max-width:690px;color:var(--muted)}
.window-compare-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.window-compare-card{padding:17px;border:1px solid var(--line);border-radius:20px;background:#FBFDFE;transition:.25s}.window-compare-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-sm);border-color:#C5D7E1}.window-compare-card h3{margin:15px 0 5px;font-size:19px}.window-compare-card p{margin:0;color:var(--muted);font-size:12px;min-height:39px}.window-compare-meta{display:flex;justify-content:space-between;gap:10px;align-items:end;margin-top:14px}.window-compare-meta span{font-size:10px;color:var(--muted)}.window-compare-meta b{display:block;font-size:18px;color:var(--text)}
.compare-window{height:126px;padding:8px;display:grid;gap:6px;border:9px solid #F9FBFC;background:#C9DAE3;border-radius:7px;box-shadow:0 18px 28px rgba(24,39,49,.12);transform:perspective(700px) rotateX(5deg) rotateY(-5deg)}.compare-window.one{grid-template-columns:1fr}.compare-window.two{grid-template-columns:1fr 1fr}.compare-window.three{grid-template-columns:repeat(3,1fr)}.compare-window i{position:relative;display:block;border:5px solid #fff;background:linear-gradient(160deg,#BCD6E4,#E8F3F8)}.compare-window i.open::after{content:"";position:absolute;left:50%;top:50%;width:4px;height:27px;border-radius:99px;background:#6B8595;transform:translate(-50%,-50%)}

/* Real visual 3D calculator preview */
.calc-view-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:11px 0 -3px}.calc-view-toggle{display:inline-flex;padding:4px;border:1px solid var(--line);border-radius:12px;background:#F6F9FB}.calc-view-toggle button{min-height:32px;padding:0 12px;border:0;border-radius:8px;background:transparent;color:#667985;font:700 10px/1 Sora,Manrope,sans-serif;cursor:pointer}.calc-view-toggle button.active{background:#fff;color:#39596D;box-shadow:0 6px 14px rgba(23,40,51,.08)}.calc-view-hint{font-size:10px;color:var(--muted)}
.calc-preview{--rx:6deg;--ry:-10deg;min-height:245px;perspective:1100px;position:relative;overflow:hidden}.calc-preview::before{content:"";position:absolute;left:15%;right:15%;bottom:28px;height:30px;border-radius:50%;background:radial-gradient(ellipse,rgba(25,40,50,.18),transparent 72%);filter:blur(10px)}
.calc-window-preview{position:relative;width:min(72%,430px)!important;height:auto!important;aspect-ratio:var(--preview-ratio,1.15);padding:9px!important;display:grid;gap:7px;border:10px solid #F9FBFC!important;border-radius:8px;background:#C8D9E2!important;box-shadow:0 24px 42px rgba(23,40,51,.17)!important;transform-style:preserve-3d;transform:rotateX(var(--rx)) rotateY(var(--ry)) translateZ(12px);transition:transform .4s cubic-bezier(.2,.7,.2,1),width .35s,aspect-ratio .35s;z-index:1}
.calc-window-preview.one{grid-template-columns:1fr}.calc-window-preview.two{grid-template-columns:1fr 1fr}.calc-window-preview.three{grid-template-columns:repeat(3,1fr)}.calc-window-preview.door{width:min(38%,220px)!important;grid-template-columns:1fr!important;grid-template-rows:1fr!important}
.calc-window-preview::before{content:"";position:absolute;inset:-10px 9px 9px -10px;border-radius:9px;background:linear-gradient(145deg,#E4EBEF,#B9CCD6);transform:translateZ(-18px);z-index:-1}
.calc-sash-3d{position:relative!important;border:6px solid #fff!important;background:linear-gradient(155deg,#BDD7E4,#EAF4F8)!important;transform-style:preserve-3d;overflow:visible!important;transition:transform .55s cubic-bezier(.2,.7,.2,1),box-shadow .4s!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.5)}
.calc-sash-3d::before{content:""!important;position:absolute!important;left:-7px!important;top:0!important;bottom:0!important;width:7px!important;height:auto!important;background:linear-gradient(180deg,#EEF4F7,#C9D7DF)!important;transform-origin:right center;transform:rotateY(90deg);border:0!important}
.calc-sash-3d::after{content:""!important;position:absolute!important;inset:0!important;width:auto!important;height:auto!important;background:linear-gradient(135deg,rgba(255,255,255,.22),transparent 45%,rgba(99,128,145,.06))!important;transform:none!important;border-radius:0!important;pointer-events:none}
.calc-sash-3d.turn{transform-origin:left center;transform:rotateY(-27deg);box-shadow:-10px 13px 18px rgba(24,39,49,.13)}.calc-sash-3d.tilt_turn{transform-origin:center top;transform:rotateX(8deg);box-shadow:0 12px 18px rgba(24,39,49,.12)}
.calc-handle-3d{position:absolute;left:50%;top:50%;z-index:4;width:5px;height:30px;border-radius:99px;background:linear-gradient(180deg,#839AA8,#627D8D);transform:translate(-50%,-50%) translateZ(12px);box-shadow:0 0 0 1px rgba(255,255,255,.22),0 5px 8px rgba(23,40,51,.12)}
.calc-window-preview.entrance_door .calc-sash-3d,.calc-window-preview.balcony_door .calc-sash-3d{background:linear-gradient(180deg,#C1D9E4 0 55%,#F1F4F5 55% 100%)!important}
.calc-preview.view-front{--rx:0deg;--ry:0deg}.calc-preview.view-front .calc-window-preview{transform:rotateX(0) rotateY(0)}.calc-preview.view-front .calc-sash-3d{transform:none!important;box-shadow:none}

/* Mobile calculator as a 3-step flow */
.mobile-calc-wizard{display:none}.mobile-calc-step-controls{display:none}
.mobile-calc-wizard button{border:0;background:transparent;color:#73848F;font:700 10px/1.2 Sora,Manrope,sans-serif;text-align:left}.mobile-calc-wizard button b{display:grid;place-items:center;width:27px;height:27px;margin-bottom:5px;border-radius:9px;background:#E8F0F4;color:#527086}.mobile-calc-wizard button.active{color:#2F4C5D}.mobile-calc-wizard button.active b{background:#2D4654;color:#fff}
.mobile-calc-step-controls button{min-height:42px;padding:0 15px;border-radius:11px;border:1px solid var(--line);background:#fff;color:#405966;font-weight:700;cursor:pointer}.mobile-calc-step-controls .next{background:#314B59;color:#fff;border-color:#314B59;margin-left:auto}

/* Product detail pages */
.product-page-main{padding-top:28px}.product-detail-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:18px;align-items:start}.product-media-card,.product-buy-card{padding:18px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(180deg,#FFFFFF,#F8FBFC);box-shadow:var(--shadow)}.product-media-main{position:relative;height:470px;border-radius:18px;overflow:hidden;background:#E5EDF1}.product-media-main img{width:100%;height:100%;object-fit:cover;display:block;cursor:zoom-in}.product-media-label{position:absolute;left:14px;top:14px;z-index:2;padding:7px 10px;border-radius:999px;background:rgba(255,255,255,.87);border:1px solid rgba(216,226,232,.95);font-size:10px;font-weight:800;color:#526B79;backdrop-filter:blur(8px)}.product-buy-card{position:sticky;top:100px}.product-buy-card .price{font-size:38px;margin:14px 0 2px}.product-buy-note{color:var(--muted);font-size:12px}.product-spec-list{display:grid;margin:18px 0}.product-spec-row{display:flex;justify-content:space-between;gap:18px;padding:11px 0;border-bottom:1px solid var(--line);font-size:12px}.product-spec-row span{color:var(--muted);text-align:right}.product-buy-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:18px}.product-buy-actions .btn{width:100%}.product-context-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px}.product-context-card{padding:16px;border:1px solid var(--line);border-radius:18px;background:#FBFDFE}.product-context-card b{display:block;margin-bottom:5px}.product-context-card span{font-size:12px;color:var(--muted)}
.product-schematic{margin-top:18px;padding:20px;border:1px solid var(--line);border-radius:22px;background:radial-gradient(circle at 80% 0%,rgba(166,191,207,.14),transparent 28%),linear-gradient(180deg,#F9FCFD,#EDF4F7);display:grid;grid-template-columns:.85fr 1.15fr;gap:18px;align-items:center}.product-schematic-copy h3{font-size:23px;margin:7px 0 8px}.product-schematic-copy p{margin:0;color:var(--muted);font-size:12px}.product-schematic-stage{min-height:210px;display:grid;place-items:center;perspective:900px}.product-schematic-window{width:72%;aspect-ratio:var(--product-ratio,1.1);padding:8px;display:grid;gap:6px;border:9px solid #FAFBFC;background:#C8DAE3;box-shadow:0 22px 38px rgba(24,39,49,.16);transform:rotateY(-11deg) rotateX(5deg)}.product-schematic-window.one{grid-template-columns:1fr}.product-schematic-window.two{grid-template-columns:1fr 1fr}.product-schematic-window.three{grid-template-columns:repeat(3,1fr)}.product-schematic-window.door{width:38%;grid-template-columns:1fr}.product-schematic-window i{position:relative;border:5px solid #fff;background:linear-gradient(160deg,#BDD7E4,#EAF4F8)}.product-schematic-window i.open::after{content:"";position:absolute;left:50%;top:50%;width:4px;height:27px;border-radius:99px;background:#667F8F;transform:translate(-50%,-50%)}

/* mobile polish */
@media(max-width:1100px){.catalog-grid-section .product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-grid-section .catalog-card:nth-child(n){grid-column:auto}.catalog-grid-section .catalog-card--entrance{grid-column:1/-1}.window-compare-grid,.product-context-grid{grid-template-columns:1fr 1fr}.product-detail-grid{grid-template-columns:1fr}.product-buy-card{position:static}.product-schematic{grid-template-columns:1fr}}
@media(max-width:840px){
  .catalog-grid-section .product-grid{grid-template-columns:1fr}.catalog-grid-section .catalog-card:nth-child(n){grid-column:auto}.catalog-grid-section .catalog-card--entrance{grid-column:auto}.catalog-grid-section .catalog-card .product-top{height:auto!important;aspect-ratio:16/10}
  .window-compare{padding:20px;border-radius:22px}.window-compare-head{display:block}.window-compare-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:5px}.window-compare-card{min-width:82%;scroll-snap-align:start}
  .mobile-calc-wizard{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:0 0 15px;padding:8px;border:1px solid var(--line);border-radius:15px;background:#F7FAFB}.mobile-calc-wizard button{padding:7px}
  .mobile-calc-step-controls{display:flex;align-items:center;margin-top:14px}
  .calc-panel.mobile-step-1 .calc-field[data-mobile-step]:not([data-mobile-step="1"]),.calc-panel.mobile-step-2 .calc-field[data-mobile-step]:not([data-mobile-step="2"]),.calc-panel.mobile-step-3 .calc-field[data-mobile-step]:not([data-mobile-step="3"]){display:none}
  .calc-view-hint{display:none}.calc-view-toolbar{margin-top:6px}.calc-preview{min-height:220px}.calc-window-preview{width:min(76%,380px)!important}.calc-window-preview.door{width:min(42%,200px)!important}
  #resultDock{display:none!important}
  .sticky-mobile .bar>div{min-width:0}.sticky-mobile .bar b{font-variant-numeric:tabular-nums}.sticky-mobile .bar div div{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:54vw}
  .product-media-main{height:auto;aspect-ratio:4/3}.product-context-grid{grid-template-columns:1fr}.product-buy-actions{grid-template-columns:1fr 1fr}.product-schematic{padding:16px}
}
@media(max-width:520px){.window-compare-card{min-width:92%}.product-buy-actions{grid-template-columns:1fr}.product-schematic-window{width:84%}.product-schematic-window.door{width:46%}}

/* v37 preview specificity guards against legacy component selectors */
.calc-window-preview span.calc-sash-3d.turn::after,.calc-window-preview span.calc-sash-3d.tilt_turn::after{content:""!important;position:absolute!important;inset:0!important;width:auto!important;height:auto!important;right:0!important;top:0!important;transform:none!important;border-radius:0!important;background:linear-gradient(135deg,rgba(255,255,255,.22),transparent 45%,rgba(99,128,145,.06))!important;pointer-events:none!important}
.calc-window-preview span.calc-sash-3d.tilt_turn::before,.calc-window-preview span.calc-sash-3d.turn::before{content:""!important;position:absolute!important;left:-7px!important;right:auto!important;top:0!important;bottom:0!important;width:7px!important;height:auto!important;background:linear-gradient(180deg,#EEF4F7,#C9D7DF)!important;transform-origin:right center!important;transform:rotateY(90deg)!important;border:0!important}


/* =========================================================
   PANORAMIKA v38 — VISUAL CONFIGURATOR + TECHNICAL SCHEMES
   ========================================================= */

/* Calculator: dimensions, direct sash interaction and technical view */
.calc-preview{position:relative;min-height:300px;padding:38px 42px 34px;overflow:hidden}
.calc-preview::after{content:"";position:absolute;left:18%;right:18%;bottom:26px;height:28px;border-radius:50%;background:radial-gradient(ellipse,rgba(24,40,50,.16),transparent 72%);filter:blur(11px);pointer-events:none}
.calc-dimension{position:absolute;z-index:5;display:flex;align-items:center;justify-content:center;color:#607683;font:700 10px/1.2 Sora,Manrope,sans-serif;letter-spacing:.02em;pointer-events:none}
.calc-dimension span{padding:5px 8px;border:1px solid rgba(197,211,219,.9);border-radius:999px;background:rgba(255,255,255,.9);box-shadow:0 7px 18px rgba(23,40,51,.06);backdrop-filter:blur(8px)}
.calc-dimension::before,.calc-dimension::after{content:"";position:absolute;background:#9DB4C2}
.calc-dimension--width{left:19%;right:19%;top:12px;height:22px;border-top:1px solid #9DB4C2}
.calc-dimension--width::before,.calc-dimension--width::after{top:-4px;width:1px;height:9px}.calc-dimension--width::before{left:0}.calc-dimension--width::after{right:0}
.calc-dimension--height{left:10px;top:20%;bottom:20%;width:24px;border-left:1px solid #9DB4C2;writing-mode:vertical-rl;transform:rotate(180deg)}
.calc-dimension--height::before,.calc-dimension--height::after{left:-4px;width:9px;height:1px}.calc-dimension--height::before{top:0}.calc-dimension--height::after{bottom:0}
.calc-sash-3d{cursor:pointer;outline:none}
.calc-sash-3d:focus-visible{box-shadow:0 0 0 3px rgba(111,144,166,.26),inset 0 0 0 1px rgba(255,255,255,.5)}
.calc-sash-tag{position:absolute;left:8px;top:8px;z-index:5;display:grid;place-items:center;min-width:22px;height:22px;padding:0 5px;border-radius:7px;background:rgba(255,255,255,.82);border:1px solid rgba(207,219,226,.92);color:#536C7A;font:800 9px/1 Sora,Manrope,sans-serif;box-shadow:0 6px 12px rgba(23,40,51,.05);pointer-events:none}
.calc-opening-mark{display:none;position:absolute;inset:11px;z-index:4;place-items:center;color:#577487;font:600 clamp(26px,4vw,44px)/1 Sora,Manrope,sans-serif;opacity:.68;pointer-events:none}
.calc-preview-interaction{display:flex;align-items:center;gap:8px;margin:-2px 0 15px;color:#738691;font-size:11px}
.calc-preview-interaction::before{content:"↻";display:grid;place-items:center;width:24px;height:24px;border-radius:8px;background:#EAF1F5;color:#537288;font-weight:800}
.calc-view-toggle{grid-template-columns:repeat(3,1fr)}
.calc-preview.view-tech{--rx:0deg;--ry:0deg;background:linear-gradient(180deg,#FBFDFE,#F1F6F8)}
.calc-preview.view-tech::before{background-image:linear-gradient(rgba(118,145,160,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(118,145,160,.07) 1px,transparent 1px);background-size:18px 18px;background-color:transparent}
.calc-preview.view-tech::after{display:none}
.calc-preview.view-tech .calc-window-preview{transform:none!important;border-color:#607C8C!important;background:#DDE8EE!important;box-shadow:none!important;border-width:5px!important;border-radius:2px!important}
.calc-preview.view-tech .calc-window-preview::before{display:none}
.calc-preview.view-tech .calc-sash-3d{transform:none!important;background:#F8FBFC!important;border-color:#6D8796!important;border-width:3px!important;box-shadow:none!important}
.calc-preview.view-tech .calc-sash-3d::before,.calc-preview.view-tech .calc-sash-3d::after{display:none!important}
.calc-preview.view-tech .calc-opening-mark{display:grid}
.calc-preview.view-tech .calc-handle-3d{width:4px;height:25px;background:#526E7E;box-shadow:none}
.calc-preview.view-tech .calc-sash-tag{background:#EEF4F7;border-color:#BFD0D9}
.calc-preview.view-front .calc-opening-mark{display:none}
.calc-preview.view-front .calc-dimension span,.calc-preview.view-tech .calc-dimension span{background:#fff}

/* Technical sheet used by every product page */
.product-tech-section{padding-top:12px}
.product-tech-shell{display:grid;grid-template-columns:.72fr 1.28fr;gap:22px;align-items:stretch;padding:28px;border:1px solid var(--line);border-radius:28px;background:radial-gradient(circle at 95% 5%,rgba(164,190,207,.13),transparent 26%),linear-gradient(180deg,#FFFFFF,#F7FAFC);box-shadow:var(--shadow)}
.product-tech-copy{display:flex;flex-direction:column;justify-content:center}.product-tech-copy h2{font-size:34px;margin:8px 0 12px}.product-tech-copy p{margin:0;color:var(--muted);font-size:14px;line-height:1.7}.product-tech-copy .notice{margin-top:18px}
.tech-sheet{position:relative;min-height:360px;border:1px solid #D5E1E7;border-radius:22px;background-color:#F9FCFD;background-image:linear-gradient(rgba(108,139,155,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(108,139,155,.055) 1px,transparent 1px);background-size:22px 22px;overflow:hidden}
.tech-sheet-inner{position:absolute;inset:42px 48px 48px 58px;display:grid;place-items:center}
.tech-frame{position:relative;display:grid;gap:5px;width:min(78%,520px);aspect-ratio:var(--tech-ratio,1.1);padding:7px;border:5px solid #577483;background:#DCE8EE;box-shadow:0 15px 26px rgba(23,40,51,.08)}
.tech-frame.one{grid-template-columns:1fr}.tech-frame.two{grid-template-columns:1fr 1fr}.tech-frame.three{grid-template-columns:repeat(3,1fr)}.tech-frame.door{width:min(35%,230px);grid-template-columns:1fr}
.tech-sash{position:relative;border:3px solid #688493;background:#FBFDFE;overflow:hidden}
.tech-sash .tech-handle{position:absolute;left:50%;top:50%;width:3px;height:24px;border-radius:99px;background:#516D7D;transform:translate(-50%,-50%)}
.tech-sash .tech-mode{position:absolute;inset:7px;display:grid;place-items:center;color:#6A8798;font:600 clamp(24px,4vw,42px)/1 Sora,Manrope,sans-serif;opacity:.72}
.tech-sash.fixed .tech-mode{display:none}.tech-sash.turn .tech-mode::before{content:"↗"}.tech-sash.tilt_turn .tech-mode::before{content:"⌃"}
.tech-frame.entrance_door .tech-sash::after{content:"";position:absolute;left:0;right:0;top:57%;border-top:3px solid #688493}.tech-frame.entrance_door .tech-sash{background:linear-gradient(180deg,#F7FBFD 0 57%,#EDF2F4 57% 100%)}
.tech-dim{position:absolute;color:#587181;font:700 11px/1.2 Sora,Manrope,sans-serif}.tech-dim span{padding:5px 8px;border-radius:999px;background:#F9FCFD}
.tech-dim-w{left:18%;right:18%;top:18px;text-align:center;border-top:1px solid #8FA8B6}.tech-dim-w::before,.tech-dim-w::after{content:"";position:absolute;top:-5px;width:1px;height:10px;background:#8FA8B6}.tech-dim-w::before{left:0}.tech-dim-w::after{right:0}.tech-dim-w span{position:relative;top:-9px}
.tech-dim-h{left:18px;top:18%;bottom:18%;border-left:1px solid #8FA8B6;writing-mode:vertical-rl;transform:rotate(180deg);text-align:center}.tech-dim-h::before,.tech-dim-h::after{content:"";position:absolute;left:-5px;width:10px;height:1px;background:#8FA8B6}.tech-dim-h::before{top:0}.tech-dim-h::after{bottom:0}.tech-dim-h span{position:relative;left:-10px}
.tech-sheet-footer{position:absolute;left:18px;right:18px;bottom:14px;display:flex;justify-content:space-between;gap:12px;align-items:center;color:#6D808B;font-size:10px}
.tech-legend{display:flex;gap:10px;flex-wrap:wrap}.tech-legend span{display:inline-flex;align-items:center;gap:5px}.tech-legend i{width:9px;height:9px;border-radius:3px;border:1px solid #6C8796;background:#F9FCFD}.tech-legend .legend-turn i{background:linear-gradient(135deg,#F9FCFD 43%,#7995A4 44% 54%,#F9FCFD 55%)}.tech-legend .legend-tilt_turn i{background:linear-gradient(180deg,#7995A4 0 2px,#F9FCFD 2px)}

/* Product page navigation and stronger mobile buy CTA */
.product-inline-nav{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0 0}.product-inline-nav a{padding:8px 10px;border:1px solid var(--line);border-radius:999px;background:#FBFDFE;color:#566D7A;font-size:11px;font-weight:700}.product-inline-nav a.active{background:#314C5B;border-color:#314C5B;color:#fff}
.product-mobile-buy{display:none}

/* Catalog quick filters and mobile swipe */
.catalog-quick-chips{display:flex;gap:8px;flex-wrap:wrap;margin:-8px 0 20px}.catalog-quick-chips button{min-height:38px;padding:0 13px;border:1px solid var(--line);border-radius:999px;background:#fff;color:#536B79;font-weight:700;font-size:12px;cursor:pointer;transition:.18s}.catalog-quick-chips button:hover{border-color:var(--line-strong);transform:translateY(-1px)}.catalog-quick-chips button.active{background:#314C5B;border-color:#314C5B;color:#fff}
.catalog-mobile-hint{display:none;margin:0 0 10px;color:#738691;font-size:11px}.catalog-mobile-hint::before{content:"↔";margin-right:6px;font-weight:800;color:#567589}
.catalog-card .catalog-mini-scheme{display:grid;place-items:center;height:58px;margin:12px 5px 0;border:1px solid var(--line);border-radius:12px;background:#F7FAFB}
.catalog-mini-frame{display:grid;gap:3px;width:80px;height:42px;padding:3px;border:3px solid #6C8796;background:#DDE8EE}.catalog-mini-frame.one{grid-template-columns:1fr;width:48px}.catalog-mini-frame.two{grid-template-columns:1fr 1fr}.catalog-mini-frame.three{grid-template-columns:repeat(3,1fr);width:94px}.catalog-mini-frame.door{width:28px;height:48px;grid-template-columns:1fr}.catalog-mini-frame i{position:relative;border:2px solid #fff;background:#F9FCFD}.catalog-mini-frame i.open::after{content:"";position:absolute;left:50%;top:50%;width:2px;height:16px;border-radius:99px;background:#607C8C;transform:translate(-50%,-50%)}

@media(max-width:980px){.product-tech-shell{grid-template-columns:1fr}.product-tech-copy h2{font-size:30px}}
@media(max-width:840px){
  .calc-preview{min-height:245px;padding:36px 28px 28px}.calc-dimension--height{left:5px}.calc-dimension--width{left:18%;right:18%}
  .product-tech-shell{padding:20px;border-radius:22px}.tech-sheet{min-height:315px}.tech-sheet-inner{inset:40px 34px 45px 45px}
  .catalog-mobile-hint{display:block}
  .catalog-grid-section .product-grid{display:flex!important;grid-template-columns:none!important;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-left:0;padding:4px 12vw 14px 0;margin-right:calc((100vw - 100%)/-2);overscroll-behavior-inline:contain;scrollbar-width:none}.catalog-grid-section .product-grid::-webkit-scrollbar{display:none}
  .catalog-grid-section .catalog-card:nth-child(n){flex:0 0 min(84vw,560px);min-width:0;grid-column:auto!important;scroll-snap-align:start;scroll-snap-stop:always}
  .catalog-grid-section .catalog-card .product-top{aspect-ratio:16/10!important}
  .product-mobile-buy{position:fixed;left:9px;right:9px;bottom:9px;z-index:78;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 10px;border:1px solid var(--line);border-radius:15px;background:rgba(255,255,255,.96);box-shadow:0 18px 44px rgba(23,40,51,.16);backdrop-filter:blur(12px)}.product-mobile-buy b{display:block;font:800 18px/1.15 Sora,Manrope,sans-serif}.product-mobile-buy span{display:block;color:var(--muted);font-size:10px;margin-top:2px}.product-mobile-buy .btn{min-height:43px;padding-inline:14px;white-space:nowrap}
  .product-detail-page .sticky-mobile{display:none!important}
  .product-detail-page .footer{padding-bottom:90px}
}
@media(max-width:540px){
  .catalog-grid-section .catalog-card:nth-child(n){flex-basis:88vw}.catalog-quick-chips{flex-wrap:nowrap;overflow-x:auto;padding-bottom:5px;scrollbar-width:none}.catalog-quick-chips::-webkit-scrollbar{display:none}.catalog-quick-chips button{white-space:nowrap}
  .tech-sheet{min-height:280px}.tech-sheet-inner{inset:36px 25px 42px 39px}.tech-frame{width:86%}.tech-frame.door{width:42%}.tech-sheet-footer{display:block}.tech-legend{margin-bottom:3px}
  .calc-dimension--height{display:none}.calc-dimension--width{left:16%;right:16%}.calc-sash-tag{left:5px;top:5px}
}


/* =========================================================
   PANORAMIKA v44 SAFE — animated SVG logo only.
   Header logo motion now lives inside the SVG asset itself,
   so no overlay layers can interfere with clicks or layout.
   ========================================================= */
.site-header .brand-logo{
  position:relative;
  display:flex;
  align-items:center;
  flex:0 0 auto;
}
.site-header .brand-logo img{
  position:relative;
  z-index:1;
  display:block;
  width:238px;
  max-width:none;
  height:auto;
}
.footer-brand img{width:250px;max-width:none;height:auto}
@media(max-width:840px){
  .site-header .brand-logo img{width:198px}
}
@media(max-width:430px){
  .site-header .brand-logo img{width:184px}
}
@media(prefers-reduced-motion:reduce){
  .site-header .brand-logo img{animation:none}
}

/* =========================================================
   PANORAMIKA v43 SAFE enhancements
   Base app.js and base interactions are untouched v38.
   ========================================================= */
/* PRO contrast bug: late v36 rule made the surface white while its text stayed white. */
.pro-teaser .pro-teaser-inner{background:radial-gradient(circle at 90% 10%,rgba(145,178,199,.14),transparent 30%),linear-gradient(145deg,#263842,#344D5A)!important;border-color:rgba(255,255,255,.07)!important;color:#fff!important;box-shadow:var(--shadow-lg)!important}
.pro-teaser .pro-teaser-inner h2{color:#fff!important}.pro-teaser .pro-teaser-inner p{color:#C7D3DA!important}.pro-teaser .pro-teaser-inner .label{color:#BFD3DF!important}.pro-teaser .pro-teaser-inner .btn-line{background:rgba(255,255,255,.08)!important;border-color:rgba(255,255,255,.16)!important;color:#fff!important}

/* 3D opening demo — all decoration is pointer-transparent. */
.v43-live-stage{min-height:500px;isolation:isolate;perspective:1500px;background:radial-gradient(circle at 74% 16%,rgba(173,203,220,.18),transparent 24%),radial-gradient(circle at 17% 82%,rgba(132,169,191,.10),transparent 26%),linear-gradient(145deg,#1E2F38,#2B4552)}
.v43-live-stage::after{content:"";position:absolute;left:10%;right:10%;bottom:48px;height:54px;border-radius:50%;background:radial-gradient(ellipse,rgba(4,12,18,.34),transparent 70%);filter:blur(13px);pointer-events:none}
.v43-live-ghost{position:absolute;left:50%;top:50%;width:min(72%,560px);height:255px;transform:translate(-50%,-50%) rotateY(-13deg) rotateX(6deg);border:2px dashed rgba(226,239,246,.22);pointer-events:none}
.v43-live-section .live-window{transition:transform .9s cubic-bezier(.16,.78,.2,1),filter .55s ease;z-index:2}
.v43-live-section .live-sash{transform-style:preserve-3d;transition:transform .9s cubic-bezier(.16,.78,.2,1),box-shadow .65s ease}
.v43-live-section .live-sash::after{content:"";position:absolute;top:-7px;bottom:-7px;right:-10px;width:10px;background:linear-gradient(180deg,#DCE7EC,#B9CBD5);transform-origin:left center;transform:rotateY(90deg);pointer-events:none}
.v43-live-section .live-window.mode-closed .live-sash{transform:translateZ(10px);box-shadow:0 10px 20px rgba(20,38,49,.08)}
.v43-live-section .live-window.mode-turn .live-sash{transform:translateZ(24px) rotateY(-62deg);box-shadow:-30px 28px 38px rgba(0,0,0,.24)}
.v43-live-section .live-window.mode-tilt .live-sash{transform-origin:center top;transform:translateZ(19px) rotateX(24deg);box-shadow:0 32px 38px rgba(0,0,0,.22)}
.v43-live-section .live-handle{transition:transform .7s cubic-bezier(.2,.75,.2,1)}
.v43-live-section .live-window.mode-turn .live-handle{transform:translate(-50%,-50%) rotate(90deg)}
.v43-live-section .live-window.mode-tilt .live-handle{transform:translate(-50%,-50%) rotate(180deg)}
.v43-air{position:absolute;height:2px;width:150px;border-radius:999px;background:linear-gradient(90deg,transparent,rgba(194,222,237,.42),transparent);filter:blur(.2px);pointer-events:none;opacity:.35;animation:v43Air 5.5s ease-in-out infinite}.v43-air-a{left:9%;top:26%}.v43-air-b{right:8%;bottom:25%;animation-delay:1.8s}
@keyframes v43Air{0%,100%{transform:translateX(-12px) scaleX(.7);opacity:.12}50%{transform:translateX(38px) scaleX(1.15);opacity:.52}}
.v43-live-arc{position:absolute;width:170px;height:94px;border:1px dashed rgba(207,229,240,.32);border-radius:50%;pointer-events:none;opacity:.18;transition:opacity .3s ease}.v43-live-arc span{position:absolute;padding:5px 8px;border-radius:999px;background:rgba(255,255,255,.08);color:#D8E5EB;font-size:9px;font-weight:750}.v43-live-arc-turn{right:8%;top:20%;transform:rotate(16deg)}.v43-live-arc-turn span{right:0;top:-5px}.v43-live-arc-tilt{left:34%;top:8%;width:135px;height:72px;transform:rotate(-8deg)}.v43-live-arc-tilt span{left:0;top:-6px}.v43-live-section .live-window.mode-turn~.v43-live-arc-turn,.v43-live-section .live-window.mode-tilt~.v43-live-arc-tilt{opacity:.9}
.v43-live-state{position:absolute;right:17px;bottom:15px;z-index:4;display:grid;gap:2px;padding:9px 12px;border:1px solid rgba(255,255,255,.11);border-radius:13px;background:rgba(20,37,47,.52);backdrop-filter:blur(10px);color:#fff;pointer-events:none}.v43-live-state small{font-size:9px;color:#B9CDD7;text-transform:uppercase;letter-spacing:.08em}.v43-live-state b{font-size:13px}
.v43-demo-panel{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:13px;padding:13px 14px;border:1px solid var(--line);border-radius:15px;background:#F8FBFC}.v43-demo-copy{display:grid;gap:2px}.v43-demo-copy b{font-size:13px}.v43-demo-copy span{font-size:11px;color:var(--muted)}.v43-demo-panel .btn{min-height:40px;white-space:nowrap;position:relative;z-index:3;pointer-events:auto}
.v43-live-dots{display:flex;gap:7px;margin-top:11px}.v43-live-dots i{width:29px;height:5px;border-radius:999px;background:#D9E4E9;transition:.25s}.v43-live-dots i.active{width:48px;background:#6F90A6}

/* Clear construction diagram — isolated from base calculator/product interactions. */
.v43-construction-shell{grid-template-columns:.92fr 1.08fr;gap:24px;padding:30px}.v43-construction-copy h2{max-width:560px}.v43-construction-list{gap:10px}.v43-construction-button{display:grid!important;grid-template-columns:42px 1fr;gap:12px;align-items:start;text-align:left;width:100%;cursor:pointer;color:var(--text);font:inherit;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;position:relative;z-index:3;pointer-events:auto}.v43-construction-button i{font-style:normal;display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:#EDF3F6;color:#547286;font-weight:800;font-size:12px}.v43-construction-button.active{transform:translateX(4px);border-color:#9EB9C9;background:linear-gradient(180deg,#FFFFFF,#F3F8FA);box-shadow:0 15px 30px rgba(23,40,51,.07)}
.v43-construction-description{display:grid;gap:3px;margin-top:13px;padding:14px 15px;border-radius:15px;background:#EDF4F7;border:1px solid #D9E5EA}.v43-construction-description b{font-size:13px}.v43-construction-description span{font-size:12px;color:var(--muted)}.v43-construction-controls{margin-top:12px}.v43-construction-controls .btn{position:relative;z-index:4;pointer-events:auto}
.v43-construction-stage{position:relative;min-height:505px;overflow:hidden;padding:20px;border-radius:24px;background:radial-gradient(circle at 75% 13%,rgba(166,194,211,.20),transparent 26%),linear-gradient(150deg,#EEF4F7,#DEE9EE);perspective:1300px;isolation:isolate}.v43-blueprint-grid{position:absolute;inset:0;opacity:.28;background-image:linear-gradient(rgba(102,137,157,.11) 1px,transparent 1px),linear-gradient(90deg,rgba(102,137,157,.11) 1px,transparent 1px);background-size:28px 28px;pointer-events:none}
.v43-window-diagram{position:absolute;left:50%;top:50%;width:min(68%,430px);aspect-ratio:1.38;transform:translate(-50%,-50%) rotateY(-9deg) rotateX(4deg);transform-style:preserve-3d;filter:drop-shadow(0 28px 26px rgba(52,76,89,.17));transition:transform .5s ease;pointer-events:none}.v43-frame-outer{position:absolute;inset:0;border:18px solid #FAFCFD;background:#CBDAE3;box-shadow:inset 0 0 0 5px #DFE8ED;transition:.35s}.v43-sash{position:absolute;top:23px;bottom:23px;width:calc(50% - 26px);border:9px solid #F9FBFC;background:#BED6E3;transform-style:preserve-3d;transition:transform .45s cubic-bezier(.2,.75,.2,1),opacity .3s,filter .3s,box-shadow .3s}.v43-sash-left{left:23px}.v43-sash-right{right:23px}.v43-glass{position:absolute;inset:5px;background:linear-gradient(145deg,#BCD6E4,#E7F2F6);box-shadow:inset 0 0 0 1px rgba(255,255,255,.8);transition:.35s}.v43-mullion{position:absolute;left:50%;top:17px;bottom:17px;width:14px;transform:translateX(-50%);background:#FAFCFD;box-shadow:0 0 0 3px #D8E5EB}.v43-handle{position:absolute;left:50%;top:50%;width:6px;height:38px;border-radius:99px;background:#6D8797;transform:translate(-50%,-50%);transition:.35s}.v43-hinge{position:absolute;right:-13px;width:7px;height:24px;border-radius:4px;background:#7891A1;transition:.35s}.v43-hinge-top{top:18px}.v43-hinge-bottom{bottom:18px}
.v43-callout{position:absolute;z-index:4;display:flex;align-items:center;gap:7px;padding:8px 10px;border-radius:13px;background:rgba(255,255,255,.91);border:1px solid #D0DEE5;box-shadow:0 12px 24px rgba(23,40,51,.07);font-size:10px;color:#577080;transition:transform .25s,border-color .25s,color .25s;pointer-events:none}.v43-callout span{display:grid;place-items:center;width:24px;height:24px;border-radius:8px;background:#EDF4F7;font-weight:800}.v43-callout b{font-size:11px}.v43-callout i{position:absolute;height:1px;background:#9AB3C1}.v43-callout-frame{left:3%;top:18%}.v43-callout-frame i{left:100%;top:50%;width:92px;transform:rotate(15deg);transform-origin:left}.v43-callout-glass{right:3%;top:18%}.v43-callout-glass i{right:100%;top:50%;width:96px;transform:rotate(-13deg);transform-origin:right}.v43-callout-hardware{right:4%;bottom:20%}.v43-callout-hardware i{right:100%;top:50%;width:90px;transform:rotate(17deg);transform-origin:right}
.v43-construction-stage[data-v43-active=frame] .v43-frame-outer,.v43-construction-stage[data-v43-active=frame] .v43-sash{box-shadow:0 0 0 5px rgba(111,144,166,.12),0 0 28px rgba(111,144,166,.16)}.v43-construction-stage[data-v43-active=frame] .v43-glass,.v43-construction-stage[data-v43-active=frame] .v43-handle,.v43-construction-stage[data-v43-active=frame] .v43-hinge{opacity:.42}.v43-construction-stage[data-v43-active=frame] .v43-callout-frame{transform:scale(1.06);border-color:#91ADBE;color:#365A70}
.v43-construction-stage[data-v43-active=glass] .v43-glass{transform:translateZ(22px) scale(1.035);box-shadow:0 0 0 6px rgba(173,206,224,.22),0 18px 32px rgba(75,118,142,.16)}.v43-construction-stage[data-v43-active=glass] .v43-frame-outer,.v43-construction-stage[data-v43-active=glass] .v43-handle,.v43-construction-stage[data-v43-active=glass] .v43-hinge{opacity:.54}.v43-construction-stage[data-v43-active=glass] .v43-callout-glass{transform:scale(1.06);border-color:#91ADBE;color:#365A70}
.v43-construction-stage[data-v43-active=hardware] .v43-sash-right{transform:translateZ(17px) rotateY(-10deg);box-shadow:-15px 18px 23px rgba(58,86,101,.15)}.v43-construction-stage[data-v43-active=hardware] .v43-handle,.v43-construction-stage[data-v43-active=hardware] .v43-hinge{background:#557B92;box-shadow:0 0 0 5px rgba(91,130,154,.13)}.v43-construction-stage[data-v43-active=hardware] .v43-glass,.v43-construction-stage[data-v43-active=hardware] .v43-frame-outer{opacity:.62}.v43-construction-stage[data-v43-active=hardware] .v43-callout-hardware{transform:scale(1.06);border-color:#91ADBE;color:#365A70}
.v43-construction-status{position:absolute;left:20px;bottom:18px;display:flex;gap:7px;z-index:4;pointer-events:none}.v43-construction-status span{width:31px;height:31px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.88);border:1px solid #D0DEE5;color:#6A7F8B;font-size:10px;font-weight:800;transition:.22s}.v43-construction-status span.active{background:#456B82;border-color:#456B82;color:#fff;box-shadow:0 8px 18px rgba(56,91,111,.18)}
@media(max-width:900px){.v43-construction-shell{grid-template-columns:1fr}.v43-construction-stage{min-height:440px}.v43-demo-panel{flex-direction:column;align-items:stretch}.v43-demo-panel .btn{width:100%}.v43-window-diagram{width:min(76%,390px)}}
@media(max-width:640px){.v43-live-stage{min-height:360px}.v43-live-section .live-window{width:82%;height:205px;border-width:10px;padding:9px;gap:8px}.v43-live-arc{display:none}.v43-live-state{right:12px;bottom:12px}.v43-construction-stage{min-height:390px}.v43-window-diagram{width:72%}.v43-callout{padding:6px 7px}.v43-callout i{display:none}.v43-callout-frame{left:1%;top:7%}.v43-callout-glass{right:1%;top:7%}.v43-callout-hardware{right:1%;bottom:8%}}
@media(prefers-reduced-motion:reduce){.v43-air{animation:none}.v43-live-section .live-window,.v43-live-section .live-sash,.v43-live-section .live-handle,.v43-window-diagram,.v43-sash,.v43-glass{transition:none!important}}


/* =========================================================
   PANORAMIKA v45 — visible header air animation + 70 mm UI
   Animation is decorative only and cannot intercept clicks.
   ========================================================= */
.site-header .v45-logo{position:relative;isolation:isolate;overflow:visible}
.site-header .v45-logo>img{position:relative;z-index:1;width:238px;max-width:none;height:auto;display:block}
.v45-logo-air{position:absolute;z-index:4;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none!important}
.v45-air{fill:none;stroke:#9FC8DF;stroke-linecap:round;stroke-width:4;stroke-dasharray:54 520;stroke-dashoffset:560;opacity:0;filter:drop-shadow(0 1px 3px rgba(75,121,150,.32));animation:v45AirFly 3.6s cubic-bezier(.34,.02,.16,1) infinite}
.v45-air-2{stroke:#C6E2F1;stroke-width:3;stroke-dasharray:46 520;animation-delay:.55s}
.v45-air-3{stroke:#78A6C2;stroke-width:2.5;stroke-dasharray:38 520;animation-delay:1.05s}
.v45-air-dot{fill:#DDF3FF;opacity:0;filter:drop-shadow(0 0 4px rgba(114,167,198,.8));pointer-events:none;animation:v45AirDot 3.6s ease-in-out infinite}
.v45-dot-2{animation-delay:.8s;fill:#91BDD6}
@keyframes v45AirFly{
  0%{stroke-dashoffset:560;opacity:0}
  8%{opacity:1}
  38%{opacity:1}
  82%{opacity:.66}
  100%{stroke-dashoffset:210;opacity:0}
}
@keyframes v45AirDot{
  0%,6%{transform:translateX(0);opacity:0}
  14%{opacity:1}
  70%{opacity:.9}
  100%{transform:translateX(205px);opacity:0}
}
.site-header .v45-logo:hover .v45-air{animation-duration:2.5s}
.site-header .v45-logo:hover .v45-air-dot{animation-duration:2.5s}
.calc-field-note{display:block;margin-top:6px;color:var(--muted);font-size:10px;line-height:1.45}
#zcProfileField select{border-color:#C7D9E4;background:linear-gradient(180deg,#FFFFFF,#F7FAFC)}
@media(max-width:840px){.site-header .v45-logo>img{width:198px}.v45-air{stroke-width:4.5}}
@media(max-width:430px){.site-header .v45-logo>img{width:184px}}
@media(prefers-reduced-motion:reduce){.v45-air,.v45-air-dot{animation:none!important;opacity:0!important}}


/* =========================================================
   PANORAMIKA v46 FINAL — visible wind logo + reliable 3D cursor
   Isolated additions: decorative layers never receive pointer events.
   ========================================================= */
.v45-logo-air{display:none!important}
.site-header .v45-logo{position:relative;isolation:isolate;overflow:visible}
.site-header .v45-logo>img{position:relative;z-index:2}
.v46-logo-wind{position:absolute;z-index:6;inset:0;display:block;overflow:visible;pointer-events:none!important}
.v46-logo-wind *{pointer-events:none!important}
.v46-wind-line{position:absolute;left:4px;display:block;height:3px;width:78px;border-radius:999px;opacity:0;transform:translate3d(-18px,0,0) scaleX(.55);transform-origin:left center;background:linear-gradient(90deg,rgba(73,128,162,0) 0%,rgba(88,151,187,.96) 34%,rgba(181,218,238,.98) 58%,rgba(76,132,168,.70) 76%,rgba(76,132,168,0) 100%);filter:drop-shadow(0 0 3px rgba(104,163,198,.48));animation:v46WindTravel 3.05s cubic-bezier(.3,.03,.18,1) infinite}
.v46-wind-line-1{top:19px}
.v46-wind-line-2{top:27px;width:66px;height:2px;animation-delay:.58s;animation-duration:3.35s}
.v46-wind-line-3{top:35px;width:52px;height:2px;animation-delay:1.06s;animation-duration:3.2s;background:linear-gradient(90deg,rgba(82,140,176,0),rgba(125,181,211,.92),rgba(82,140,176,0))}
.v46-wind-dot{position:absolute;left:20px;width:6px;height:6px;border-radius:50%;opacity:0;background:#CFEAF8;box-shadow:0 0 0 2px rgba(111,167,199,.10),0 0 10px rgba(77,137,172,.72);animation:v46WindDot 3.05s ease-in-out infinite}
.v46-wind-dot-1{top:18px;animation-delay:.18s}
.v46-wind-dot-2{top:31px;width:4px;height:4px;animation-delay:.92s;animation-duration:3.35s}
@keyframes v46WindTravel{
  0%{opacity:0;transform:translate3d(-22px,2px,0) scaleX(.45)}
  9%{opacity:.98}
  43%{opacity:1;transform:translate3d(86px,-2px,0) scaleX(1.1)}
  72%{opacity:.72;transform:translate3d(155px,1px,0) scaleX(.88)}
  100%{opacity:0;transform:translate3d(225px,-1px,0) scaleX(.42)}
}
@keyframes v46WindDot{
  0%,7%{opacity:0;transform:translate3d(-8px,0,0) scale(.7)}
  16%{opacity:1}
  62%{opacity:.95;transform:translate3d(128px,-4px,0) scale(1)}
  100%{opacity:0;transform:translate3d(220px,1px,0) scale(.65)}
}
.site-header .v45-logo:hover .v46-wind-line,.site-header .v45-logo:hover .v46-wind-dot{animation-duration:2.15s}

/* Cursor rotation must be visually obvious and independent of CSS variables. */
.calc-preview:not(.view-front):not(.view-tech){cursor:grab}
.calc-preview:not(.view-front):not(.view-tech):active{cursor:grabbing}
.calc-preview.v46-pointer-active{box-shadow:inset 0 0 0 1px rgba(105,151,179,.18)}
.calc-preview.v46-pointer-active .calc-window-preview{will-change:transform}
.calc-view-hint.v46-live-hint{color:#496C82;font-weight:700}
.calc-view-hint.v46-live-hint::before{content:"";display:inline-block;width:6px;height:6px;margin-right:6px;border-radius:50%;background:#6F9BB6;box-shadow:0 0 0 4px rgba(111,155,182,.10);vertical-align:1px}

@media(max-width:840px){
  .v46-wind-line-1{top:16px}.v46-wind-line-2{top:23px}.v46-wind-line-3{top:30px}.v46-wind-dot-1{top:15px}.v46-wind-dot-2{top:27px}
}
@media(max-width:600px){
  .v46-wind-line{width:62px}.v46-wind-line-2{width:54px}.v46-wind-line-3{width:44px}
  @keyframes v46WindTravel{
    0%{opacity:0;transform:translate3d(-18px,2px,0) scaleX(.45)}
    10%{opacity:.95}
    50%{opacity:1;transform:translate3d(75px,-2px,0) scaleX(1.02)}
    100%{opacity:0;transform:translate3d(176px,0,0) scaleX(.42)}
  }
}

/* source: /assets/hybrid-glass.css */
/* =========================================================
   PANORAMIKA — Architectural Hybrid Glass
   70% clean architectural / 20% glass / 10% motion.
   Visual-only layer over the stable v46 functionality.
   ========================================================= */
:root{
  --hg-bg:#F2F6F8;
  --hg-surface:#FFFFFF;
  --hg-surface-soft:#F7FAFB;
  --hg-text:#172B36;
  --hg-muted:#667B87;
  --hg-line:#D9E4EA;
  --hg-blue:#789CB3;
  --hg-blue-deep:#486C82;
  --hg-dark:#243640;
  --hg-glass:rgba(250,253,254,.73);
  --hg-glass-strong:rgba(255,255,255,.82);
  --hg-glass-line:rgba(255,255,255,.86);
  --hg-shadow:0 20px 58px rgba(32,58,73,.09);
  --hg-shadow-soft:0 12px 34px rgba(32,58,73,.065);
  --hg-x:50%;
  --hg-y:8%;
}

html{background:#edf3f6}
body{
  color:var(--hg-text);
  background:
    radial-gradient(ellipse at 9% 3%,rgba(155,196,220,.21),transparent 28%),
    radial-gradient(ellipse at 92% 18%,rgba(196,211,222,.20),transparent 25%),
    linear-gradient(180deg,#F9FBFC 0%,#EEF4F7 42%,#F8FAFB 100%)!important;
}

/* restrained ambient light only — the page remains architectural, not "all glass" */
body::before,body::after{
  content:"";position:fixed;z-index:-1;pointer-events:none;border-radius:50%;filter:blur(28px);opacity:.52
}
body::before{width:430px;height:430px;left:-220px;top:30%;background:radial-gradient(circle,rgba(113,177,211,.24),transparent 68%)}
body::after{width:520px;height:520px;right:-280px;top:62%;background:radial-gradient(circle,rgba(183,200,216,.20),transparent 70%)}

/* navigation = glass; content beneath stays sharp */
.topbar{background:linear-gradient(90deg,#253741,#314A57)!important;color:#D7E2E8!important}
.site-header{
  background:transparent!important;border:0!important;box-shadow:none!important;
  backdrop-filter:none!important;-webkit-backdrop-filter:none!important;padding-top:9px
}
.site-header .header-inner{
  min-height:72px;padding:0 14px;border:1px solid var(--hg-glass-line);border-radius:22px;
  background:
    radial-gradient(180px 70px at var(--hg-x) var(--hg-y),rgba(255,255,255,.96),rgba(255,255,255,.18) 58%,transparent 76%),
    rgba(248,252,254,.72)!important;
  backdrop-filter:blur(26px) saturate(155%);-webkit-backdrop-filter:blur(26px) saturate(155%);
  box-shadow:0 12px 36px rgba(39,69,85,.09),inset 0 1px 0 rgba(255,255,255,.96),inset 0 -1px 0 rgba(112,151,174,.10)
}
.site-header.scrolled .header-inner{background:rgba(250,253,254,.86)!important;box-shadow:0 18px 48px rgba(39,69,85,.12),inset 0 1px 0 #fff}
.nav a{border-radius:999px!important;color:#4A6170!important}
.nav a:hover,.nav a.active{background:rgba(255,255,255,.68)!important;color:#27495D!important;box-shadow:inset 0 1px 0 #fff,0 5px 15px rgba(44,74,91,.055)}
.nav a::after{display:none!important}
.mobile-nav-btn{border-color:rgba(255,255,255,.90)!important;background:rgba(255,255,255,.65)!important;border-radius:999px!important;backdrop-filter:blur(18px)}
.mobile-menu{margin-top:8px!important;border:1px solid rgba(255,255,255,.88)!important;border-radius:20px!important;background:rgba(250,253,254,.90)!important;backdrop-filter:blur(24px)!important;box-shadow:var(--hg-shadow)!important;overflow:hidden}

/* controls: glass only where interaction benefits from it */
.btn{border-radius:999px!important;letter-spacing:-.015em}
.btn-primary{background:linear-gradient(135deg,#314E60,#63879D)!important;border-color:rgba(255,255,255,.22)!important;color:#fff!important;box-shadow:0 12px 30px rgba(45,75,93,.19),inset 0 1px 0 rgba(255,255,255,.26)!important}
.btn-secondary,.btn-line{
  color:#31566B!important;border-color:rgba(255,255,255,.90)!important;
  background:rgba(255,255,255,.66)!important;backdrop-filter:blur(16px) saturate(145%);-webkit-backdrop-filter:blur(16px) saturate(145%);
  box-shadow:0 7px 18px rgba(45,75,92,.055),inset 0 1px 0 rgba(255,255,255,.98)!important
}
@media(hover:hover) and (pointer:fine){
  .btn:hover{transform:translateY(-2px)!important}
  .btn-primary:hover{box-shadow:0 17px 38px rgba(45,75,93,.23),inset 0 1px 0 rgba(255,255,255,.30)!important}
  .btn-secondary:hover,.btn-line:hover{background:rgba(255,255,255,.84)!important}
}

/* HERO: mostly clean/mineral, glass used only as surface treatment */
.hero{padding:28px 0 46px!important;background:transparent!important}
.hero-grid{gap:18px!important}
.hero-copy{
  min-height:600px!important;color:var(--hg-text)!important;
  border:1px solid rgba(255,255,255,.95)!important;
  background:
    radial-gradient(240px 180px at var(--hg-x) var(--hg-y),rgba(255,255,255,.95),transparent 70%),
    linear-gradient(145deg,rgba(255,255,255,.88),rgba(239,246,250,.72))!important;
  backdrop-filter:blur(20px) saturate(135%)!important;-webkit-backdrop-filter:blur(20px) saturate(135%)!important;
  box-shadow:0 30px 76px rgba(35,62,77,.10),inset 0 1px 0 #fff!important
}
.hero-copy h1{color:#172D39!important}
.hero-blue{background:linear-gradient(90deg,#31586F,#779CB3 70%,#9CB8C9)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important}
.hero-copy .lead{color:#526A78!important}
.hero-copy .label,.hero-kpi span{color:#526F80!important;border-color:#DDE7EC!important;background:rgba(255,255,255,.68)!important;backdrop-filter:none!important}
.hero-photo-card{min-height:600px!important;border:1px solid rgba(255,255,255,.96)!important;background:#DCE8EE!important;box-shadow:0 30px 76px rgba(35,62,77,.11)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.hero-photo-card>img{min-height:600px!important;filter:none!important;-webkit-filter:none!important;transform:none!important;backdrop-filter:none!important}
.hero-photo-card:hover>img{filter:none!important;transform:none!important}
.hero-floating-badge{background:rgba(250,253,254,.80)!important;color:#496879!important;border:1px solid rgba(255,255,255,.92)!important;backdrop-filter:blur(14px)!important}
.hero-floating-card{background:rgba(29,48,59,.72)!important;border:1px solid rgba(255,255,255,.16)!important;backdrop-filter:blur(18px) saturate(140%)!important;box-shadow:0 14px 34px rgba(21,40,52,.16)!important}

/* floating information strips use low-intensity glass */
.arch-ticker{width:min(var(--container),calc(100% - 40px));margin:0 auto!important;border:1px solid rgba(255,255,255,.90)!important;border-radius:999px!important;background:rgba(255,255,255,.58)!important;backdrop-filter:blur(18px) saturate(140%)!important;box-shadow:var(--hg-shadow-soft)!important;overflow:hidden}
.price-bar,.price-trust{
  border-color:rgba(255,255,255,.90)!important;
  background:
    radial-gradient(190px 90px at var(--hg-x) var(--hg-y),rgba(255,255,255,.90),transparent 74%),
    rgba(247,251,253,.64)!important;
  backdrop-filter:blur(20px) saturate(145%)!important;-webkit-backdrop-filter:blur(20px) saturate(145%)!important;
  box-shadow:var(--hg-shadow-soft)!important
}
.price-bar-intro,.price-bar-item,.price-trust-item{background:rgba(255,255,255,.64)!important;border-color:rgba(255,255,255,.92)!important;box-shadow:inset 0 1px 0 #fff!important}

/* product area: MATTE, not glass. Product imagery stays the visual priority. */
.typical-solutions-wrap{padding:22px!important;border:0!important;background:transparent!important;box-shadow:none!important;backdrop-filter:none!important}
.reference-card,.catalog-card,.variant-thumb,.thumb-card,.product-media-card{
  background:rgba(255,255,255,.94)!important;border:1px solid #DCE6EB!important;
  backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
  box-shadow:0 13px 34px rgba(35,61,75,.065)!important
}
.reference-card::before,.reference-card::after,.catalog-card::before,.catalog-card::after,.product-media-card::before,.product-media-card::after{display:none!important}
.product-top,.catalog-shot,.product-media-main,.window-photo-visual{background:#E5EDF1!important;border-color:#E1E9ED!important;box-shadow:none!important}
.product-photo,.catalog-shot img,.product-media-main img,.window-photo-fill,.hero-photo-card>img,.scenario-image-wrap img,.thumb-card img{
  filter:none!important;-webkit-filter:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;transform:none!important;opacity:1!important
}
.reference-card:hover .product-photo,.catalog-card:hover .product-photo,.catalog-shot:hover img,.product-media-card:hover .product-media-main img,.hero-photo-card:hover>img,.scenario-image-wrap:hover img,.thumb-card:hover img{
  filter:none!important;-webkit-filter:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;transform:none!important;opacity:1!important
}
@media(hover:hover) and (pointer:fine){
  .reference-card,.catalog-card{transition:transform .26s cubic-bezier(.2,.8,.2,1),box-shadow .26s ease,border-color .26s ease!important}
  .reference-card:hover,.catalog-card:hover{transform:translateY(-4px)!important;border-color:#C8D9E2!important;box-shadow:0 24px 54px rgba(35,61,75,.105)!important}
}
.badge,.premium-note-strip span,.shot-note,.detail-caption,.catalog-quick-chips button{background:#F7FAFB!important;border-color:#DFE8ED!important;color:#557080!important;backdrop-filter:none!important;box-shadow:none!important}

/* CALCULATOR: this is the main Liquid Glass moment */
.calc-panel,.calc-result-card,.scenario-shell,.live-controls,.construction-shell,.catalog-tools,.page-hero .card,.consult-studio{
  --hg-x:50%;--hg-y:8%;
  border:1px solid rgba(255,255,255,.94)!important;
  background:
    radial-gradient(220px 130px at var(--hg-x) var(--hg-y),rgba(255,255,255,.98),rgba(255,255,255,.18) 55%,transparent 76%),
    linear-gradient(145deg,rgba(255,255,255,.73),rgba(234,244,249,.49))!important;
  backdrop-filter:blur(28px) saturate(155%)!important;-webkit-backdrop-filter:blur(28px) saturate(155%)!important;
  box-shadow:0 24px 64px rgba(36,64,80,.10),inset 0 1px 0 #fff,inset 0 -1px 0 rgba(116,155,178,.08)!important
}
.calc-preview{
  background:radial-gradient(circle at 66% 11%,rgba(255,255,255,.94),transparent 28%),linear-gradient(145deg,#E4EEF3,#F5F9FB)!important;
  border:1px solid rgba(255,255,255,.96)!important;box-shadow:inset 0 1px 0 #fff,0 18px 48px rgba(42,72,89,.08)!important
}
input,select,textarea,.calc-choice label,.calc-check,.sash-card,.quick-calc-preset,.profile-choice,.profile-option,.live-mode-btn,.construction-row{
  border-color:rgba(255,255,255,.94)!important;background:rgba(255,255,255,.70)!important;color:#294A5C!important;
  backdrop-filter:blur(12px) saturate(135%)!important;-webkit-backdrop-filter:blur(12px) saturate(135%)!important;
  box-shadow:inset 0 1px 0 #fff,0 6px 17px rgba(43,73,90,.045)!important
}
input:focus,select:focus,textarea:focus{outline:0!important;border-color:#9BB7C8!important;box-shadow:0 0 0 4px rgba(111,151,175,.12),inset 0 1px 0 #fff!important}
.calc-view-toggle{padding:4px!important;border:1px solid rgba(255,255,255,.94)!important;border-radius:999px!important;background:rgba(255,255,255,.62)!important;backdrop-filter:blur(14px)!important}
.calc-view-toggle button{border-radius:999px!important}
.calc-view-toggle button.active{background:#fff!important;color:#31586F!important;box-shadow:0 6px 16px rgba(39,69,85,.07)!important}
.quick-calc-preset:hover,.live-mode-btn:hover,.construction-row:hover{background:rgba(255,255,255,.90)!important}

/* Technical / opening demos: dark matte stage + glass controls */
.live-stage,.construction-stage,.product-schematic-stage{background:radial-gradient(circle at 72% 14%,rgba(132,177,202,.16),transparent 28%),linear-gradient(145deg,#263A45,#365363)!important;border-color:rgba(255,255,255,.10)!important;box-shadow:0 28px 70px rgba(31,55,69,.15)!important;backdrop-filter:none!important}
.live-mode-btn.active,.construction-row.active{background:rgba(235,246,251,.92)!important;color:#31586D!important;border-color:#B9D0DD!important}

/* Secondary content = calm matte surfaces */
.card,.surface,.why-main,.detail-card,.simple-step,.info-card,.faq-item,.product-tech-shell,.product-buy-card{
  border-color:#DCE6EB!important;background:rgba(255,255,255,.92)!important;box-shadow:0 12px 34px rgba(37,63,77,.055)!important
}
/* restore glass for explicitly interactive primary surfaces after generic .surface */
.calc-panel,.calc-result-card,.live-controls,.construction-shell{
  border-color:rgba(255,255,255,.94)!important;
  background:
    radial-gradient(220px 130px at var(--hg-x) var(--hg-y),rgba(255,255,255,.98),rgba(255,255,255,.18) 55%,transparent 76%),
    linear-gradient(145deg,rgba(255,255,255,.73),rgba(234,244,249,.49))!important;
  backdrop-filter:blur(28px) saturate(155%)!important;-webkit-backdrop-filter:blur(28px) saturate(155%)!important;
  box-shadow:0 24px 64px rgba(36,64,80,.10),inset 0 1px 0 #fff!important
}

/* smoked glass only where contrast creates a deliberate endpoint */
.why-side,.smart-cta,.pro-teaser-inner,.consult-aside,.story-cta{
  color:#fff!important;border-color:rgba(255,255,255,.13)!important;
  background:radial-gradient(210px 140px at var(--hg-x) var(--hg-y),rgba(151,198,221,.16),transparent 68%),linear-gradient(145deg,rgba(31,51,62,.94),rgba(49,76,91,.91))!important;
  backdrop-filter:blur(16px) saturate(135%)!important;-webkit-backdrop-filter:blur(16px) saturate(135%)!important;
  box-shadow:0 26px 64px rgba(31,54,67,.15),inset 0 1px 0 rgba(255,255,255,.14)!important
}
.why-side p,.smart-cta p,.pro-teaser-inner p,.consult-aside p,.story-cta p{color:rgba(231,241,246,.84)!important}

/* footer grounds the whole page */
.footer{background:radial-gradient(circle at 82% 0%,rgba(139,184,208,.12),transparent 30%),linear-gradient(180deg,#263943,#304A57)!important;border-top:1px solid rgba(255,255,255,.08)}

/* image crispness is non-negotiable */
img{image-rendering:auto}
.product-card img,.catalog-card img,.product-detail-page img{filter:none!important;-webkit-filter:none!important}

/* responsive polish */
@media(max-width:1050px){
  .hero-copy,.hero-photo-card,.hero-photo-card>img{min-height:540px!important}
}
@media(max-width:840px){
  .site-header{padding-top:6px}.site-header .header-inner{min-height:64px;border-radius:18px;padding-inline:10px}
  .hero{padding-top:20px!important}.hero-copy,.hero-photo-card{border-radius:24px!important}
  .hero-copy,.hero-photo-card,.hero-photo-card>img{min-height:auto!important}
  .arch-ticker{width:calc(100% - 28px)}
  .typical-solutions-wrap{padding:10px!important}
}
@media(max-width:640px){
  body::before,body::after{opacity:.30}
  section{padding-top:58px;padding-bottom:58px}
  .site-header .header-inner{border-radius:16px}
  .calc-panel,.calc-result-card,.live-controls,.construction-shell{backdrop-filter:blur(20px) saturate(140%)!important;-webkit-backdrop-filter:blur(20px) saturate(140%)!important}
  .hero-copy{padding:28px 22px!important}
}
@media(prefers-reduced-motion:reduce){
  .reference-card,.catalog-card,.btn{transition:none!important}
}
@supports not ((backdrop-filter:blur(2px)) or (-webkit-backdrop-filter:blur(2px))){
  .site-header .header-inner,.price-bar,.price-trust,.calc-panel,.calc-result-card,.scenario-shell,.live-controls,.construction-shell,.catalog-tools,.page-hero .card,.consult-studio{background:rgba(249,252,253,.96)!important}
}

/* source: /assets/super-final.css */
/* =========================================================
   PANORAMIKA — SUPER FINAL POLISH
   Final visual/UX safety layer over the stable Hybrid/v46 base.
   No core calculator or product logic lives here.
   ========================================================= */

:root{
  --sf-radius-xl:32px;
  --sf-radius-lg:26px;
  --sf-radius-md:18px;
  --sf-pad:clamp(22px,3vw,46px);
  --sf-text:#172D39;
  --sf-muted:#607784;
  --sf-line:#D8E4EA;
  --sf-shadow:0 24px 68px rgba(32,58,73,.085);
}

/* ---------- layout guardrails ---------- */
html{scroll-behavior:smooth}
body{overflow-x:hidden;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
*,*::before,*::after{box-sizing:border-box}
.container,.hero-grid,.section-head,.product-grid,.calc-layout,.calc-panel,.calc-result-card,.consult-studio,.consult-studio-copy,.consult-aside,.product-detail-grid,.product-story-band,.footer-grid{min-width:0}
section[id],#calculator,#request{scroll-margin-top:112px}
h1,h2,h3{overflow-wrap:break-word;text-wrap:balance}
p,.lead,.notice,.product-buy-note,.faq-a{overflow-wrap:break-word;text-wrap:pretty}
img{max-width:100%;height:auto}
.actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.actions .btn{min-width:0}

/* ---------- premium typography rhythm ---------- */
.section-head{align-items:flex-end;gap:22px}
.section-head>div:first-child{max-width:790px}
.section-head h2{letter-spacing:-.035em}
.section-head p{max-width:720px;line-height:1.72}
.label{letter-spacing:.075em}

/* ---------- controls: clear hierarchy, larger targets ---------- */
.btn{min-height:48px;padding-inline:19px;display:inline-flex;align-items:center;justify-content:center;line-height:1.15}
.btn:focus-visible,a:focus-visible,button:focus-visible,[role="button"]:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{
  outline:3px solid rgba(79,119,143,.24)!important;
  outline-offset:3px!important;
}
.btn-primary{font-weight:800}

/* ---------- header refinement ---------- */
.site-header .header-inner{isolation:isolate}
.site-header .header-inner::after{content:"";position:absolute;pointer-events:none;inset:1px;border-radius:inherit;border-top:1px solid rgba(255,255,255,.64);opacity:.72;z-index:-1}
.header-right{min-width:0}
.header-place{white-space:nowrap}

/* ---------- hero: keep actions readable and intentional ---------- */
.hero-copy{padding:clamp(30px,4vw,54px)!important}
.hero-copy h1{max-width:690px}
.hero-copy .lead{max-width:650px;line-height:1.62}
.hero-actions{margin-top:26px}
.hero-kpi{margin-top:auto;padding-top:30px}
.hero-floating-card{max-width:min(360px,calc(100% - 36px))}
.hero-photo-card{overflow:hidden}

/* ---------- product cards: stable heights + crisp media ---------- */
.reference-card,.catalog-card{overflow:hidden}
.product-card .product-body,.catalog-card .product-body{display:flex;flex-direction:column;min-width:0}
.product-card h3,.catalog-card h3{line-height:1.16;text-wrap:balance}
.product-card .product-bottom,.catalog-card .product-bottom{margin-top:auto}
.product-photo,.catalog-shot img,.product-media-main img{will-change:auto!important}

/* ---------- catalog/search ---------- */
.catalog-tools{overflow:hidden}
.catalog-quick-chips{gap:8px}
.catalog-quick-chips button{min-height:42px}
.catalog-note{line-height:1.65}

/* ---------- calculator clarity ---------- */
.calc-panel,.calc-result-card{overflow:hidden}
.calc-fields{align-items:start}
.calc-field label{font-weight:750;color:#314E5E}
.calc-field-note{display:block;margin-top:7px;line-height:1.45;color:#728591}
.quick-calc-presets{gap:8px}
.quick-calc-preset{min-height:44px}
.calc-result-card .price-strong{letter-spacing:-.04em}
.calc-preview{overflow:hidden}

/* ---------- technical demos ---------- */
.live-stage,.construction-stage,.product-schematic-stage{overflow:hidden}
.live-controls,.construction-shell{overflow:hidden}
.live-mode-btn,.construction-row{min-width:0}
.live-mode-btn span,.construction-row b{overflow-wrap:break-word}

/* ---------- order/check section: fixes the screenshot issue ---------- */
.consult-studio.premium-order-check{
  display:grid!important;
  grid-template-columns:minmax(0,1.22fr) minmax(330px,.78fr)!important;
  gap:0!important;
  padding:0!important;
  overflow:hidden!important;
  border-radius:var(--sf-radius-xl)!important;
  background:rgba(249,252,253,.76)!important;
}
.consult-studio-copy{
  padding:clamp(34px,4.2vw,58px)!important;
  align-self:stretch;
}
.consult-studio-copy h2{max-width:830px;margin:10px 0 18px;font-size:clamp(34px,4.2vw,58px);line-height:1.02;letter-spacing:-.045em;color:var(--sf-text)}
.consult-lead{max-width:800px;margin:0;color:#5E7481;line-height:1.72;font-size:clamp(15px,1.25vw,18px)}
.consult-bullets{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px!important;margin-top:30px!important}
.consult-bullet{
  display:grid!important;grid-template-columns:42px minmax(0,1fr);gap:13px;align-items:start;
  padding:18px 18px 19px!important;border:1px solid #DEE8ED;border-radius:18px;
  background:rgba(255,255,255,.72);box-shadow:inset 0 1px 0 rgba(255,255,255,.95);
}
.consult-bullet>i{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:#EFF5F8;color:#4F7185;font-style:normal;font-size:11px;font-weight:900;letter-spacing:.04em}
.consult-bullet b{display:block;margin:2px 0 5px;color:#203A49;font-size:15px;line-height:1.28}
.consult-bullet span{display:block;color:#6D808B;font-size:13px;line-height:1.55}
.consult-aside{
  min-width:0;padding:clamp(34px,3.6vw,52px)!important;border-radius:0!important;
  display:flex!important;flex-direction:column;justify-content:space-between;gap:34px;
  position:relative;overflow:hidden;
}
.consult-aside::before{content:"";position:absolute;pointer-events:none;width:280px;height:280px;right:-130px;top:-120px;border-radius:50%;background:radial-gradient(circle,rgba(178,216,235,.19),transparent 68%)}
.consult-aside-label{color:#C7DBE7!important;background:rgba(255,255,255,.08)!important;border-color:rgba(255,255,255,.13)!important}
.consult-aside h3{position:relative;margin:14px 0 14px;max-width:470px;color:#fff;font-size:clamp(27px,2.5vw,38px);line-height:1.07;letter-spacing:-.035em}
.consult-aside p{position:relative;max-width:520px;line-height:1.65!important}
.consult-mini-list{position:relative;display:grid;gap:10px;margin-top:24px}
.consult-mini-list span{display:flex;align-items:flex-start;gap:9px;color:rgba(237,246,250,.91);font-size:13px;line-height:1.48}
.consult-mini-list i{flex:0 0 21px;display:grid;place-items:center;width:21px;height:21px;border-radius:50%;background:rgba(197,226,240,.13);border:1px solid rgba(217,237,247,.15);color:#D8EDF7;font-style:normal;font-size:11px}
.consult-actions{position:relative;margin:0!important}
.consult-aside .btn-line{color:#E5F2F8!important;border-color:rgba(255,255,255,.23)!important;background:rgba(255,255,255,.08)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.10)!important}
.consult-aside .btn-line:hover{background:rgba(255,255,255,.14)!important}

/* ---------- final CTAs ---------- */
.smart-cta,.story-cta,.why-side,.pro-teaser-inner{overflow:hidden;padding:clamp(28px,3.5vw,46px)!important}
.smart-cta h2,.story-cta h3{max-width:760px}

/* ---------- product detail pages ---------- */
.product-detail-grid{align-items:start}
.product-buy-card{overflow:hidden}
.product-buy-card .price{letter-spacing:-.045em}
.product-spec-row{gap:20px}
.product-spec-row span{text-align:right;max-width:62%;overflow-wrap:break-word}
.product-buy-actions{display:grid;gap:9px}
.product-buy-actions .btn{width:100%}
.product-story-band{overflow:hidden}
.compact-head{margin-bottom:20px!important}
.variant-gallery{align-items:stretch}
.variant-thumb{overflow:hidden}
.variant-thumb span{display:block;line-height:1.3}

/* ---------- forms / legal pages ---------- */
form{min-width:0}
.form-grid>*{min-width:0}
input,select,textarea{max-width:100%;font-size:16px}
.notice{line-height:1.58}

/* ---------- FAQ: clearer clickable affordance ---------- */
.faq-item{transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}
@media(hover:hover) and (pointer:fine){.faq-item:hover{border-color:#C9DCE5!important;box-shadow:0 15px 38px rgba(37,63,77,.075)!important}}
.faq-q{gap:18px;line-height:1.35}

/* ---------- footer ---------- */
.footer-grid{gap:34px}
.footer a{line-height:1.45}
.footer-note{line-height:1.55}

/* ---------- tablet ---------- */
@media(max-width:1050px){
  .consult-studio.premium-order-check{grid-template-columns:minmax(0,1fr) minmax(300px,.72fr)!important}
  .consult-bullets{grid-template-columns:1fr!important}
  .consult-aside{padding:34px!important}
}

/* ---------- mobile ---------- */
@media(max-width:840px){
  section{scroll-margin-top:88px}
  .section-head{align-items:flex-start}
  .section-head>.btn{width:auto}
  .consult-studio.premium-order-check{display:block!important;border-radius:24px!important;padding:0!important}
  .consult-studio-copy{padding:30px 24px 24px!important}
  .consult-studio-copy h2{font-size:clamp(31px,8vw,44px)}
  .consult-bullets{grid-template-columns:1fr!important;gap:9px!important;margin-top:24px!important}
  .consult-bullet{padding:15px!important;grid-template-columns:38px minmax(0,1fr)}
  .consult-bullet>i{width:38px;height:38px;border-radius:12px}
  .consult-aside{margin:0 10px 10px;padding:27px 22px!important;border-radius:19px!important;gap:26px}
  .consult-aside h3{font-size:29px}
  .consult-actions .btn{flex:1 1 190px}
  .product-spec-row{align-items:flex-start}
  .product-spec-row span{max-width:58%}
}
@media(max-width:640px){
  :root{--sf-pad:20px}
  .container{width:min(var(--container),calc(100% - 28px))}
  .hero-copy{padding:27px 21px!important}
  .hero-actions,.actions{width:100%}
  .hero-actions .btn,.smart-cta .actions .btn,.consult-actions .btn{width:100%;flex:1 1 100%}
  .hero-kpi{gap:7px;padding-top:24px}
  .hero-kpi span{padding:8px 10px!important}
  .price-bar{overflow:hidden}
  .calc-panel,.calc-result-card,.live-controls,.construction-shell,.catalog-tools{border-radius:22px!important}
  .calc-field.full{min-width:0}
  .quick-calc-presets{display:grid!important;grid-template-columns:1fr!important}
  .quick-calc-preset{width:100%;text-align:left;justify-content:flex-start}
  .consult-studio-copy{padding:27px 20px 20px!important}
  .consult-studio-copy h2{font-size:clamp(30px,9.3vw,40px);line-height:1.02}
  .consult-lead{font-size:15px}
  .consult-bullet{grid-template-columns:36px minmax(0,1fr);gap:11px;padding:14px!important}
  .consult-bullet>i{width:36px;height:36px}
  .consult-aside{margin:0 8px 8px;padding:24px 19px!important}
  .consult-aside h3{font-size:27px}
  .consult-mini-list span{font-size:12px}
  .product-spec-row{display:grid!important;grid-template-columns:minmax(90px,.75fr) minmax(0,1.25fr)!important}
  .product-spec-row span{max-width:none;text-align:right}
  .footer-grid{gap:26px}
}
@media(max-width:430px){
  .header-place{display:none!important}
  .site-header .header-inner{padding-inline:8px!important}
  .btn{min-height:47px;padding-inline:16px}
  .consult-bullet span{font-size:12px}
}

/* ---------- reduced motion ---------- */
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.faq-item{transition:none}}

/* ---------- fixed mobile UI: never overlap one another ---------- */
@media(max-width:640px){
  .result-dock{display:none!important}
  .scroll-top{right:12px!important;bottom:88px!important}
  .sticky-mobile .bar,.product-mobile-buy{padding-bottom:max(8px,env(safe-area-inset-bottom))}
  .footer{padding-bottom:104px!important}
}

/* ---------- remaining container/alignment fixes found in final audit ---------- */
.hero-caption{width:min(var(--container),calc(100% - 40px));margin:10px auto 0!important;padding:0!important;color:#728895!important}
.b2b-workspace,.delivery-details{margin-top:18px}
.b2b-workspace>.b2b-builder{margin-top:0}
.b2b-workspace>.split,.delivery-details>.split{margin-top:18px!important}
.b2b-builder{overflow:hidden}
.b2b-builder>div[style*="overflow:auto"]{-webkit-overflow-scrolling:touch;overscroll-behavior-inline:contain;border-radius:14px}
.page-hero h1{font-size:clamp(38px,4.4vw,54px)!important;line-height:1.03!important;letter-spacing:-.045em!important}
@media(max-width:640px){
  .hero-caption{width:calc(100% - 28px);font-size:10px;line-height:1.45;margin-top:8px!important}
  .page-hero h1{font-size:clamp(34px,10.2vw,42px)!important;line-height:1.04!important}
  .b2b-workspace,.delivery-details{margin-top:14px}
  .b2b-workspace>.b2b-builder{padding:18px 14px!important}
  .b2b-workspace>.split,.delivery-details>.split{margin-top:14px!important}
  .b2b-table{min-width:690px}
}
@media(max-width:640px){
  .sticky-mobile .bar>div:first-child{min-width:0}
  .sticky-mobile .bar>div:first-child>div{font-size:11px!important;line-height:1.28;max-width:200px;white-space:normal}
}

/* source: /assets/final-polish.css */
/* =========================================================
   PANORAMIKA FINAL HYBRID — production visual polish
   Visual-only overrides over stable v46 functionality.
   ========================================================= */
:root{
  --fp-text:#182D38;
  --fp-muted:#667C89;
  --fp-line:#D9E5EB;
  --fp-blue:#6F96AD;
  --fp-blue-deep:#42677D;
  --fp-shadow:0 18px 48px rgba(34,60,74,.075);
  --fp-shadow-hover:0 26px 58px rgba(34,60,74,.11);
}
html{scrollbar-gutter:stable;background:#EEF4F7}
body{overflow-x:hidden;font-family:"Segoe UI Variable","Segoe UI",Inter,Arial,sans-serif;color:var(--fp-text)}
h1,h2,h3,h4,.price,.calc-price,.btn,.nav a,.label,.kicker{font-family:"Segoe UI Variable","Segoe UI",Inter,Arial,sans-serif}
p,.lead,.specs,.price-note,.faq-a,.notice{font-family:"Segoe UI Variable","Segoe UI",Inter,Arial,sans-serif}

/* Focus/keyboard states: visible without changing mouse styling. */
:is(a,button,input,select,textarea,[tabindex]):focus-visible{
  outline:3px solid rgba(93,137,163,.25)!important;
  outline-offset:3px!important;
}

/* Header: cleaner glass edge and predictable stacking. */
.site-header{isolation:isolate}
.site-header .header-inner{box-shadow:0 14px 38px rgba(36,64,79,.085),inset 0 1px 0 rgba(255,255,255,.98)!important}
.site-header.scrolled .header-inner{box-shadow:0 18px 48px rgba(36,64,79,.115),inset 0 1px 0 rgba(255,255,255,.98)!important}
.site-header .brand-logo{min-width:0}
.site-header .brand-logo img{max-width:100%}

/* Hero: compact premium composition, fewer dead zones. */
.hero{padding-top:24px!important;padding-bottom:38px!important}
.hero-copy,.hero-photo-card{min-height:560px!important}
.hero-photo-card>img{min-height:560px!important}
.hero-copy{padding:38px!important}
.hero-copy h1{max-width:590px;margin-top:18px!important;margin-bottom:18px!important;line-height:.99!important}
.hero-copy .lead{max-width:600px;line-height:1.58!important}
.hero-actions{margin-top:22px!important;margin-bottom:18px!important}
.hero-kpi span{border-radius:10px!important}
.hero-floating-card{border-radius:18px!important}

/* Product imagery must always stay crisp. */
.product-top::after{display:none!important;content:none!important}
.product-photo,.catalog-shot img,.product-media-main img,.window-photo-fill,.hero-photo-card>img,.scenario-image-wrap img,.thumb-card img,.detail-visual img{
  filter:none!important;-webkit-filter:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
}
@media(hover:hover) and (pointer:fine){
  .reference-card:hover .product-photo,.catalog-card:hover .product-photo,.catalog-shot:hover img,.product-media-card:hover .product-media-main img,.hero-photo-card:hover>img,.scenario-image-wrap:hover img,.thumb-card:hover img{
    transform:none!important;filter:none!important;-webkit-filter:none!important;
  }
}
.shot-note{max-width:calc(100% - 24px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* Cards: quieter borders, consistent depth and radii. */
.reference-card,.catalog-card,.variant-thumb,.thumb-card,.product-media-card,.product-buy-card,.simple-step,.detail-card,.info-card,.faq-item{
  border-color:var(--fp-line)!important;
  box-shadow:var(--fp-shadow)!important;
}
.reference-card,.catalog-card{border-radius:22px!important}
@media(hover:hover) and (pointer:fine){
  .reference-card:hover,.catalog-card:hover{transform:translateY(-3px)!important;box-shadow:var(--fp-shadow-hover)!important}
}

/* Price strip: prevent price + secondary text from visually running together. */
.price-bar-item b{display:block;margin-top:2px;line-height:1.2}
.price-bar-item small{display:block;margin-top:4px;color:var(--fp-muted);font-size:10px;line-height:1.3}
.price-bar-intro span{display:block;margin-top:4px;line-height:1.4}

/* Calculator: controls and native checkboxes remain clear and predictable. */
.calc-check input[type="checkbox"],.legal input[type="checkbox"]{
  appearance:auto!important;-webkit-appearance:auto!important;
  width:17px!important;height:17px!important;min-height:17px!important;flex:0 0 17px!important;
  margin:2px 0 0!important;padding:0!important;border:0!important;box-shadow:none!important;accent-color:#587C92;
}
.calc-check{align-items:flex-start!important}
.calc-field label,.calc-builder-head p,.calc-preview-interaction{line-height:1.45}
.calc-window-preview{backface-visibility:hidden;-webkit-backface-visibility:hidden}
.calc-preview{contain:paint}

/* Technical demos: less empty space between related sections. */
.live-window-section{padding-top:56px!important;padding-bottom:50px!important}
.construction-explorer{padding-top:46px!important;padding-bottom:44px!important}
.construction-explorer + section{padding-top:42px!important}
.v43-construction-stage,.v43-live-stage{overflow:hidden}

/* General rhythm: consistent, but not oversized. */
main>section:not(.hero):not(.arch-ticker):not(.price-bar-section):not(.page-hero):not(.pro-teaser):not(.live-window-section):not(.construction-explorer){padding-top:66px;padding-bottom:66px}
.section-head{margin-bottom:26px!important}
.section-head p{line-height:1.55}

/* Catalog: content-first, not design-demo copy. */
.catalog-premium-item,.catalog-guide{min-height:100%}
.catalog-hero-copy p{max-width:670px;line-height:1.55}
.catalog-tools input,.catalog-tools select{min-height:48px}
.catalog-count{min-height:48px;display:flex;flex-direction:column;justify-content:center}

/* Product page: stronger hierarchy and consistent sticky panel. */
.product-buy-card{top:96px}
.product-buy-card .price{line-height:1.05}
.product-spec-row{align-items:flex-start}
.product-spec-row span{max-width:62%;line-height:1.4}
.product-buy-actions .btn{min-height:50px}
.product-media-main{box-shadow:inset 0 0 0 1px rgba(255,255,255,.35)}

/* FAQ/card click affordance without noisy hover. */
.faq-item{cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}
@media(hover:hover) and (pointer:fine){.faq-item:hover{border-color:#C9DBE4!important;transform:translateY(-1px);box-shadow:0 18px 42px rgba(34,60,74,.085)!important}}

/* Fixed controls never collide on mobile. */
.scroll-top{border-radius:14px!important}

/* Footer: slightly clearer hierarchy. */
.footer{padding-top:52px!important}
.footer h4{color:#F2F7F9}
.footer a{transition:color .18s ease}
@media(hover:hover) and (pointer:fine){.footer a:hover{color:#fff}}

@media(max-width:1050px){
  .hero-copy,.hero-photo-card,.hero-photo-card>img{min-height:510px!important}
}
@media(max-width:840px){
  html{scrollbar-gutter:auto}
  .site-header .header-inner{min-height:62px!important}
  .hero{padding-top:18px!important;padding-bottom:30px!important}
  .hero-copy,.hero-photo-card,.hero-photo-card>img{min-height:auto!important}
  .hero-copy{padding:26px 22px!important}
  .hero-copy h1{font-size:clamp(38px,10.8vw,48px)!important;line-height:1.01!important}
  .hero-copy .lead{font-size:16px!important;line-height:1.56!important}
  main>section:not(.hero):not(.arch-ticker):not(.price-bar-section):not(.page-hero):not(.pro-teaser):not(.live-window-section):not(.construction-explorer){padding-top:48px;padding-bottom:48px}
  .live-window-section{padding-top:44px!important;padding-bottom:38px!important}
  .construction-explorer{padding-top:38px!important;padding-bottom:34px!important}
  .construction-explorer + section{padding-top:34px!important}
  .page-hero{padding-top:34px!important;padding-bottom:10px!important}
  .page-hero .card{padding:24px!important;border-radius:22px!important}
  .page-hero h1,.product-detail-page .page-hero h1{font-size:clamp(34px,10vw,44px)!important;line-height:1.03!important;letter-spacing:-.045em!important}
  .catalog-premium-rail,.catalog-guidance{gap:8px}
  .catalog-premium-item,.catalog-guide{padding:14px!important}
  .scroll-top{right:12px!important;bottom:86px!important;width:40px!important;height:40px!important;z-index:92!important}
  .sticky-mobile .bar,.product-mobile-buy{border-radius:16px!important;box-shadow:0 14px 38px rgba(31,55,68,.16)!important}
  .footer{padding-bottom:96px!important}
}
@media(max-width:520px){
  .container{width:min(var(--container),calc(100% - 24px))!important}
  .site-header .header-inner{border-radius:17px!important}
  .hero-copy,.hero-photo-card{border-radius:22px!important}
  .hero-kpi{gap:7px!important}
  .hero-kpi span{padding:9px 10px!important}
  .price-bar{padding:8px!important;gap:8px!important;border-radius:18px!important}
  .price-bar-intro,.price-bar-item{padding:13px 14px!important}
  .product-top{border-radius:16px!important}
  .reference-card,.catalog-card{border-radius:20px!important}
  .calc-panel,.calc-result-card{padding:18px!important;border-radius:22px!important}
  .calc-choice label{min-height:66px}
  .product-buy-actions{grid-template-columns:1fr!important}
  .product-spec-row{gap:12px}
  .product-spec-row span{max-width:58%}
  .pro-teaser-inner{padding:23px!important}
  .pro-teaser h2{font-size:clamp(30px,9vw,40px)!important}
  .faq-q{gap:10px}
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}
/* Caption follows the same content grid as the hero instead of touching viewport edge. */
.hero-caption{width:min(var(--container),calc(100% - 40px));margin-inline:auto!important}
@media(max-width:520px){.hero-caption{width:calc(100% - 24px)}}

/* source: /assets/final-ux.css */
/* =========================================================
   PANORAMIKA — FINAL UX LAYER
   Additive only: configuration summary, share link, review step.
   Core v46 calculator/app logic remains untouched.
   ========================================================= */

/* Sticky result becomes a clear order summary rather than a second calculator. */
.calc-result-card .kicker.ux-summary-kicker{display:flex;align-items:center;justify-content:space-between;gap:10px}
.calc-result-card .ux-live-dot{display:inline-flex;align-items:center;gap:7px;color:#66808e;font-size:10px;font-weight:750;letter-spacing:0;text-transform:none}
.calc-result-card .ux-live-dot::before{content:"";width:7px;height:7px;border-radius:50%;background:#6e9aae;box-shadow:0 0 0 4px rgba(110,154,174,.12)}
.calc-meta-list.ux-expanded{margin-top:16px;padding:14px 15px;border:1px solid rgba(205,220,228,.88);border-radius:16px;background:rgba(255,255,255,.62);box-shadow:inset 0 1px 0 rgba(255,255,255,.88)}
.calc-meta-list.ux-expanded .calc-meta-item{padding:6px 0;border-bottom:1px solid rgba(216,228,234,.74);align-items:flex-start}
.calc-meta-list.ux-expanded .calc-meta-item:last-child{border-bottom:0}
.calc-meta-list.ux-expanded .calc-meta-item span{flex:0 0 auto}
.calc-meta-list.ux-expanded .calc-meta-item b{max-width:68%;line-height:1.35;overflow-wrap:anywhere}
.calc-meta-list .ux-meta-secondary{font-weight:650;color:#4f6876}

/* Optional fulfilment is informational only; it never alters price. */
.ux-fulfillment-field .calc-field-note{margin-top:6px}

/* Sharing controls. */
.calc-toolbar.ux-toolbar{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}
.calc-toolbar.ux-toolbar .btn{min-width:0;padding-inline:12px}
.ux-share-status{min-height:18px;margin-top:7px;color:#617986;font-size:10px;line-height:1.4}
.ux-share-status.success{color:#47715f}

/* Review / confirmation dialog. */
.ux-review-modal{position:fixed;inset:0;z-index:220;display:grid;place-items:center;padding:20px;background:rgba(15,31,40,.34);backdrop-filter:blur(13px) saturate(125%);-webkit-backdrop-filter:blur(13px) saturate(125%);opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease}
.ux-review-modal.show{opacity:1;visibility:visible}
.ux-review-dialog{width:min(670px,100%);max-height:min(88vh,760px);overflow:auto;padding:clamp(24px,4vw,38px);border:1px solid rgba(213,227,234,.92);border-radius:30px;background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(245,250,252,.92));box-shadow:0 32px 100px rgba(19,39,50,.22),inset 0 1px 0 rgba(255,255,255,.95);transform:translateY(10px) scale(.985);transition:transform .22s cubic-bezier(.2,.75,.25,1)}
.ux-review-modal.show .ux-review-dialog{transform:none}
.ux-review-top{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}
.ux-review-top h3{margin:8px 0 0;font-size:clamp(28px,4vw,40px);line-height:1.05;letter-spacing:-.04em}
.ux-review-close{flex:0 0 auto;width:42px;height:42px;border:1px solid #d6e3e9;border-radius:13px;background:rgba(255,255,255,.75);color:#425e6d;font-size:23px;line-height:1;cursor:pointer}
.ux-review-lead{margin:14px 0 20px;color:#617985;line-height:1.65}
.ux-review-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.ux-review-item{padding:14px 15px;border:1px solid #dce7ec;border-radius:16px;background:rgba(255,255,255,.67)}
.ux-review-item span{display:block;margin-bottom:5px;color:#758993;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.055em}
.ux-review-item b{display:block;color:#203b49;font-size:14px;line-height:1.4;overflow-wrap:anywhere}
.ux-review-price{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-top:14px;padding:17px 18px;border-radius:18px;background:linear-gradient(145deg,#28404d,#3e6172);color:#fff}
.ux-review-price span{font-size:11px;color:#cbdce5}
.ux-review-price strong{display:block;margin-top:3px;font-size:30px;letter-spacing:-.04em}
.ux-review-note{margin-top:12px;padding:12px 14px;border:1px solid #dce6eb;border-radius:14px;background:#f3f7f9;color:#687d88;font-size:11px;line-height:1.55}
.ux-review-actions{display:grid;grid-template-columns:.8fr 1.2fr;gap:9px;margin-top:18px}
.ux-review-actions .btn{width:100%}
body.ux-dialog-open{overflow:hidden}

/* Contact page: transferred configuration. */
.ux-transferred-config{margin:0 0 20px;padding:18px 19px;border:1px solid #d5e4eb;border-radius:20px;background:linear-gradient(145deg,rgba(246,251,253,.94),rgba(233,244,249,.78));box-shadow:inset 0 1px 0 rgba(255,255,255,.94)}
.ux-transferred-config .ux-transfer-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:13px}
.ux-transferred-config h4{margin:4px 0 0;font-size:20px;letter-spacing:-.025em}
.ux-transfer-badge{padding:6px 8px;border-radius:999px;background:#e5f0f4;color:#557484;font-size:9px;font-weight:800;white-space:nowrap}
.ux-transfer-rows{display:grid;grid-template-columns:1fr 1fr;gap:7px}
.ux-transfer-row{padding:10px 11px;border-radius:12px;background:rgba(255,255,255,.68);font-size:11px;color:#6b7f89}
.ux-transfer-row b{display:block;margin-top:3px;color:#284554;font-size:12px;line-height:1.35}
.ux-transfer-note{margin:12px 0 0;color:#647a85;font-size:11px;line-height:1.5}

@media(max-width:760px){
  .calc-toolbar.ux-toolbar{grid-template-columns:1fr 1fr}
  .calc-toolbar.ux-toolbar #zcPrint{display:none}
  .ux-review-grid,.ux-transfer-rows{grid-template-columns:1fr}
  .ux-review-actions{grid-template-columns:1fr}
  .ux-review-dialog{border-radius:24px;padding:22px}
  .calc-meta-list.ux-expanded .calc-meta-item b{max-width:64%}
}
@media(max-width:430px){
  .calc-toolbar.ux-toolbar{grid-template-columns:1fr}
  .ux-review-modal{padding:10px}
  .ux-review-dialog{max-height:92vh;border-radius:21px}
  .ux-review-price{align-items:flex-start;flex-direction:column;gap:7px}
  .ux-review-price strong{font-size:27px}
  .ux-transferred-config{padding:15px}
}
@media(prefers-reduced-motion:reduce){
  .ux-review-modal,.ux-review-dialog{transition:none}
}


/* =========================================================
   PANORAMIKA v19 — FINAL MOTION / POLISH LAYER
   Conservative: no layout redesigns, only interaction,
   spacing safeguards and loading polish.
   ========================================================= */

:root{
  --ux-ease:cubic-bezier(.22,.72,.24,1);
  --ux-fast:180ms;
  --ux-mid:360ms;
}

/* Header: calm compact state after scrolling. */
.site-header{
  transition:
    background-color var(--ux-fast) ease,
    box-shadow var(--ux-fast) ease,
    border-color var(--ux-fast) ease,
    transform var(--ux-fast) ease!important;
}
.site-header.ux-header-scrolled{
  background:rgba(255,255,255,.965)!important;
  border-bottom-color:rgba(202,218,226,.92)!important;
  box-shadow:0 12px 32px rgba(25,43,53,.075)!important;
}
.site-header.ux-header-scrolled .header-inner{min-height:68px}
.site-header .brand img{transition:transform var(--ux-fast) ease}
.site-header .brand:hover img{transform:translateY(-1px)}

/* Navigation underline without shifting layout. */
.nav a{
  position:relative;
  transition:color var(--ux-fast) ease,opacity var(--ux-fast) ease;
}
.nav a::after{
  content:"";
  position:absolute;
  left:0;right:0;bottom:-8px;
  height:2px;
  border-radius:2px;
  background:#4d7d92;
  transform:scaleX(0);
  transform-origin:center;
  opacity:.78;
  transition:transform var(--ux-fast) var(--ux-ease);
}
.nav a:hover::after,.nav a[aria-current="page"]::after{transform:scaleX(1)}

/* Buttons: small tactile response only. */
.btn,.door-order,.catalog-quick-chips button,.doors-chip,.quick-calc-preset,.segmented button{
  transition:
    transform var(--ux-fast) var(--ux-ease),
    box-shadow var(--ux-fast) ease,
    border-color var(--ux-fast) ease,
    background-color var(--ux-fast) ease,
    color var(--ux-fast) ease!important;
}
@media(hover:hover){
  .btn:hover,.door-order:hover{transform:translateY(-2px)}
  .btn:active,.door-order:active{transform:translateY(0) scale(.985)}
  .catalog-quick-chips button:hover,.doors-chip:hover,.quick-calc-preset:hover{transform:translateY(-1px)}
}

/* Focus is visible but restrained. */
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{
  outline:none!important;
  box-shadow:0 0 0 4px rgba(68,118,140,.13)!important;
  border-color:rgba(77,126,148,.52)!important;
}

/* Form controls: prevent cramped fields and improve consistency. */
input,select,textarea{
  transition:border-color var(--ux-fast) ease,box-shadow var(--ux-fast) ease,background-color var(--ux-fast) ease;
}
textarea{min-height:112px}
.calc-field,.form-field{min-width:0}
.calc-fields>*{min-width:0}

/* Gentle card polish, only for existing card components. */
.door-card,.reference-card,.catalog-card,.window-compare-card,.detail-card,.info-card,.step-card,.simple-step,.view-card,.product-context-card{
  transition:
    transform 230ms var(--ux-ease),
    box-shadow 230ms ease,
    border-color 230ms ease!important;
}
@media(hover:hover){
  .door-card:hover,.reference-card:hover,.catalog-card:hover,.window-compare-card:hover,.detail-card:hover,.info-card:hover,.step-card:hover,.simple-step:hover,.view-card:hover,.product-context-card:hover{
    transform:translateY(-3px);
    box-shadow:0 18px 40px rgba(28,50,60,.085);
    border-color:rgba(98,132,146,.23);
  }
}

/* Images fade in rather than flash. */
img.ux-image-loading{
  opacity:.18;
  filter:blur(5px);
  transform:scale(1.006);
}
img.ux-image-ready{
  opacity:1;
  filter:none;
  transform:none;
  transition:opacity 360ms ease,filter 360ms ease,transform 420ms var(--ux-ease);
}
img.ux-image-error{
  opacity:.58;
  filter:grayscale(.25);
}

/* One-shot viewport reveal; JS applies this only to larger sections/cards. */
.ux-reveal{
  opacity:0;
  transform:translateY(14px);
}
.ux-reveal.ux-reveal-visible{
  opacity:1;
  transform:none;
  transition:opacity 520ms ease,transform 520ms var(--ux-ease);
}
.ux-reveal.ux-delay-1{transition-delay:45ms}
.ux-reveal.ux-delay-2{transition-delay:90ms}
.ux-reveal.ux-delay-3{transition-delay:135ms}

/* Mobile menu: keep display logic from app.js, animate inner content. */
.mobile-menu.show{
  animation:uxMenuOpen 210ms var(--ux-ease) both;
}
.mobile-menu.show .mobile-menu-inner>a{
  animation:uxMenuItem 260ms var(--ux-ease) both;
}
.mobile-menu.show .mobile-menu-inner>a:nth-child(2){animation-delay:20ms}
.mobile-menu.show .mobile-menu-inner>a:nth-child(3){animation-delay:40ms}
.mobile-menu.show .mobile-menu-inner>a:nth-child(4){animation-delay:60ms}
.mobile-menu.show .mobile-menu-inner>a:nth-child(5){animation-delay:80ms}
@keyframes uxMenuOpen{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:none}}
@keyframes uxMenuItem{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}

/* Sticky mobile bar: slightly calmer, less bulky. */
.sticky-mobile .bar{
  border:1px solid rgba(201,218,226,.9);
  box-shadow:0 14px 32px rgba(23,43,53,.12);
  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);
}
.sticky-mobile .btn{min-height:44px}

/* Calculator updates feel intentional instead of jumping. */
.calc-price,.calc-meta-item b,#zcPrice{
  transition:opacity 160ms ease,transform 160ms ease;
}
.calc-result-card.ux-price-pulse .calc-price,
.calc-result-card.ux-price-pulse #zcPrice{
  animation:uxPricePulse 280ms var(--ux-ease);
}
@keyframes uxPricePulse{
  0%{opacity:.6;transform:translateY(2px)}
  100%{opacity:1;transform:none}
}

/* Product / door media should not escape its logical frame. */
.product-top,.door-card-visual,.product-media-main,.showcase-media,.detail-visual{
  isolation:isolate;
}
.product-top img,.door-card-visual img,.product-media-main img,.showcase-media img,.detail-visual img{
  backface-visibility:hidden;
}

/* Door gallery/lightbox smoothing across v14/v15/v18 naming. */
[class*="door-lightbox-"]{
  transition:opacity 180ms ease,visibility 180ms ease;
}
[class*="door-lightbox-"].open .door-lb-stage{
  animation:uxLightboxIn 220ms var(--ux-ease) both;
}
@keyframes uxLightboxIn{from{opacity:.4;transform:scale(.985)}to{opacity:1;transform:none}}

/* Avoid text collisions in compact cards. */
.door-card h3,.catalog-card h3,.reference-card h3,.product-buy-card h1{
  overflow-wrap:anywhere;
  hyphens:auto;
}
.door-card-bottom,.window-compare-meta,.product-spec-row{
  min-width:0;
}
.door-order,.door-price{flex:0 0 auto}

/* Desktop-wide sections: keep visual rhythm more compact. */
@media(min-width:1200px){
  .section{scroll-margin-top:92px}
  .door-library,.catalog-grid-section{scroll-margin-top:96px}
}

/* Tablet guards against squeezed multi-column cards. */
@media(max-width:980px){
  .price-trust,.product-premium-rail{grid-template-columns:1fr 1fr!important}
  .detail-grid{grid-template-columns:1fr 1fr!important}
}

/* Mobile polish and spacing safeguards. */
@media(max-width:640px){
  .page-hero{padding-top:24px!important}
  .page-hero .card{padding:21px 18px!important;border-radius:22px!important}
  .page-hero h1{font-size:clamp(34px,10vw,44px)!important;line-height:1!important}
  .actions{gap:9px}
  .actions .btn{min-height:46px}
  .door-card-copy{line-height:1.45!important}
  .footer-grid{gap:28px!important}
  .footer{padding-top:42px!important}
}

/* Respect OS accessibility settings. */
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{
    scroll-behavior:auto!important;
    animation-duration:.01ms!important;
    animation-iteration-count:1!important;
    transition-duration:.01ms!important;
    transition-delay:0ms!important;
  }
  .ux-reveal{opacity:1!important;transform:none!important}
  img.ux-image-loading{opacity:1!important;filter:none!important;transform:none!important}
}


/* =========================================================
   PANORAMIKA v20 — PAGE / PHOTO TRANSITIONS
   ========================================================= */

/* Smooth page entrance, close to the doors hero motion language. */
body.ux-page-enter main{
  animation:uxPageEnter 420ms cubic-bezier(.22,.72,.24,1) both;
}
body.ux-page-enter .site-header{
  animation:uxHeaderEnter 300ms cubic-bezier(.22,.72,.24,1) both;
}
body.ux-page-leave{
  pointer-events:none;
}
body.ux-page-leave main,
body.ux-page-leave .site-header,
body.ux-page-leave .topbar{
  opacity:0;
  transform:translateY(-5px);
  transition:
    opacity 150ms ease,
    transform 150ms cubic-bezier(.22,.72,.24,1)!important;
}
@keyframes uxPageEnter{
  from{opacity:0;transform:translateY(9px)}
  to{opacity:1;transform:none}
}
@keyframes uxHeaderEnter{
  from{opacity:0;transform:translateY(-6px)}
  to{opacity:1;transform:none}
}

/* Home hero gets a calm staged appearance instead of popping in. */
body.ux-page-enter .v25-hero-frame,
body.ux-page-enter [class*="home-hero-"] .card,
body.ux-page-enter .hero-grid{
  animation:uxHeroEnter 560ms cubic-bezier(.22,.72,.24,1) both;
}
body.ux-page-enter .v25-image-note{
  animation:uxHeroCaption 480ms 110ms ease both;
}
@keyframes uxHeroEnter{
  from{opacity:.28;transform:translateY(10px) scale(.994)}
  to{opacity:1;transform:none}
}
@keyframes uxHeroCaption{
  from{opacity:0;transform:translateY(4px)}
  to{opacity:1;transform:none}
}

/* Card/main photo switching. */
.door-main-photo img,
.door-lb-stage img{
  will-change:opacity,transform,filter;
}
.door-main-photo img.ux-photo-changing{
  animation:uxPhotoSwap 260ms cubic-bezier(.22,.72,.24,1) both!important;
}
.door-lb-stage img.ux-photo-changing{
  animation:uxLightboxSwap 300ms cubic-bezier(.22,.72,.24,1) both!important;
}
@keyframes uxPhotoSwap{
  0%{opacity:.18;transform:scale(.985);filter:blur(3px)}
  55%{opacity:.72;filter:blur(1px)}
  100%{opacity:1;transform:none;filter:none}
}
@keyframes uxLightboxSwap{
  0%{opacity:.16;transform:translateX(6px) scale(.988);filter:blur(4px)}
  100%{opacity:1;transform:none;filter:none}
}

/* Thumbnail state transition is visible but subtle. */
.door-card-thumb,
.door-lb-thumbs button{
  transition:
    opacity 170ms ease,
    transform 170ms cubic-bezier(.22,.72,.24,1),
    border-color 170ms ease,
    box-shadow 170ms ease!important;
}
.door-card-thumb.is-active,
.door-lb-thumbs button.is-active{
  transform:translateY(-2px);
}

/* Make lightbox opening/closing feel softer. */
[class*="door-lightbox-"]{
  opacity:0;
  visibility:hidden;
}
[class*="door-lightbox-"].open{
  opacity:1;
  visibility:visible;
}
[class*="door-lightbox-"] .door-lb-stage{
  transform:translateY(7px) scale(.992);
  transition:transform 220ms cubic-bezier(.22,.72,.24,1),opacity 220ms ease!important;
}
[class*="door-lightbox-"].open .door-lb-stage{
  transform:none;
}

/* Cross-document View Transitions are disabled in v27 to keep navigation immediate. */
@view-transition{
  navigation:none;
}
::view-transition-old(root){
  animation:uxOldPage 150ms ease both;
}
::view-transition-new(root){
  animation:uxNewPage 320ms cubic-bezier(.22,.72,.24,1) both;
}
@keyframes uxOldPage{
  to{opacity:0;transform:translateY(-4px)}
}
@keyframes uxNewPage{
  from{opacity:0;transform:translateY(7px)}
  to{opacity:1;transform:none}
}

@media(prefers-reduced-motion:reduce){
  body.ux-page-enter main,
  body.ux-page-enter .site-header,
  body.ux-page-enter .v25-hero-frame,
  body.ux-page-enter [class*="home-hero-"] .card,
  body.ux-page-enter .hero-grid,
  body.ux-page-enter .v25-image-note{
    animation:none!important;
  }
  body.ux-page-leave main,
  body.ux-page-leave .site-header,
  body.ux-page-leave .topbar{
    opacity:1!important;
    transform:none!important;
  }
  .door-main-photo img.ux-photo-changing,
  .door-lb-stage img.ux-photo-changing{
    animation:none!important;
  }
}


/* PANORAMIKA v21 FINAL QA — compactness and accessibility safeguards */
html{scroll-padding-top:86px}
body{overflow-x:hidden}
main{min-width:0}
.container{min-width:0}
img{max-width:100%}

/* Avoid hover transforms fighting the fixed doors card/mobile grid. */
@media(max-width:560px){
  .door-card:hover{transform:none!important}
}

/* More reliable tap targets on mobile without making UI bulky. */
@media(max-width:640px){
  .mobile-menu a{min-height:42px;display:flex;align-items:center}
  .doors-chip,.catalog-quick-chips button{min-height:38px}
  .door-card-thumb{min-width:34px}
}

/* Tables/legal content must never force horizontal page overflow. */
main table{max-width:100%}
.legal-card,.legal-copy,.policy-content{overflow-wrap:anywhere}

/* Keep footer and document links readable on narrow screens. */
.footer a{overflow-wrap:anywhere}

/* Very subtle navigation progress line during v20 page transitions. */
body.ux-page-leave::before{
  content:"";
  position:fixed;
  z-index:20000;
  left:0;
  top:0;
  height:2px;
  width:72%;
  background:linear-gradient(90deg,#315f73,#9bc3d3);
  animation:uxNavProgress 150ms ease-out both;
}
@keyframes uxNavProgress{from{width:14%;opacity:.35}to{width:78%;opacity:1}}
@media(prefers-reduced-motion:reduce){body.ux-page-leave::before{display:none}}

/* source: /assets/typography-final.css */
/* =========================================================
   PANORAMIKA — FINAL TYPOGRAPHY PASS
   Display: Golos Text (with Inter Display/system fallback)
   Interface/body: Manrope (with Inter/Segoe UI fallback)
   No layout or JS logic changes.
   ========================================================= */
:root{
  --font-display:"Golos Text","Inter Display","Segoe UI Variable Display","Segoe UI",Arial,sans-serif;
  --font-ui:"Manrope",Inter,"Segoe UI Variable Text","Segoe UI",Arial,sans-serif;
}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body,input,select,textarea,button{font-family:var(--font-ui)!important}
body{
  font-weight:450;
  letter-spacing:-.006em;
  font-synthesis:none;
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}

/* Editorial / architectural display type. */
h1,h2,h3,h4,
.hero-copy h1,.page-hero h1,.catalog-hero-copy h1,.product-detail-page h1,
.price,.price-strong,.calc-price,.product-price,.hero-photo-price strong,
.pro-teaser h2,.consultation-card h2,.v47-review-title{
  font-family:var(--font-display)!important;
  font-synthesis:none;
  text-wrap:balance;
}
h1,.hero-copy h1,.page-hero h1,.catalog-hero-copy h1,.product-detail-page h1{
  font-weight:760!important;
  letter-spacing:-.052em!important;
  line-height:.98!important;
}
h2,.pro-teaser h2,.consultation-card h2{
  font-weight:720!important;
  letter-spacing:-.042em!important;
  line-height:1.03!important;
}
h3{font-weight:690!important;letter-spacing:-.03em!important;line-height:1.12!important}
h4{font-weight:670!important;letter-spacing:-.02em!important}

/* Interface typography stays calm and precise. */
.nav a,.btn,.mobile-menu a,.live-mode-btn,.calc-view-btn,.calc-choice label,
.catalog-quick-chips button,.faq-q,.product-buy-actions a,.product-mobile-buy .btn,
input,select,textarea{
  font-family:var(--font-ui)!important;
}
.nav a,.btn,.mobile-menu a,.live-mode-btn,.calc-view-btn,.catalog-quick-chips button{
  font-weight:700!important;
  letter-spacing:-.018em!important;
}
.btn{line-height:1.1!important}
.label,.kicker,.eyebrow,.shot-note,.hero-floating-badge,.catalog-count small,.product-code{
  font-family:var(--font-ui)!important;
  font-weight:750!important;
  letter-spacing:.055em!important;
  text-transform:uppercase;
}

p,.lead,.specs,.price-note,.faq-a,.notice,.product-spec-row,.footer,.form-note,
.calc-field,.calc-builder-head p,.v43-construction-description,.live-mode-note{
  font-family:var(--font-ui)!important;
  letter-spacing:-.008em;
}
p{font-weight:450}
.lead{font-weight:480;letter-spacing:-.014em}

/* Prices and dimensions should scan instantly. */
.price,.price-strong,.calc-price,.product-price,.hero-photo-price strong,.price-bar-item b,
#resultDockPrice,[id*="Price"],.product-mobile-buy b{
  font-family:var(--font-display)!important;
  font-weight:760!important;
  letter-spacing:-.035em!important;
  font-variant-numeric:tabular-nums lining-nums;
}
input[type="number"],.calc-dimension,.calc-sash-tag,.product-spec-row b,.specs b{
  font-variant-numeric:tabular-nums lining-nums;
}

/* Make long sales copy feel intentionally typeset rather than dense. */
.section-head p,.page-hero p,.catalog-hero-copy p,.product-buy-card p,.notice,.faq-a{
  line-height:1.62!important;
}
.section-head h2{max-width:840px}
.hero-copy .lead{max-width:610px}

/* Slight hierarchy adjustments after changing metrics. */
.hero-copy h1{max-width:610px}
.hero-copy .lead{margin-top:0}
.price-bar-intro b,.product-card h3,.catalog-card h3{font-family:var(--font-display)!important;font-weight:680!important;letter-spacing:-.025em!important}
.product-card .specs,.catalog-card .specs{font-size:13px;line-height:1.52}
.footer h4{font-family:var(--font-display)!important;font-weight:680!important;letter-spacing:-.015em!important}
.footer a{font-family:var(--font-ui)!important;font-weight:520}

/* Forms: more professional, less default-browser feeling. */
input,select,textarea{font-size:16px;font-weight:520;letter-spacing:-.012em}
input::placeholder,textarea::placeholder{font-weight:450;letter-spacing:-.006em}
.form-field>label,.calc-field>label{font-weight:680!important;letter-spacing:-.018em}

@media(max-width:840px){
  h1,.hero-copy h1,.page-hero h1,.catalog-hero-copy h1,.product-detail-page h1{
    letter-spacing:-.046em!important;
    line-height:1.005!important;
  }
  h2,.pro-teaser h2,.consultation-card h2{letter-spacing:-.036em!important;line-height:1.045!important}
  .lead{letter-spacing:-.011em}
}
@media(max-width:520px){
  body{letter-spacing:-.003em}
  h1,.hero-copy h1,.page-hero h1,.catalog-hero-copy h1,.product-detail-page h1{
    letter-spacing:-.041em!important;
  }
  h2{letter-spacing:-.032em!important}
  .label,.kicker,.eyebrow{letter-spacing:.045em!important}
  .btn{letter-spacing:-.015em!important}
}

/* source: /assets/legal-final.css */
/* PANORAMIKA — legal/launch safety layer. Visual only. */
.legal-hero-note{margin-top:14px;color:var(--muted);font-size:14px;line-height:1.6}
.legal-stack{display:grid;gap:16px}
.legal-section{padding:24px 26px;border:1px solid var(--line);border-radius:22px;background:rgba(255,255,255,.78)}
.legal-section h2{margin:0 0 12px;font-size:26px}
.legal-section h3{margin:18px 0 8px;font-size:19px}
.legal-section p,.legal-section li{color:var(--muted);line-height:1.68}
.legal-section p{margin:0 0 12px}.legal-section p:last-child{margin-bottom:0}
.legal-section ul{margin:8px 0 0;padding-left:20px}.legal-section li+li{margin-top:6px}
.legal-toc{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.legal-toc a{display:inline-flex;align-items:center;min-height:38px;padding:8px 12px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.68);color:var(--text);font-weight:700;text-decoration:none}
.legal-callout{padding:16px 18px;border:1px solid rgba(77,112,134,.2);border-radius:18px;background:rgba(220,235,244,.5);color:var(--text);line-height:1.58}
.legal-callout strong{display:block;margin-bottom:4px}
.form-legal-note{font-size:12px;line-height:1.55;color:var(--muted);margin-top:-2px}
.form-legal-note a{color:var(--brand);text-decoration:underline;text-underline-offset:2px}
.legal input[type="checkbox"]{flex:0 0 auto}
.footer .legal-mini{display:block;margin-top:9px;font-size:11px;line-height:1.55;color:rgba(230,240,246,.7)}
@media(max-width:700px){.legal-section{padding:20px 18px}.legal-section h2{font-size:23px}.legal-toc{gap:6px}.legal-toc a{font-size:13px}}

/* Confirmed business contact / launch data */
.header-phone{color:var(--text);text-decoration:none}
.header-phone:hover b{color:var(--brand)}
.compact-phone{display:inline-flex;align-items:center;font-weight:800;font-size:13px;white-space:nowrap}
.mobile-phone{color:var(--brand)!important}
.footer-phone{display:inline-block!important;margin-top:8px!important;color:#fff!important;font-size:14px!important;font-weight:800!important;text-decoration:none}
.contact-phone-link{font-weight:800;color:var(--text);text-decoration:none}
.contact-phone-link:hover,.contact-phone-chip:hover{color:var(--brand)}
.contact-phone-chip{text-decoration:none}
@media(max-width:1000px){.compact-phone{display:none}}

/* source: /assets/site-fixes-v4.css */

/* Panoramika v4 quick fixes: header alignment, doors hero, catalog consistency */
@media (min-width: 1101px){
  .header-inner{
    gap:16px;
    justify-content:space-between;
  }
  .site-header .brand-logo,
  .site-header .v45-logo{
    flex:0 0 auto;
    min-width:210px;
  }
  .site-header .brand-logo img,
  .site-header .v45-logo>img{
    width:216px !important;
  }
  .nav{
    flex:1 1 auto;
    min-width:0;
    margin-left:0;
    justify-content:center;
    gap:2px;
    flex-wrap:nowrap;
  }
  .nav a{
    white-space:nowrap;
    padding:10px 8px;
    font-size:12px;
    line-height:1.2;
  }
  .header-right{
    margin-left:0;
    flex:0 0 auto;
    gap:12px;
  }
  .header-place{
    white-space:nowrap;
    align-items:end;
  }
  .header-place b{
    font-size:14px;
  }
  .header-place small{
    font-size:10px;
  }
  .header-cta{
    min-height:48px;
    padding-inline:22px;
    border-radius:18px;
  }
}
@media (min-width: 1320px){
  .site-header .brand-logo img,
  .site-header .v45-logo>img{
    width:228px !important;
  }
  .nav a{
    font-size:13px;
    padding:10px 10px;
  }
}
.doors-hero .card{
  padding:34px 34px;
}
.doors-hero-grid{
  align-items:start;
}
.doors-hero .lead{
  max-width:760px;
}
.doors-stat{
  min-height:142px;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.doors-stat b{
  font-size:clamp(22px,2.8vw,34px);
}
.door-real-head,
.window-compare-head{
  align-items:flex-end;
}
.doors-controls{
  top:92px;
}
.catalog-hero-strip,
.window-compare,
.door-real-card,
.door-real-mini,
.door-card,
.catalog-card,
.catalog-premium-item,
.catalog-guide{
  overflow:hidden;
}
.catalog-card .product-top,
.catalog-shot{
  background:#eef4f6;
}
.catalog-card h3,
.door-card h3{
  word-break:break-word;
}
.door-card-visual--photo img,
.door-real-media img{
  image-rendering:auto;
}
@media (max-width: 1100px){
  .doors-controls{ top:76px; }
}
@media (max-width: 800px){
  .doors-hero .card{
    padding:22px 18px;
  }
}
@media (max-width: 560px){
  .doors-hero .card{
    padding:18px 14px;
  }
}

/* source: /assets/site-premium-v5.css */

/* v5 premium refinements */
:root{
  --page-glow-1:rgba(125,162,179,.14);
  --page-glow-2:rgba(255,255,255,.82);
}
body{
  background:
    radial-gradient(1100px 480px at 8% 2%, var(--page-glow-1), transparent 54%),
    radial-gradient(960px 420px at 96% 8%, rgba(160,190,206,.12), transparent 52%),
    linear-gradient(180deg, #edf4f7 0%, #f5f9fb 100%);
}
.topbar{
  backdrop-filter: blur(14px);
  background: linear-gradient(180deg, rgba(36,58,68,.96), rgba(29,48,57,.92));
  border-bottom:1px solid rgba(255,255,255,.08);
}
.site-header{
  position:sticky;
  top:0;
  z-index:50;
  padding:14px 0 10px;
  background:linear-gradient(180deg, rgba(237,244,247,.88), rgba(237,244,247,.72));
  backdrop-filter: blur(16px);
}
.header-inner{
  border:1px solid rgba(92,120,133,.10);
  box-shadow:0 18px 40px rgba(36,54,64,.08);
  background:linear-gradient(180deg, rgba(255,255,255,.94), rgba(247,250,251,.92));
}
.nav a{
  border-radius:14px;
}
.nav a:hover,
.nav a[aria-current="page"]{
  background:linear-gradient(180deg, rgba(242,247,249,.96), rgba(231,239,243,.92));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.8);
}
.header-cta,
.btn.btn-primary,
.door-order{
  background: linear-gradient(135deg, #345668 0%, #5b7f95 100%);
  box-shadow: 0 12px 24px rgba(46,76,92,.18), inset 0 1px 0 rgba(255,255,255,.22);
}
.btn.btn-line{
  background:rgba(255,255,255,.78);
  border:1px solid rgba(73,101,114,.12);
  box-shadow:0 8px 20px rgba(44,67,79,.06);
}
.card,
.door-card,
.catalog-card,
.catalog-premium-item,
.window-compare,
.door-real-card,
.door-real-mini,
.form-card,
.contact-card{
  border-color:rgba(77,106,119,.12) !important;
  box-shadow:0 16px 36px rgba(38,55,66,.07) !important;
}
.doors-hero .card{
  background:
    radial-gradient(680px 240px at 100% 0%, rgba(168,193,205,.18), transparent 60%),
    linear-gradient(180deg, rgba(255,255,255,.94), rgba(247,250,251,.90));
}
.doors-stat{
  background:linear-gradient(180deg, rgba(255,255,255,.82), rgba(244,248,250,.72));
}
.doors-controls{
  box-shadow:0 20px 42px rgba(35,54,65,.09);
  background:linear-gradient(180deg, rgba(243,248,250,.92), rgba(235,242,246,.88));
}
.door-card{
  background:linear-gradient(180deg, rgba(255,255,255,.86), rgba(248,251,252,.80));
}
.door-card-visual{
  background: radial-gradient(circle at 50% 18%, rgba(255,255,255,.96), rgba(226,236,240,.86) 48%, rgba(206,221,228,.94));
}
.footer{
  background:linear-gradient(180deg, #203742 0%, #182a33 100%);
}

/* source: /assets/ui-hardware-v8.css */
/* Panoramika v8 — complete hardware pass + stable typical-solutions grid */
.catalog-grid-section .product-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px!important;overflow:visible!important;margin-right:0!important;padding:0!important;scroll-snap-type:none!important}
.catalog-grid-section .catalog-card{grid-column:auto!important;flex:none!important;width:auto!important;min-width:0!important;max-width:none!important;min-height:100%;padding:16px!important;border-radius:26px!important}
.catalog-grid-section .catalog-card .product-top{height:auto!important;aspect-ratio:4/3!important;border-radius:20px!important}
.catalog-grid-section .catalog-card h3{font-size:22px!important;line-height:1.08!important;word-break:normal!important;overflow-wrap:normal!important;hyphens:none!important}.catalog-mobile-hint{display:none!important}
@media(max-width:1100px){.catalog-grid-section .product-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media(max-width:680px){.catalog-grid-section .product-grid{grid-template-columns:1fr!important;gap:14px!important}}

/* Shared realistic PVC handle: backplate + lever, never a centre stick. */
.calc-handle-3d,.tech-handle,.live-handle,.v43-handle,.ex-handle{position:absolute!important;z-index:12!important;width:8px!important;height:30px!important;border-radius:6px!important;background:linear-gradient(90deg,#b9c5cb,#fff 46%,#d4dde1)!important;border:1px solid rgba(62,82,92,.32)!important;box-shadow:0 2px 5px rgba(33,49,58,.2),inset 0 1px 0 #fff!important}
.calc-handle-3d:before,.tech-handle:before,.live-handle:before,.v43-handle:before,.ex-handle:before{content:""!important;position:absolute!important;top:11px!important;width:22px!important;height:7px!important;border-radius:3px 7px 7px 3px!important;background:linear-gradient(180deg,#fff,#c5d0d5)!important;border:1px solid rgba(62,82,92,.3)!important;box-shadow:0 2px 4px rgba(33,49,58,.17)!important}
.calc-handle-3d:after,.tech-handle:after,.live-handle:after,.v43-handle:after,.ex-handle:after{content:""!important;position:absolute!important;left:2px!important;top:7px!important;width:2px!important;height:2px!important;border-radius:50%!important;background:#91a1a9!important;box-shadow:0 12px 0 #91a1a9!important}

/* Dynamic calculator/technical diagrams: handle on the meeting edge of opening sash. */
.calc-sash-3d,.tech-sash{position:relative!important;overflow:visible!important}
.calc-sash-3d .calc-handle-3d,.tech-sash .tech-handle{left:5px!important;right:auto!important;top:50%!important;transform:translateY(-50%) translateZ(12px)!important}
.calc-sash-3d .calc-handle-3d:before,.tech-sash .tech-handle:before{left:3px!important}
.calc-window-preview.one .calc-handle-3d,.tech-frame.one .tech-handle{left:auto!important;right:5px!important}
.calc-window-preview.one .calc-handle-3d:before,.tech-frame.one .tech-handle:before{left:auto!important;right:3px!important;border-radius:7px 3px 3px 7px!important}

/* Homepage interactive window: right pane opens, handle sits on its inner/left edge. */
.live-sash{overflow:visible!important}.live-handle{left:7px!important;right:auto!important;top:50%!important;transform:translateY(-50%)!important}.live-handle:before{left:3px!important}
.v43-live-section .live-window.mode-turn .live-handle,.v43-live-section .live-window.mode-tilt .live-handle{transform:translateY(-50%)!important}

/* Exploded construction and v43 construction: handle on inner edge, not centre. */
.ex-handle{left:calc(50% + 18px)!important;top:50%!important;right:auto!important;bottom:auto!important;transform:translateY(-50%) translateZ(54px)!important}.ex-handle:before{left:3px!important}
.v43-sash-right{overflow:visible!important}.v43-handle{left:7px!important;right:auto!important;top:50%!important;transform:translateY(-50%)!important}.v43-handle:before{left:3px!important}

/* Product schematics and comparison cards: build handle directly on opening pane. */
.product-schematic-window i,.compare-window i,.catalog-mini-frame i{position:relative!important;overflow:visible!important}
.product-schematic-window i.open:after,.compare-window i.open:after,.catalog-mini-frame i.open:after{content:""!important;position:absolute!important;z-index:9!important;left:5px!important;right:auto!important;top:50%!important;width:7px!important;height:28px!important;border-radius:6px!important;background:linear-gradient(90deg,#b9c5cb,#fff 46%,#d4dde1)!important;border:1px solid rgba(62,82,92,.32)!important;transform:translateY(-50%)!important;box-shadow:0 2px 5px rgba(33,49,58,.18)!important}
.product-schematic-window i.open:before,.compare-window i.open:before,.catalog-mini-frame i.open:before{content:""!important;position:absolute!important;z-index:10!important;left:8px!important;right:auto!important;top:50%!important;width:20px!important;height:6px!important;border-radius:3px 7px 7px 3px!important;background:linear-gradient(180deg,#fff,#c5d0d5)!important;border:1px solid rgba(62,82,92,.28)!important;transform:translateY(-50%)!important;box-shadow:0 2px 4px rgba(33,49,58,.15)!important}
.product-schematic-window.one i.open:after,.compare-window.one i.open:after{left:auto!important;right:5px!important}.product-schematic-window.one i.open:before,.compare-window.one i.open:before{left:auto!important;right:8px!important;border-radius:7px 3px 3px 7px!important}
.catalog-mini-frame i.open:after{left:auto!important;right:2px!important;width:4px!important;height:15px!important;border-radius:4px!important}.catalog-mini-frame i.open:before{left:auto!important;right:4px!important;width:10px!important;height:3px!important}

@media(max-width:1180px) and (min-width:841px){.header-inner{gap:10px!important}.site-header .brand-logo img,.site-header .v45-logo>img{width:190px!important}.nav{gap:0!important}.nav a{font-size:11px!important;padding:9px 6px!important}.header-place{display:none!important}.header-cta{padding-inline:16px!important}}

/* source: /assets/ui-hardware-v9.css */
/* Panoramika v9 — window handles + typical-solutions layout final pass */
.catalog-grid-section .product-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:20px!important;align-items:stretch!important;overflow:visible!important}
.catalog-grid-section .catalog-card{display:flex!important;flex-direction:column!important;min-width:0!important;width:auto!important;height:100%!important;overflow:hidden!important}
.catalog-grid-section .catalog-card .product-top{width:100%!important;min-width:0!important;aspect-ratio:4/3!important;height:auto!important}
.catalog-grid-section .catalog-card h3{white-space:normal!important;word-break:normal!important;overflow-wrap:break-word!important;hyphens:auto!important}
.catalog-grid-section .catalog-card .specs,.catalog-grid-section .catalog-card .actions{min-width:0!important}
@media(max-width:1100px){.catalog-grid-section .product-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:680px){.catalog-grid-section .product-grid{grid-template-columns:minmax(0,1fr)!important;gap:14px!important}.catalog-grid-section .catalog-card{padding:14px!important;border-radius:22px!important}}

/* A handle is always a backplate plus a horizontal lever. */
.calc-handle-3d,.tech-handle,.live-handle,.v43-handle,.ex-handle{
  position:absolute!important;z-index:20!important;box-sizing:border-box!important;
  width:9px!important;height:32px!important;border-radius:6px!important;
  background:linear-gradient(90deg,#aab7bd 0%,#fdfefe 45%,#cbd4d8 100%)!important;
  border:1px solid rgba(55,75,84,.34)!important;
  box-shadow:0 2px 5px rgba(24,40,49,.20),inset 0 1px 0 rgba(255,255,255,.95)!important;
}
.calc-handle-3d:before,.tech-handle:before,.live-handle:before,.v43-handle:before,.ex-handle:before{
  content:""!important;position:absolute!important;box-sizing:border-box!important;
  top:12px!important;width:24px!important;height:7px!important;
  background:linear-gradient(180deg,#fff 0%,#dce3e6 50%,#b7c2c7 100%)!important;
  border:1px solid rgba(55,75,84,.30)!important;border-radius:4px 8px 8px 4px!important;
  box-shadow:0 2px 4px rgba(24,40,49,.16)!important;
}
.calc-handle-3d:after,.tech-handle:after,.live-handle:after,.v43-handle:after,.ex-handle:after{
  content:""!important;position:absolute!important;left:3px!important;top:7px!important;width:2px!important;height:2px!important;border-radius:50%!important;background:#7e9099!important;box-shadow:0 14px 0 #7e9099!important;
}
/* multi-sash: lever points into the opening sash from the meeting edge */
.calc-window-preview .calc-sash-3d:not(:only-child) .calc-handle-3d,
.tech-frame .tech-sash:not(:only-child) .tech-handle{left:5px!important;right:auto!important;top:50%!important;transform:translateY(-50%) translateZ(12px)!important}
.calc-window-preview .calc-sash-3d:not(:only-child) .calc-handle-3d:before,
.tech-frame .tech-sash:not(:only-child) .tech-handle:before{left:4px!important;right:auto!important}
/* one sash: handle is on the free/right edge and the lever points inward */
.calc-window-preview .calc-sash-3d:only-child .calc-handle-3d,
.tech-frame .tech-sash:only-child .tech-handle{left:auto!important;right:5px!important;top:50%!important;transform:translateY(-50%) translateZ(12px)!important}
.calc-window-preview .calc-sash-3d:only-child .calc-handle-3d:before,
.tech-frame .tech-sash:only-child .tech-handle:before{left:auto!important;right:4px!important;border-radius:8px 4px 4px 8px!important}
.live-handle,.v43-handle{left:7px!important;right:auto!important;top:50%!important;transform:translateY(-50%)!important}
.live-handle:before,.v43-handle:before{left:4px!important;right:auto!important}
.ex-handle{left:calc(50% + 18px)!important;right:auto!important;top:50%!important;transform:translateY(-50%) translateZ(54px)!important}.ex-handle:before{left:4px!important}

/* Product/compare diagrams where the pane itself is an <i>. */
.product-schematic-window i,.compare-window i,.catalog-mini-frame i{position:relative!important;overflow:visible!important}
.product-schematic-window i.open:after,.compare-window i.open:after,.catalog-mini-frame i.open:after{
  content:""!important;position:absolute!important;z-index:20!important;box-sizing:border-box!important;
  left:5px!important;right:auto!important;top:50%!important;width:8px!important;height:30px!important;transform:translateY(-50%)!important;
  border-radius:6px!important;background:linear-gradient(90deg,#aab7bd,#fff 45%,#cbd4d8)!important;border:1px solid rgba(55,75,84,.34)!important;box-shadow:0 2px 5px rgba(24,40,49,.18)!important;
}
.product-schematic-window i.open:before,.compare-window i.open:before,.catalog-mini-frame i.open:before{
  content:""!important;position:absolute!important;z-index:21!important;box-sizing:border-box!important;
  left:9px!important;right:auto!important;top:50%!important;width:22px!important;height:7px!important;transform:translateY(-50%)!important;
  border-radius:4px 8px 8px 4px!important;background:linear-gradient(180deg,#fff,#c0cbd0)!important;border:1px solid rgba(55,75,84,.28)!important;box-shadow:0 2px 4px rgba(24,40,49,.14)!important;
}
.product-schematic-window.one i.open:after,.compare-window.one i.open:after{left:auto!important;right:5px!important}
.product-schematic-window.one i.open:before,.compare-window.one i.open:before{left:auto!important;right:9px!important;border-radius:8px 4px 4px 8px!important}
.catalog-mini-frame i.open:after{left:auto!important;right:2px!important;width:5px!important;height:17px!important}.catalog-mini-frame i.open:before{left:auto!important;right:4px!important;width:12px!important;height:4px!important}

@media(max-width:1180px) and (min-width:841px){
  .header-inner{gap:9px!important}.site-header .brand-logo img,.site-header .v45-logo>img{width:184px!important;max-width:184px!important}.nav a{font-size:11px!important;padding:9px 5px!important}.header-place{display:none!important}.header-cta{padding-inline:14px!important}
}
@media(max-width:840px){.site-header{overflow:visible!important}.header-inner{min-width:0!important}.brand-logo,.v45-logo{min-width:0!important}}

/* source: /assets/interface-v25.css */
/* v25: scoped hero, forms and keyboard affordances. */
.v25-hero{padding:22px 0 12px!important}.v25-hero>.container{max-width:1240px}
.v25-hero-frame{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);overflow:hidden;border-radius:28px;background:#f5f9fa;border:1px solid #dee8ec;box-shadow:0 14px 38px rgba(28,50,60,.065)}
.v25-hero-copy{padding:34px;display:flex;flex-direction:column;justify-content:center;min-width:0;background:linear-gradient(135deg,#fcfefe,#f0f6f8)}
.v25-kicker{color:#537589;font:750 11px/1.5 Manrope,sans-serif;letter-spacing:.13em;text-transform:uppercase}
.v25-hero .v25-hero-copy h1{font-family:'Golos Text',Manrope,sans-serif;font-size:clamp(38px,3.7vw,54px);font-weight:700;line-height:1.05;letter-spacing:-.045em;color:#183541;margin:16px 0;max-width:none}
.v25-hero-copy h1 span{display:block;color:#688b9d}.v25-hero-copy>p{font-size:15px;line-height:1.65;color:#566e7b;margin:0;max-width:490px}
.v25-hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:23px}
.v25-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:13px 17px;border:1px solid #d3e0e6;border-radius:13px;font:700 13px/1.4 Manrope,sans-serif;transition:background .18s,box-shadow .18s,transform .18s;text-decoration:none}
.v25-button-primary{background:#244c60;color:#fff;border-color:#244c60;box-shadow:0 5px 14px #244c601a}.v25-button-secondary{background:#fff;color:#274959}
.v25-hero svg{width:22px;height:22px;flex-shrink:0}
.v25-benefits{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:14px 12px;padding:0;margin:25px 0 0}.v25-benefits li{display:flex;gap:9px;align-items:center;color:#536c79;font:500 12px/1.45 Manrope,sans-serif;min-width:0}.v25-benefits svg{color:#577f92}
.v25-hero-links{display:flex;flex-wrap:wrap;gap:12px 22px;margin-top:23px;padding-top:18px;border-top:1px solid #dce7ec}.v25-hero-links a{display:inline-flex;gap:9px;align-items:center;color:#315668;font-size:12px;font-weight:700}.v25-hero-links svg{width:16px;height:16px}
.v25-hero-scene{position:relative;min-height:450px;isolation:isolate;background:#e6e3dc}.v25-hero-scene>img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.v25-scene-link{position:absolute;bottom:20px;left:20px;right:20px;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:15px 17px;background:rgba(252,254,255,.95);border:1px solid #fff;border-radius:15px;color:#365766;box-shadow:0 8px 26px #172b3814;font-size:12px}.v25-scene-link b{display:block;font-size:14px;margin-top:3px}
.v25-image-note{font-size:11px;color:#627983;margin:10px 4px 0;line-height:1.5}.v25-breadcrumbs{display:flex;align-items:center;flex-wrap:wrap;gap:9px;color:#647e8a;font-size:12px;margin-bottom:15px;padding:0}.v25-breadcrumbs a{text-decoration:underline;text-underline-offset:3px}
.v25-empty{padding:30px 20px;border:1px solid #d9e5eb;border-radius:20px;background:white;text-align:center;margin-top:16px}.v25-empty[hidden]{display:none}
.v25-transfer-note{white-space:pre-wrap;padding:20px;border:1px solid #d3e2e9;border-radius:16px;background:#f4f9fb;color:#365463;margin-bottom:20px;font-size:14px;line-height:1.7;overflow-wrap:anywhere}#b2bTransferStatus{font-size:13px;color:#8a3e27;max-width:360px}
.grid-form input:not([type="checkbox"]),.grid-form select,.grid-form textarea{font-size:16px;min-width:0}.grid-form input[type="checkbox"]{width:20px;height:20px;flex-shrink:0}.grid-form .legal{align-items:flex-start;gap:10px;font-size:13px;line-height:1.6}
.result[data-state="error"],.result[data-state="uncertain"]{background:#fff7ed;color:#754327;border:1px solid #edd9b8}.result a{text-decoration:underline;font-weight:700}.result[data-state="success"]{background:#eef7f0;color:#315a3a;border:1px solid #cce0d0}.result[data-state]{padding:16px;border-radius:13px;font-size:14px;line-height:1.6}
:where(a,button,input,select,textarea,[tabindex]):focus-visible{outline:3px solid #396d84;outline-offset:3px}.image-lightbox-close:focus-visible,.door-lb-toolbar button:focus-visible,.door-lb-nav:focus-visible,.door-lb-bottom button:focus-visible{outline:3px solid #d7edf7;outline-offset:3px}.door-lb-nav[hidden]{display:none}
#catalog23Grid,#calculator,#request{scroll-margin-top:110px}
@media(hover:hover){.v25-button:hover{transform:translateY(-1px);box-shadow:0 7px 18px #244c601a}.v25-button-primary:hover{background:#183c4e}.v25-button-secondary:hover{background:#f4f9fb}.v25-hero-links a:hover{text-decoration:underline;text-underline-offset:4px}}
@media(prefers-reduced-motion:no-preference){.v25-hero-copy>*{animation:v25-appear .4s ease both}.v25-hero-copy>*:nth-child(2){animation-delay:.04s}.v25-hero-copy>*:nth-child(3){animation-delay:.08s}.v25-hero-copy>*:nth-child(4){animation-delay:.12s}@keyframes v25-appear{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}}
@media(max-width:1050px){.v25-hero-copy{padding:28px 24px}.v25-hero .v25-hero-copy h1{font-size:40px}.v25-hero-actions{flex-direction:column;align-items:stretch}.v25-hero-scene{min-height:430px}}
@media(max-width:760px){.v25-hero{padding-top:16px!important}.v25-hero-frame{grid-template-columns:1fr;border-radius:22px}.v25-hero-copy{padding:25px 22px}.v25-hero .v25-hero-copy h1{font-size:clamp(35px,8.6vw,46px);line-height:1.08;margin:14px 0}.v25-hero-copy>p{font-size:14px}.v25-hero-actions{margin-top:20px}.v25-benefits{gap:12px;margin-top:20px}.v25-hero-scene{min-height:260px}.v25-hero-scene>img{object-position:center 52%}.v25-scene-link{left:14px;right:14px;bottom:14px;padding:12px 14px}.v25-hero-links{gap:14px;margin-top:18px}.v25-hero-links a{font-size:12px}.v25-breadcrumbs{margin-bottom:12px}#catalog23Grid,#calculator,#request{scroll-margin-top:85px}}
@media(max-width:390px){.v25-hero-copy{padding:23px 18px}.v25-benefits li{font-size:11px;gap:7px}.v25-hero-links{flex-direction:column}.v25-hero-scene{min-height:235px}}
@media(prefers-reduced-motion:reduce){.v25-hero *, .v25-button{animation:none!important;transition:none!important}.calc-window-preview{transition:none!important;transform:none!important}}

/* source: /assets/motion-v27.css */
/*
   PANORAMIKA v27 — stable navigation and header correction.
   There is intentionally no cross-document animation here. Native browser
   navigation must remain immediate; only local hover/focus interactions keep
   short transitions.
*/

/* Explicitly disable native cross-document View Transitions. */
@view-transition{navigation:none}

/* If an old document is still in the browser cache, release it immediately. */
html.motion-v26-preload body{
  opacity:1!important;
}
.motion-v26-layer{
  display:none!important;
}
body.motion-v26-enter main,
body.motion-v26-enter .site-header,
body.motion-v26-enter .topbar,
body.motion-v26-enter .hero-copy,
body.motion-v26-enter .hero-photo-card,
body.motion-v26-enter .v25-hero-copy,
body.motion-v26-enter .v25-hero-scene,
body.motion-v26-enter .doors-hero-copy-v18,
body.motion-v26-enter .doors-scene-v18,
body.motion-v26-enter .page-hero .card,
body.motion-v26-leave main,
body.motion-v26-leave .site-header,
body.motion-v26-leave .topbar{
  opacity:1!important;
  transform:none!important;
  animation:none!important;
  transition:none!important;
}
body.motion-v26-leave{
  pointer-events:auto!important;
}
.motion-v26-card{
  opacity:1!important;
  transform:none!important;
  animation:none!important;
  transition:none!important;
}

/* Remove every previous page-enter/page-leave effect left by v19/v20. */
body.ux-page-enter,
body.ux-page-leave{
  pointer-events:auto!important;
}
body.ux-page-enter main,
body.ux-page-enter .site-header,
body.ux-page-enter .topbar,
body.ux-page-enter .v25-hero-frame,
body.ux-page-enter [class*="home-hero-"] .card,
body.ux-page-enter .hero-grid,
body.ux-page-enter .v25-image-note,
body.ux-page-leave main,
body.ux-page-leave .site-header,
body.ux-page-leave .topbar{
  opacity:1!important;
  transform:none!important;
  animation:none!important;
  transition:none!important;
}
body.ux-page-leave::before{display:none!important}

/* No staged hero/header/card reveal on first paint. */
.v25-hero-copy>*{animation:none!important}
.doors-hero-copy-v18>*{animation:none!important}
.doors-scene-v18{animation:none!important}
.ux-reveal,
.ux-reveal.ux-reveal-visible,
.reveal,
.reveal.in-view{
  opacity:1!important;
  transform:none!important;
  animation:none!important;
  transition:none!important;
}

/* The moving wind marks in the logo were decorative but looked like a page
   was still loading. Keep the actual logo static and crisp. */
.v45-logo-air,
.v46-logo-wind{display:none!important}

/* Header geometry: keep the complete navigation inside one stable row. */
.site-header .header-inner{
  min-height:70px!important;
  gap:14px!important;
  padding-inline:14px!important;
  overflow:visible;
  transition:none!important;
}
.site-header{
  transition:none!important;
}
.site-header .brand-logo,
.site-header .brand-logo img,
.site-header .v45-logo,
.site-header .v45-logo>img{
  transition:none!important;
}
.site-header .brand-logo,
.site-header .v45-logo{
  flex:0 0 210px;
  width:210px;
  min-width:210px;
  transform:none!important;
  filter:none!important;
}
.site-header .brand-logo img,
.site-header .v45-logo>img{
  width:210px!important;
  max-width:210px!important;
  height:auto;
  animation:none!important;
}
.nav{
  flex:1 1 auto;
  min-width:0;
  justify-content:center;
  gap:1px!important;
  margin-left:0!important;
  padding:3px!important;
  overflow:visible;
}
.nav a{
  flex:0 1 auto;
  min-width:0;
  min-height:36px;
  padding:8px 8px!important;
  font-size:12px!important;
  line-height:1.15;
  white-space:nowrap;
  transition:color 150ms ease,background-color 150ms ease,box-shadow 150ms ease!important;
}
.nav a::before{display:none!important}
.nav a::after{display:none!important}
.header-right{
  flex:0 0 auto;
  gap:8px!important;
  min-width:0;
}
.header-phone{
  padding:6px 8px!important;
  border-radius:12px;
  white-space:nowrap;
}
.header-phone b{font-size:12px!important}
.header-phone small{font-size:9px!important}
.header-cta{
  min-width:120px;
  min-height:44px!important;
  padding-inline:15px!important;
}

/* Keep only short feedback on real interactions. */
.site-header .nav a,
.site-header .header-phone,
.site-header .header-cta,
.mobile-nav-btn{
  transition-duration:150ms!important;
}

@media(max-width:1280px) and (min-width:1121px){
  .site-header .header-inner{gap:10px!important;padding-inline:10px!important}
  .site-header .brand-logo,
  .site-header .v45-logo{flex-basis:194px;width:194px;min-width:194px}
  .site-header .brand-logo img,
  .site-header .v45-logo>img{width:194px!important;max-width:194px!important}
  .nav a{padding-inline:6px!important;font-size:11.5px!important}
  .header-phone{display:none!important}
}
@media(max-width:1120px){
  .nav,.header-phone,.header-cta{display:none!important}
  .site-header .header-inner{min-height:66px!important}
  .mobile-nav-btn{display:inline-flex!important;margin-left:auto;min-width:44px;min-height:44px;font-size:0!important;align-items:center;justify-content:center}
  .mobile-nav-btn::before{content:"☰";font:700 18px/1 Arial,sans-serif}
  .mobile-nav-btn[aria-expanded="true"]::before{content:"×";font-size:25px;font-weight:400}
}
@media(max-width:840px){
  .site-header{padding-top:6px!important}
  .site-header .header-inner{padding-inline:10px!important;border-radius:18px!important}
  .site-header .brand-logo,
  .site-header .v45-logo{flex-basis:182px;width:182px;min-width:182px}
  .site-header .brand-logo img,
  .site-header .v45-logo>img{width:182px!important;max-width:182px!important}
}
@media(max-width:430px){
  .site-header .brand-logo,
  .site-header .v45-logo{flex-basis:170px;width:170px;min-width:170px}
  .site-header .brand-logo img,
  .site-header .v45-logo>img{width:170px!important;max-width:170px!important}
}

@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}

/* source: /assets/interface-v39.css */
/* v30: unified navigation, stable media, refined section heroes and local controls. */
:root{--v28-ease:cubic-bezier(.2,.7,.3,1);--v28-ink:#274c60;--v28-line:#cbdce5}
.v28-native[hidden]{display:none!important}
/* Persistent selection with no movement of neighbouring navigation links. */
.site-header .nav a{display:inline-flex;align-items:center;justify-content:center;isolation:isolate;transition:color 140ms ease,background-color 140ms ease,box-shadow 140ms ease!important}
.site-header .nav a::before{display:none!important}
.site-header .nav a[aria-current="page"],.site-header .nav a.active{color:#244e64!important;background:#eaf3f7!important;box-shadow:inset 0 0 0 1px rgba(96,137,159,.16)!important}
.site-header .nav a:active{background:#dceaf1!important;box-shadow:inset 0 1px 3px #26495b12!important}
@media(hover:hover){.site-header .nav a:hover{background:#edf4f8!important}.site-header .nav a[aria-current="page"]:hover,.site-header .nav a.active:hover{background:#e4eff4!important}.v28-picker:hover{border-color:#9ab8c9}.v28-profile button:hover{color:#183e52}}
@media(min-width:1281px){
 .site-header .header-phone{min-width:139px;padding:6px 6px!important}
 .site-header .header-phone b{font-size:13.5px!important;line-height:1.18;letter-spacing:.01em}
 .site-header .header-phone small{font-size:9.5px!important;line-height:1.25;margin-top:2px}
}
@media(min-width:1121px){
 .site-header .header-cta{min-width:112px;min-height:42px!important;padding-inline:13px!important;font-size:13.5px!important;letter-spacing:-.01em;box-shadow:0 8px 18px rgba(45,82,102,.16)!important}
}
/* Two values are visible together; their real select remains the data source. */
.v28-profile{--selected:0;position:relative;display:grid;grid-template-columns:1fr 1fr;gap:0;padding:4px;min-width:0;border:1px solid var(--v28-line);border-radius:15px;background:#eaf1f5;isolation:isolate}
.v28-profile-marker{position:absolute;z-index:-1;top:4px;bottom:4px;left:4px;width:calc((100% - 8px)/2);border-radius:11px;background:#fff;box-shadow:0 2px 7px #25445510,inset 0 0 0 1px #ffffff;transform:translateX(calc(var(--selected)*100%));transition:transform 180ms var(--v28-ease)}
.v28-profile button{display:grid;gap:3px;justify-items:start;text-align:left;min-width:0;min-height:58px;border:0;border-radius:10px;background:transparent;padding:8px 11px;color:#667c88;cursor:pointer;transition:color 140ms ease}
.v28-profile button b{font-size:16px;line-height:1.2;letter-spacing:-.02em}.v28-profile button span{font-size:10px;line-height:1.3;white-space:nowrap}
.v28-profile button[aria-checked="true"]{color:var(--v28-ink)}
.v28-picker{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-width:0;min-height:48px;padding:12px 14px;border:1px solid var(--v28-line);border-radius:13px;background:#fff;color:#28495b;text-align:left;font:600 14px/1.4 var(--font-ui,Arial,sans-serif);cursor:pointer;transition:border-color 150ms ease,box-shadow 150ms ease,background-color 150ms ease}
.v28-picker-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.v28-picker-arrow{flex:0 0 7px;width:7px;height:7px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform 160ms var(--v28-ease)}
.v28-picker[aria-expanded="true"]{border-color:#85a9bd;box-shadow:0 0 0 3px #83aabc20;background:#fbfdfe}
.v28-picker[aria-expanded="true"] .v28-picker-arrow{transform:translateY(2px) rotate(225deg)}
.v28-options{position:fixed;z-index:500;box-sizing:border-box;padding:6px;border:1px solid #d1dfe7;border-radius:16px;background:#fff;box-shadow:0 18px 48px #213e5326,0 3px 10px #213e530a;overflow:auto;overscroll-behavior:contain;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-5px);transition:opacity 140ms ease,transform 160ms var(--v28-ease),visibility 0s linear 160ms}
.v28-options[data-direction="up"]{transform:translateY(5px)}
.v28-options.is-open{opacity:1;visibility:visible;pointer-events:auto;transform:none;transition-delay:0s}
.v28-option{position:relative;display:flex;align-items:center;min-height:48px;padding:10px 38px 10px 12px;border-radius:10px;color:#3c5868;font:600 13px/1.4 var(--font-ui,Arial,sans-serif);cursor:pointer;transition:background-color 100ms ease,color 100ms ease}
.v28-option.is-highlighted{background:#f0f6f9}.v28-option[aria-selected="true"]{background:#eaf3f8;color:#234f65}.v28-option[aria-selected="true"]::after{position:absolute;right:15px;content:"✓";font-size:16px}
/* Closing uses the same small motion as opening; no staggered menu items. */
#mobileMenu.v28-menu{display:block!important;position:absolute;top:100%;left:50%;width:min(var(--container,1240px),calc(100% - 28px));max-height:calc(100dvh - 110px);overflow:auto;overscroll-behavior:contain;transform:translate(-50%,-6px);opacity:0;visibility:hidden;pointer-events:none;animation:none!important;transition:opacity 140ms ease,transform 180ms var(--v28-ease),visibility 0s linear 180ms}
#mobileMenu.v28-menu.show{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,0);transition-delay:0s}
#mobileMenu.v28-menu .mobile-menu-inner>a{animation:none!important;border-radius:10px;transition:background-color 140ms ease,color 140ms ease}
#mobileMenu.v28-menu .mobile-menu-inner>a:active,#mobileMenu.v28-menu .mobile-menu-inner>a[aria-current="page"]{background:#e7f0f5;color:#264e63}
@media(min-width:1121px){#mobileMenu.v28-menu{display:none!important}}
/* FAQ is keyboard accessible and expands continuously in both directions. */
.v28-faq .faq-q{width:100%;border:0;background:transparent;text-align:left;font:700 14px/1.55 var(--font-ui,Arial,sans-serif);color:inherit;cursor:pointer}
.v28-faq .faq-plus{transition:transform 180ms var(--v28-ease)}.v28-faq.active .faq-plus{transform:rotate(45deg)}
.v28-faq .faq-a,.v28-faq.active .faq-a{display:block!important;max-height:0;overflow:hidden;padding:0!important;opacity:0;transition:max-height 220ms var(--v28-ease),opacity 160ms ease}
.v28-faq.active .faq-a{max-height:var(--v28-answer-height,500px);opacity:1}.v28-answer-clip{min-height:0;overflow:hidden}.v28-answer-copy{padding-bottom:18px}
/* Fade the panel itself, not the whole document. Leave image zoom transforms alone. */
.image-lightbox{display:grid!important;opacity:0;visibility:hidden;pointer-events:none;transition:opacity 160ms ease,visibility 0s linear 160ms}
.image-lightbox.show{opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s}
.image-lightbox-inner{transform:translateY(6px);transition:transform 180ms var(--v28-ease)}.image-lightbox.show .image-lightbox-inner{transform:none}
.product-info-modal{display:flex!important;opacity:0;visibility:hidden;pointer-events:none;transition:opacity 160ms ease,visibility 0s linear 160ms}
.product-info-modal.show{opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s}
.door-lightbox-v14{display:grid!important;grid-template-columns:80px 1fr 80px;grid-template-rows:62px 1fr 88px;align-items:center;opacity:0;visibility:hidden;pointer-events:none;transition:opacity 160ms ease,visibility 0s linear 160ms}
.door-lightbox-v14.open{opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s}
.door-lb-thumbs[hidden],.door-lb-count[hidden],.door-lb-nav[hidden],.calc-handle-3d[hidden]{display:none!important}
#zcPrice{min-height:1.1em;font-variant-numeric:tabular-nums}
.segmented button,.calc-choice label,.scenario-tab,.doors-chip{transition:background-color 160ms ease,color 160ms ease,border-color 160ms ease,box-shadow 160ms ease!important}
.calc-sash-3d{transition:background-color 180ms ease,box-shadow 180ms ease,transform 220ms var(--v28-ease)}
@media(max-width:700px){.door-lightbox-v14{grid-template-columns:44px 1fr 44px;grid-template-rows:52px 1fr 76px}.v28-options{border-radius:14px}.v28-profile button{padding-inline:9px}}
@media(prefers-reduced-motion:reduce){
 .v28-profile-marker,.v28-profile button,.v28-picker,.v28-picker-arrow,.v28-options,.v28-option,#mobileMenu.v28-menu,#mobileMenu.v28-menu .mobile-menu-inner>a,.v28-faq .faq-a,.v28-faq .faq-plus,.image-lightbox,.image-lightbox-inner,.product-info-modal,.door-lightbox-v14,.calc-sash-3d,.site-header .nav a,.site-header .nav a::before{transition:none!important;animation:none!important}
}
/* Reserve the enhanced profile's height before scripts run. */
#zcProfile:not([hidden]){min-height:68px!important}
@media(max-width:840px){
 .calc-panel.mobile-step-1 .calc-field[data-mobile-step]:not([data-mobile-step="1"]),
 .calc-panel.mobile-step-2 .calc-field[data-mobile-step]:not([data-mobile-step="2"]),
 .calc-panel.mobile-step-3 .calc-field[data-mobile-step]:not([data-mobile-step="3"]){display:none!important}
}

@media(max-width:520px){.section-head{flex-direction:column;align-items:flex-start;gap:14px}.section-head>.btn{max-width:100%;white-space:normal}}
/* Keep compact cards and the narrow header inside the viewport on very small screens. */
@media(max-width:840px){.detail-grid{grid-template-columns:1fr!important}}

/* v30 — content is visible immediately; motion is reserved for direct interactions. */
.reveal,.reveal.in-view,.ux-reveal,.ux-reveal.ux-reveal-visible{
 opacity:1!important;transform:none!important;transition:none!important
}
img.ux-image-loading,img.ux-image-ready{
 opacity:1!important;filter:none!important;transform:none!important;transition:none!important
}
.product-top,.door-card-visual,.product-media-main,.showcase-media,.detail-visual{
 background-color:#edf3f6
}
@media(prefers-reduced-motion:no-preference){
 .doors-hero-copy-v18>*,.doors-scene-v18{animation:none!important}
}

/* Static benefit rail: every label is readable and no item is cut at the edge. */
.arch-ticker{border-radius:22px!important;overflow:hidden!important}
.arch-ticker-track{
 box-sizing:border-box!important;display:flex!important;flex-wrap:wrap!important;
 justify-content:center!important;width:100%!important;gap:8px!important;padding:8px!important;
 animation:none!important;transform:none!important
}
.arch-ticker-item:nth-child(n+7){display:none!important}
@media(max-width:700px){
 .arch-ticker-track{flex-wrap:nowrap!important;justify-content:flex-start!important;overflow-x:auto!important;scroll-snap-type:x proximity;scrollbar-width:none}
 .arch-ticker-track::-webkit-scrollbar{display:none}
 .arch-ticker-item{scroll-snap-align:start}
}

/* Doors hero: comfortable text boundary, no duplicate counters, live image CTA. */
.doors-hero-shell-v18{grid-template-columns:minmax(0,1.34fr) minmax(380px,.86fr);min-height:560px}
.doors-hero-copy-v18{overflow:hidden;padding:38px 48px 38px 36px}
.doors-hero-copy-v18 h1{
 max-width:680px!important;font-size:clamp(48px,4.35vw,64px)!important;
 line-height:.98!important;letter-spacing:-.048em!important;text-wrap:balance
}
.doors-hero-copy-v18 h1 span{white-space:normal!important}
.doors-stat-grid-v18{display:none!important}
.doors-scene-v18{min-height:560px}
.doors-scene-link-v30{
 position:absolute;z-index:4;left:36.5%;right:6.5%;bottom:8.3%;height:12.7%;
 border-radius:20px;cursor:pointer;outline:0;background:transparent;
 transition:background-color 150ms ease,box-shadow 150ms ease
}
.doors-scene-link-v30:focus-visible{
 box-shadow:0 0 0 4px rgba(255,255,255,.94),0 0 0 7px rgba(44,92,112,.78)
}
@media(hover:hover){
 .doors-scene-link-v30:hover{background:rgba(255,255,255,.12);box-shadow:inset 0 0 0 1px rgba(91,65,44,.20),0 8px 22px rgba(52,38,28,.10)}
}
.doors-controls{top:86px;background:rgba(245,250,252,.96);box-shadow:0 12px 30px rgba(34,53,61,.075)}
@media(max-width:1180px){
 .doors-hero-shell-v18{grid-template-columns:minmax(0,1.22fr) minmax(345px,.78fr)}
 .doors-hero-copy-v18{padding-left:30px;padding-right:38px}
 .doors-hero-copy-v18 h1{font-size:clamp(46px,4.55vw,56px)!important;max-width:620px!important}
}
@media(max-width:920px){
 .doors-hero-shell-v18{grid-template-columns:1fr;min-height:0}
 .doors-hero-copy-v18{overflow:visible;padding:30px 24px 28px}
 .doors-hero-copy-v18 h1{max-width:760px!important;font-size:clamp(44px,7vw,60px)!important}
 .doors-scene-v18{min-height:390px}
 .doors-scene-link-v30{inset:0;border-radius:0}
}
@media(max-width:640px){
 .doors-hero-copy-v18{padding:24px 18px 22px}
 .doors-hero-copy-v18 h1{font-size:40px!important;line-height:1!important;letter-spacing:-.043em!important}
 .doors-controls{top:72px;padding:9px!important;border-radius:19px!important}
 .sticky-mobile .bar{min-height:54px;padding:6px 7px!important;border-radius:15px!important}
 .sticky-mobile .bar>div:first-child>b{font-size:13px}
 .sticky-mobile .v30-mobile-caption{font-size:10px!important;line-height:1.2!important}
 .sticky-mobile .btn{min-height:40px!important;padding-inline:14px!important;font-size:13px!important}
}

/* Shared editorial heroes for service and contact pages. */
.section-hero-v30{padding:28px 0 22px!important}
.section-hero-shell-v30{
 display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,.96fr);min-height:480px;
 overflow:hidden;border:1px solid rgba(56,82,94,.10);border-radius:32px;
 background:linear-gradient(135deg,#fbfdfe 0%,#f3f8fa 100%);
 box-shadow:0 22px 54px rgba(28,50,60,.09)
}
.section-hero-copy-v30{display:flex;flex-direction:column;justify-content:center;min-width:0;padding:38px 42px 36px 36px}
.section-hero-copy-v30 .breadcrumbs{margin:0 0 18px;color:#758891;font-size:12px}
.section-hero-copy-v30 .breadcrumbs a{color:inherit;text-decoration:none}
.section-hero-copy-v30 .breadcrumbs a:hover{text-decoration:underline;text-underline-offset:3px}
.section-hero-copy-v30 .label{
 display:inline-flex;align-items:center;gap:10px;width:max-content;padding:0!important;
 background:none!important;color:#58788a;font:800 11px/1 var(--font-ui,Arial,sans-serif);
 letter-spacing:.14em;text-transform:uppercase
}
.section-hero-copy-v30 .label:after{content:"";width:46px;height:1px;background:#6d8d9c;opacity:.72}
.section-hero-copy-v30 h1{
 margin:19px 0 16px!important;max-width:650px;color:#17313c!important;
 font-size:clamp(43px,4.2vw,60px)!important;line-height:1!important;letter-spacing:-.05em!important;text-wrap:balance
}
.section-hero-copy-v30 h1 span{display:block;color:#6d93a6}
.section-hero-copy-v30 .lead{max-width:640px!important;margin:0!important;color:#687e89!important;font-size:15px!important;line-height:1.62!important}
.section-hero-actions-v30{display:flex;flex-wrap:wrap;gap:11px;margin-top:22px}
.section-hero-actions-v30 .btn{min-height:47px;border-radius:15px;padding-inline:18px}
.section-hero-points-v30{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:23px 0 0;padding:0;list-style:none}
.section-hero-points-v30 li{display:flex;align-items:center;gap:8px;min-width:0;color:#57707d;font:600 10.5px/1.35 var(--font-ui,Arial,sans-serif)}
.section-hero-points-v30 i{flex:0 0 31px;width:31px;height:31px;display:grid;place-items:center;border:1px solid rgba(51,78,91,.09);border-radius:10px;background:#fff;color:#38647a;font-style:normal;font-size:9px;box-shadow:0 6px 16px rgba(30,52,61,.05)}
.section-hero-media-v30{position:relative;min-width:0;margin:0;overflow:hidden;background:#e7eef1}
.section-hero-media-v30:after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 1px 0 rgba(52,79,90,.06)}
.section-hero-media-v30>img{display:block;width:100%;height:100%;min-height:480px;object-fit:cover;object-position:center}
.section-hero-v30--measure .section-hero-media-v30>img{object-position:52% center}
.section-hero-v30--delivery .section-hero-media-v30>img{object-position:57% center}
.section-hero-v30--b2b .section-hero-media-v30>img{object-position:58% center}
.section-hero-v30--contacts .section-hero-media-v30>img{object-position:55% center}
.section-hero-card-v30{
 position:absolute;z-index:2;left:20px;right:20px;bottom:20px;display:grid;
 grid-template-columns:1fr auto;gap:12px;align-items:center;min-height:70px;padding:13px 16px;
 border:1px solid rgba(255,255,255,.78);border-radius:18px;background:rgba(248,252,253,.91);
 color:#31566a;text-decoration:none;box-shadow:0 12px 30px rgba(26,48,58,.13);backdrop-filter:blur(14px);
 transition:background-color 150ms ease,box-shadow 150ms ease
}
.section-hero-card-v30>div{min-width:0}
.section-hero-card-v30 span,.section-hero-card-v30 b{display:block}.section-hero-card-v30 span{font-size:11px;color:#6c818c}.section-hero-card-v30 b{margin-top:4px;font-size:13px}
.section-hero-card-v30 i{font-style:normal;font-size:25px;transition:transform 160ms var(--v28-ease)}
.section-hero-card-v30:focus-visible{outline:3px solid rgba(62,111,133,.55);outline-offset:3px}
@media(hover:hover){.section-hero-card-v30:hover{background:#fff;box-shadow:0 16px 34px rgba(26,48,58,.17)}.section-hero-card-v30:hover i{transform:translateX(3px)}}
@media(max-width:1040px){
 .section-hero-shell-v30{grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr)}
 .section-hero-copy-v30{padding:32px 30px}.section-hero-copy-v30 h1{font-size:clamp(40px,4.6vw,52px)!important}
 .section-hero-points-v30{grid-template-columns:1fr 1fr}.section-hero-points-v30 li:last-child{grid-column:1/-1}
}
@media(max-width:820px){
 .section-hero-v30{padding-top:18px!important}.section-hero-shell-v30{grid-template-columns:1fr;min-height:0;border-radius:25px}
 .section-hero-copy-v30{padding:25px 22px 24px}.section-hero-copy-v30 h1{font-size:clamp(38px,8vw,50px)!important}
 .section-hero-media-v30>img{min-height:310px;aspect-ratio:16/10}
}
@media(max-width:520px){
 .section-hero-copy-v30{padding:23px 18px 21px}.section-hero-copy-v30 .breadcrumbs{margin-bottom:13px}
 .section-hero-copy-v30 h1{font-size:37px!important;line-height:1.02!important;margin-top:15px!important}
 .section-hero-copy-v30 .lead{font-size:14px!important;line-height:1.55!important}
 .section-hero-actions-v30{display:grid;grid-template-columns:1fr;margin-top:18px}.section-hero-actions-v30 .btn{width:100%;justify-content:center}
 .section-hero-points-v30{grid-template-columns:1fr 1fr;margin-top:18px}.section-hero-points-v30 li:last-child{grid-column:1/-1}
 .section-hero-media-v30>img{min-height:270px}.section-hero-card-v30{left:13px;right:13px;bottom:13px;min-height:62px;padding:11px 13px}
}

/* Compact comparison placed next to the 58/70 mm control. */
.v30-profile-guide{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:8px}
.v30-profile-guide>div{min-width:0;padding:9px 10px;border:1px solid #d9e5eb;border-radius:11px;background:#f8fbfc;color:#627984;font-size:9.5px;line-height:1.35}
.v30-profile-guide b{display:block;margin-bottom:3px;color:#294f63;font-size:11px}

/* Forms: visible progress and restrained validation feedback. */
.v30-form-progress{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:0 0 14px;padding:5px;border:1px solid #dce7ec;border-radius:13px;background:#f3f7f9}
.v30-form-progress span{display:flex;align-items:center;justify-content:center;gap:5px;min-height:30px;border-radius:9px;color:#778a93;font-size:9.5px;font-weight:700;transition:color 140ms ease,background-color 140ms ease}
.v30-form-progress i{display:grid;place-items:center;width:17px;height:17px;border-radius:50%;background:#e3edf1;font-style:normal;font-size:8px}
.v30-form-progress span.is-current,.v30-form-progress span.is-complete{background:#fff;color:#2b5569;box-shadow:0 2px 8px rgba(35,68,82,.06)}
.v30-form-progress span.is-complete i{background:#dfeee7;color:#2d6a4c}
.grid-form .v30-invalid,.grid-form input:user-invalid,.grid-form select:user-invalid,.grid-form textarea:user-invalid{border-color:#bd6a64!important;box-shadow:0 0 0 3px rgba(181,81,73,.10)!important}
.result[data-state]{display:block;margin-top:12px;padding:12px 14px;border-radius:12px;font-size:12px;line-height:1.45}
.result[data-state="loading"]{background:#edf4f7;color:#466777}.result[data-state="success"]{background:#e8f4ed;color:#286044}.result[data-state="error"],.result[data-state="uncertain"]{background:#fbefed;color:#884942}
.grid-form[aria-busy="true"] button[type="submit"]:before{content:"";width:14px;height:14px;border:2px solid rgba(255,255,255,.45);border-top-color:#fff;border-radius:50%;animation:v30Spin .7s linear infinite}
@keyframes v30Spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.section-hero-card-v30,.section-hero-card-v30 i,.v30-form-progress span{transition:none!important}.grid-form[aria-busy="true"] button[type="submit"]:before{animation:none!important}}

/* v31 — restore the calm benefit marquee. It uses the duplicated six-item
   sequence already present in the markup, so the loop never jumps at the
   edge. Mobile stays manually scrollable and reduced-motion stays static. */
.v30-profile-guide{display:none!important}
.v31-form-progress{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:0 0 14px;padding:5px;border:1px solid #dce7ec;border-radius:13px;background:#f3f7f9}
.v31-form-progress span{display:flex;align-items:center;justify-content:center;gap:5px;min-height:30px;border-radius:9px;color:#778a93;font-size:9.5px;font-weight:700;transition:color 140ms ease,background-color 140ms ease}
.v31-form-progress i{display:grid;place-items:center;width:17px;height:17px;border-radius:50%;background:#e3edf1;font-style:normal;font-size:8px}
.v31-form-progress span.is-current,.v31-form-progress span.is-complete{background:#fff;color:#2b5569;box-shadow:0 2px 8px rgba(35,68,82,.06)}
.v31-form-progress span.is-complete i{background:#dfeee7;color:#2d6a4c}
.grid-form .v31-invalid{border-color:#bd6a64!important;box-shadow:0 0 0 3px rgba(181,81,73,.10)!important}

.arch-ticker{border-radius:22px!important;overflow:hidden!important}
.arch-ticker-track{
 box-sizing:border-box!important;display:flex!important;flex-wrap:nowrap!important;justify-content:flex-start!important;
 width:max-content!important;gap:10px!important;padding:8px!important;transform:none!important;translate:0 0;
 animation:v31Ticker 42s linear infinite!important;will-change:transform
}
.arch-ticker-item{display:inline-flex!important;flex:0 0 auto!important}
.arch-ticker-item:nth-child(n+7){display:inline-flex!important}
@keyframes v31Ticker{from{translate:0 0}to{translate:-50% 0}}
@media(hover:hover){.arch-ticker:hover .arch-ticker-track,.arch-ticker:focus-within .arch-ticker-track{animation-play-state:paused!important}}
@media(max-width:700px){
 .arch-ticker-track{width:100%!important;overflow-x:auto!important;scroll-snap-type:x proximity;scrollbar-width:none;animation:none!important;transform:none!important;translate:0 0!important}
 .arch-ticker-track::-webkit-scrollbar{display:none}.arch-ticker-item{scroll-snap-align:start}
 .arch-ticker-item:nth-child(n+7){display:none!important}
}
@media(prefers-reduced-motion:reduce){
 .arch-ticker-track{animation:none!important;transform:none!important;translate:0 0!important}
 .v31-form-progress span{transition:none!important}
}

/* v31 calculator stability: only the model wrapper rotates. Door leaves are
   flat, tall product shapes with their glass/panel layers kept inside the
   same stacking context, so no texture can fly through or disappear. */
.calc-preview #zcPreview{
 transform:rotateX(var(--rx,6deg)) rotateY(var(--ry,-10deg)) translateZ(12px)!important;
 transform-style:preserve-3d!important;backface-visibility:visible!important;
 transition:transform 180ms cubic-bezier(.2,.7,.2,1)!important;
 will-change:transform;isolation:isolate
}
.calc-preview.view-front #zcPreview,.calc-preview.view-tech #zcPreview{transform:none!important;transition:none!important}
.calc-window-preview.door{
 width:min(30%,190px)!important;height:250px!important;min-height:0!important;
 aspect-ratio:auto!important;grid-template-columns:1fr!important;grid-template-rows:1fr!important;
 padding:8px!important;border-width:9px!important;border-radius:10px!important;
 background:linear-gradient(145deg,#e9f0f3,#c2d4dd)!important;
 box-shadow:0 24px 42px rgba(23,40,51,.17),inset 0 0 0 1px rgba(255,255,255,.7)!important;
}
.calc-sash-3d.calc-door-leaf{
 position:relative!important;display:block!important;width:100%!important;height:100%!important;
 min-width:0!important;min-height:0!important;overflow:hidden!important;transform:none!important;
 transition:none!important;border:5px solid #fff!important;border-radius:4px!important;
 background:#edf3f5!important;box-shadow:inset 0 0 0 1px rgba(84,111,124,.24),0 8px 14px rgba(31,51,61,.10)!important;
 transform-style:flat!important
}
.calc-door-glass,.calc-door-panel,.calc-door-lock{position:absolute;display:block;pointer-events:none}
.calc-window-preview.balcony_door .calc-door-glass{
 left:10%;right:10%;top:7%;height:55%;border:4px solid #fff;border-radius:2px;
 background:linear-gradient(145deg,#b6d2df 0%,#eaf5f8 72%);box-shadow:inset 0 0 0 1px rgba(80,112,127,.18)
}
.calc-window-preview.balcony_door .calc-door-panel{
 left:10%;right:10%;bottom:7%;height:27%;border:3px solid #fff;border-radius:2px;
 background:linear-gradient(180deg,#f8fbfc,#d9e4e8);box-shadow:inset 0 0 0 1px rgba(80,112,127,.17)
}
.calc-window-preview.entrance_door .calc-door-glass{
 left:13%;right:13%;top:8%;height:27%;border:4px solid #fff;border-radius:2px;
 background:linear-gradient(145deg,#b8d1dc,#eaf2f5);box-shadow:inset 0 0 0 1px rgba(80,112,127,.2)
}
.calc-window-preview.entrance_door .calc-door-panel{
 left:12%;right:12%;top:42%;bottom:8%;border:3px solid #fff;border-radius:2px;
 background:linear-gradient(180deg,#f1f5f6,#c8d5da 55%,#e9f0f2);box-shadow:inset 0 0 0 1px rgba(80,112,127,.18)
}
.calc-window-preview.entrance_door .calc-door-lock{left:11%;right:11%;top:39%;height:1px;background:rgba(75,101,112,.42)}
.calc-door-leaf .calc-handle-3d{
 left:auto!important;right:10%!important;top:52%!important;width:8px!important;height:30px!important;
 transform:translateY(-50%)!important;z-index:12!important
}
.calc-door-leaf .calc-handle-3d:before{left:auto!important;right:2px!important;border-radius:7px 3px 3px 7px!important}
.calc-preview.view-tech .calc-window-preview.door{height:250px!important;width:130px!important}
.calc-preview.view-tech .calc-door-glass,.calc-preview.view-tech .calc-door-panel{border-color:#6d8796!important;box-shadow:none!important}
@media(max-width:700px){
 .calc-window-preview.door{width:116px!important;height:210px!important}
 .calc-preview.view-tech .calc-window-preview.door{width:110px!important;height:210px!important}
}

/* v32 final 3D guard: the old depth pseudo-frame and per-sash rotations
   could look like a second model after a fast resize/type switch. Keep one
   stable frame; perspective is applied only to the model wrapper. */
.calc-preview #zcPreview::before{display:none!important;content:none!important}
.calc-preview #zcPreview{
 opacity:1!important;visibility:visible!important;z-index:1!important;
 overflow:visible!important;isolation:isolate!important
}
.calc-preview #zcPreview>.calc-sash-3d.turn,
.calc-preview #zcPreview>.calc-sash-3d.tilt_turn{
 transform:none!important;transform-origin:center!important;
 box-shadow:inset 0 0 0 1px rgba(255,255,255,.5)!important;
 backface-visibility:visible!important;transition:none!important
}
.calc-preview #zcPreview>.calc-sash-3d:not(.calc-door-leaf){
 transform-style:flat!important;backface-visibility:visible!important
}
.calc-preview #zcPreview>.calc-door-leaf{transform:none!important;transition:none!important}
@media(prefers-reduced-motion:reduce){.calc-preview #zcPreview{transition:none!important}}

/* v33: restore the calm, spatial sash motion. The wrapper keeps the cursor
   controlled 3D perspective; each window sash now opens around its real hinge.
   The old rear pseudo-frame stays disabled so this cannot create a duplicate
   model during a fast calculator/type switch. */
.calc-preview #zcPreview>.calc-sash-3d.turn,
.calc-preview #zcPreview>.calc-sash-3d.tilt_turn{
 transform-style:preserve-3d!important;
 backface-visibility:visible!important;
 transition:transform 360ms cubic-bezier(.2,.7,.2,1),box-shadow 300ms ease!important;
 box-shadow:inset 0 0 0 1px rgba(255,255,255,.5),0 12px 20px rgba(24,39,49,.12)!important;
}
.calc-preview #zcPreview>.calc-sash-3d.turn{
 transform-origin:left center!important;
 transform:perspective(900px) rotateY(-24deg) translateZ(3px)!important;
}
.calc-preview #zcPreview>.calc-sash-3d.tilt_turn{
 transform-origin:center top!important;
 transform:perspective(900px) rotateX(8deg) translateZ(3px)!important;
}
.calc-preview #zcPreview>.calc-sash-3d.fixed{
 transform:none!important;
 transition:box-shadow 220ms ease!important;
 box-shadow:inset 0 0 0 1px rgba(255,255,255,.5)!important;
}
.calc-preview #zcPreview>.calc-door-leaf{
 transform:none!important;transition:none!important;transform-style:flat!important;
}
.calc-preview.view-front #zcPreview>.calc-sash-3d,
.calc-preview.view-tech #zcPreview>.calc-sash-3d{
 transform:none!important;transition:none!important;box-shadow:none!important;
}
@media(prefers-reduced-motion:reduce){
 .calc-preview #zcPreview>.calc-sash-3d{transform:none!important;transition:none!important}
}

/* v34 — clear prices, touch-friendly mobile layout and local micro-motion.
   There is intentionally no page-load/page-transition animation. */
.door-card{position:relative;transform:translateZ(0);transition:transform 190ms var(--v28-ease),box-shadow 190ms ease,border-color 190ms ease!important}
.door-card .door-main-photo img{transition:transform 220ms var(--v28-ease)!important}
.door-card-bottom{display:grid!important;grid-template-columns:1fr!important;align-items:stretch!important;gap:10px!important}
.door-price-wrap{display:flex;flex:1 1 auto;min-width:0;align-items:baseline;gap:6px;flex-wrap:wrap}
.door-price{font-size:20px!important;line-height:1.08!important;white-space:nowrap;font-variant-numeric:tabular-nums}
.door-old-price{color:#8a9aa1;font:600 11px/1 var(--font-ui,Arial,sans-serif);text-decoration:line-through;white-space:nowrap;font-variant-numeric:tabular-nums}
.door-discount{padding:5px 6px;border-radius:999px;background:#e6f2eb;color:#2f6849;font:800 9px/1 var(--font-ui,Arial,sans-serif);white-space:nowrap}
.door-price-wrap--request .door-price{font-size:16px!important;white-space:normal}
.door-order{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:10px 12px!important;transition:transform 150ms var(--v28-ease),background-color 150ms ease,box-shadow 150ms ease!important}
.doors-chip{min-height:39px;transition:color 150ms ease,background-color 150ms ease,border-color 150ms ease,box-shadow 150ms ease!important}
.doors-search,.doors-select,.v28-picker{transition:border-color 150ms ease,box-shadow 150ms ease,background-color 150ms ease!important}
.doors-disclaimer{border-left:3px solid rgba(50,100,121,.34)!important}
.door-card--added{animation:v34DoorCardIn 260ms var(--v28-ease) both}
@keyframes v34DoorCardIn{from{opacity:.62;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(hover:hover){
 .door-card:hover{transform:translateY(-4px)!important;box-shadow:0 20px 45px rgba(31,54,65,.115)!important}
 .door-card:hover .door-main-photo img{transform:scale(1.025)!important}
 .door-order:hover{transform:translateY(-1px);background:#244c5d;box-shadow:0 8px 18px rgba(25,55,68,.16)}
 .btn:hover{transform:translateY(-1px)}
}
.door-order:active,.btn:active{transform:translateY(1px)!important}
.door-order:focus-visible,.doors-chip:focus-visible,.doors-search:focus-visible,.site-header a:focus-visible,.site-header button:focus-visible,.btn:focus-visible{
 outline:3px solid rgba(55,112,137,.36)!important;outline-offset:3px!important
}

@media(min-width:1281px){
 .site-header .header-phone{min-width:148px!important}
 .site-header .header-phone b{font-size:14.5px!important}
 .site-header .header-cta{min-width:108px!important;padding-inline:12px!important}
}

@media(max-width:800px){
 #mobileMenu.v28-menu .mobile-menu-inner>a{display:flex;align-items:center;min-height:48px;padding-block:11px!important}
 .site-header .menu-btn{min-width:44px;min-height:44px}
 .section-hero-copy-v30,.doors-hero-copy-v18{padding-inline:20px!important}
 .section-hero-points-v30{gap:9px!important}
 .section-hero-points-v30 li{font-size:11px!important}
 .grid-form input,.grid-form select,.grid-form textarea,.doors-search{font-size:16px!important}
 .grid-form button,.calc-panel button,.scenario-tab,.segmented button,.calc-choice label{min-height:44px}
 .doors-controls{position:relative!important;top:auto!important;margin-bottom:14px!important;backdrop-filter:none!important}
 .doors-chips{margin-inline:-4px;padding:10px 4px 2px!important;scroll-snap-type:x proximity;overscroll-behavior-inline:contain}
 .doors-chip{scroll-snap-align:start;min-height:42px;padding-inline:15px!important}
}

@media(max-width:560px){
 .doors-hero{padding-top:12px!important;padding-bottom:14px!important}
 .doors-hero-copy-v18{padding-top:21px!important;padding-bottom:18px!important}
 .doors-hero-copy-v18 h1{font-size:clamp(34px,10.8vw,40px)!important}
 .doors-benefits-v18{grid-template-columns:1fr!important;gap:7px!important}
 .doors-scene-v18{min-height:255px!important}
 .doors-controls{margin-inline:0!important;padding:10px!important;border-radius:18px!important}
 .doors-controls-top{grid-template-columns:minmax(0,1fr) 104px!important;gap:8px!important}
 .doors-search{grid-column:1/-1;height:46px!important;border-radius:13px!important;padding-inline:13px!important}
 .doors-select,.doors-controls .v28-picker{grid-column:1;height:44px!important;min-height:44px!important;border-radius:13px!important}
 .doors-total{grid-column:2!important;height:44px!important;padding-inline:9px!important;border-radius:13px!important;font-size:11px!important}
 .doors-total b{font-size:16px!important}
 .doors-grid{grid-template-columns:1fr!important;gap:13px!important}
 .door-card{display:flex!important;padding:11px!important;border-radius:22px!important}
 .door-card-visual{width:100%!important;height:242px!important;grid-row:auto!important;padding:10px!important;border-radius:17px!important}
 .door-main-photo{border-radius:14px!important}
 .door-main-photo img,.door-card[data-type="interior"] .door-main-photo img{width:80%!important;height:80%!important;max-width:80%!important;max-height:80%!important}
 .door-card-head{padding:12px 2px 5px!important}
 .door-card h3{min-height:0!important;margin:3px 2px 8px!important;font-size:18px!important;line-height:1.18!important}
 .door-tags{min-height:0!important;margin-bottom:1px!important}
 .door-card-copy{min-height:0!important;margin:8px 2px 11px!important;font-size:12px!important;line-height:1.45!important}
 .door-card-bottom{grid-template-columns:1fr!important;align-items:stretch!important;padding-top:11px!important}
 .door-price{font-size:20px!important}.door-old-price{font-size:10px!important}
 .door-order{min-height:42px!important;padding-inline:11px!important;font-size:11px!important}
 .doors-load{margin-top:17px!important}.doors-load .btn{width:100%;min-height:46px;justify-content:center}
 .doors-disclaimer{margin-top:16px!important;padding:14px 15px!important;border-radius:17px!important;font-size:11.5px!important}
 .section-hero-v30{padding-top:12px!important;padding-bottom:14px!important}
 .section-hero-copy-v30{padding-top:21px!important;padding-bottom:20px!important}
 .section-hero-copy-v30 h1{font-size:clamp(34px,10.4vw,38px)!important}
 .section-hero-media-v30>img{min-height:235px!important;aspect-ratio:4/3!important}
 .section-hero-card-v30{min-height:60px!important;border-radius:16px!important}
 .section-hero-actions-v30 .btn{min-height:48px!important}
 .v31-form-progress{gap:4px!important;padding:4px!important}.v31-form-progress span{font-size:9px!important}
 .sticky-mobile .bar{gap:7px!important}.sticky-mobile .btn{min-width:118px!important}
}

@media(max-width:380px){
 .door-card-visual{height:220px!important}
 .door-card-bottom{grid-template-columns:1fr!important}
 .door-order{width:100%!important;margin-top:2px}
 .section-hero-points-v30{grid-template-columns:1fr!important}.section-hero-points-v30 li:last-child{grid-column:auto!important}
 .sticky-mobile .bar>div:first-child{display:none!important}.sticky-mobile .btn{width:100%!important}
}

@media(prefers-reduced-motion:reduce){
 .door-card,.door-card .door-main-photo img,.door-order,.doors-chip,.doors-search,.doors-select,.v28-picker,.btn{animation:none!important;transition:none!important}
}

/* v35 — one predictable interaction layer after the legacy styles were
   compiled into page bundles. No animation is tied to page navigation. */
.door-card-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.door-card-actions .door-order,.v35-door-more{min-width:0;min-height:42px;border-radius:13px;font:700 11px/1 var(--font-ui,Arial,sans-serif)}
.v35-door-more{display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(46,82,98,.16);background:#f1f7f9;color:#284e61;cursor:pointer;transition:background-color 150ms ease,border-color 150ms ease,transform 150ms var(--v28-ease)}
.v35-door-more:hover{background:#e7f1f5;border-color:rgba(46,82,98,.25)}
.v35-door-more:active{transform:translateY(1px)}
.v35-door-more:focus-visible{outline:3px solid rgba(55,112,137,.36);outline-offset:3px}

.v35-door-modal{position:fixed;inset:0;z-index:10080;display:grid;place-items:center;padding:22px;background:rgba(9,22,28,.72);backdrop-filter:blur(10px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity 170ms ease,visibility 0s linear 170ms}
.v35-door-modal.is-open{opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s}
.v35-door-dialog{position:relative;display:grid;grid-template-columns:minmax(280px,.86fr) minmax(320px,1.14fr);width:min(900px,calc(100vw - 32px));max-height:min(760px,calc(100dvh - 44px));overflow:auto;border:1px solid rgba(255,255,255,.7);border-radius:28px;background:#fff;box-shadow:0 28px 80px rgba(8,24,31,.3);transform:translateY(10px) scale(.992);transition:transform 190ms var(--v28-ease)}
.v35-door-modal.is-open .v35-door-dialog{transform:none}
.v35-door-media{display:grid;place-items:center;min-height:460px;padding:26px;border-radius:27px 0 0 27px;background:linear-gradient(180deg,#f6fafb,#e9f1f4);overflow:hidden}
.v35-door-media img{display:block;width:82%;height:82%;max-width:82%;max-height:82%;object-fit:contain;border-radius:17px;background:#fff;box-shadow:0 14px 32px rgba(31,52,62,.09)}
.v35-door-content{display:flex;flex-direction:column;min-width:0;padding:38px 34px 32px}
.v35-door-kind{color:#64808e;font:800 11px/1 var(--font-ui,Arial,sans-serif);letter-spacing:.12em;text-transform:uppercase}
.v35-door-content h2{margin:16px 42px 13px 0;color:#193642;font-size:clamp(27px,3.1vw,40px);line-height:1.04;letter-spacing:-.045em}
.v35-door-modal-price{display:flex;align-items:baseline;gap:9px;flex-wrap:wrap;margin-top:5px}
.v35-door-modal-price strong{color:#173642;font:800 30px/1 var(--font-ui,Arial,sans-serif);letter-spacing:-.04em;font-variant-numeric:tabular-nums}
.v35-door-modal-price del{color:#8b9ba2;font-size:13px}.v35-door-modal-price span{padding:6px 8px;border-radius:999px;background:#e6f2eb;color:#2f6849;font-size:10px;font-weight:800}
.v35-door-modal-tags{display:flex;flex-wrap:wrap;gap:7px;margin:18px 0 0}.v35-door-modal-tags:empty{display:none}
.v35-door-modal-tags span{padding:8px 10px;border-radius:999px;background:#edf4f7;color:#3f6170;font-size:11px;font-weight:700}
.v35-door-modal-note{margin:20px 0 0;padding:15px 16px;border:1px solid #e0eaee;border-radius:16px;background:#f7fafb;color:#5d737e;font-size:13px;line-height:1.55}
.v35-door-modal-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:auto;padding-top:22px}
.v35-door-modal-actions .btn{min-height:48px;justify-content:center;border-radius:15px}
.v35-door-close{position:absolute;z-index:2;right:16px;top:16px;display:grid;place-items:center;width:44px;height:44px;border:1px solid rgba(49,80,94,.12);border-radius:50%;background:rgba(248,251,252,.94);color:#294d5f;font-size:25px;line-height:1;cursor:pointer;transition:background-color 140ms ease,transform 140ms var(--v28-ease)}
.v35-door-close:hover{background:#edf4f7;transform:rotate(3deg)}.v35-door-close:focus-visible{outline:3px solid rgba(55,112,137,.36);outline-offset:3px}
body.v35-door-dialog-open{overflow:hidden}

.v36-mobile-dock{display:none}
@media(max-width:800px){
 .sticky-mobile{display:none}
 .footer{padding-bottom:96px}
 .v36-mobile-dock{position:fixed;z-index:90;left:10px;right:10px;bottom:max(9px,env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(3,1fr);gap:4px;max-width:520px;margin:auto;padding:6px;border:1px solid rgba(57,84,96,.14);border-radius:19px;background:rgba(251,253,254,.95);box-shadow:0 18px 48px rgba(20,42,52,.2);backdrop-filter:blur(18px)}
 .v36-mobile-dock a{display:grid;grid-template-columns:22px auto;align-items:center;justify-content:center;gap:6px;min-width:0;min-height:49px;padding:7px 6px;border-radius:13px;color:#4e6875;text-decoration:none;font:750 12px/1 var(--font-ui,Arial,sans-serif);transition:background-color 140ms ease,color 140ms ease,transform 140ms var(--v28-ease)}
 .v36-mobile-dock a[aria-current="page"]{background:#e7f1f5;color:#234f64}
 .v36-mobile-dock a:active{transform:scale(.975)}
 .v36-mobile-dock svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
 body.ux-dialog-open .v36-mobile-dock,body.v35-door-dialog-open .v36-mobile-dock{opacity:0;pointer-events:none}
 .v35-door-modal{align-items:end;padding:10px}
 .v35-door-dialog{grid-template-columns:1fr;width:100%;max-height:calc(100dvh - 20px);border-radius:25px;transform:translateY(16px)}
 .v35-door-media{min-height:270px;padding:18px;border-radius:24px 24px 0 0}
 .v35-door-media img{width:76%;height:76%;max-width:76%;max-height:76%}
 .v35-door-content{padding:24px 18px 18px}.v35-door-content h2{margin-top:12px;font-size:28px}
 .v35-door-modal-actions{padding-top:18px}
}
@media(max-width:420px){
 .door-card-actions{grid-template-columns:1fr}
 .v36-mobile-dock a{grid-template-columns:1fr;justify-items:center;gap:4px;font-size:11px}
 .v36-mobile-dock svg{width:19px;height:19px}
 .v35-door-media{min-height:238px}.v35-door-content h2{font-size:25px}
 .v35-door-modal-actions{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){
 .v35-door-more,.v35-door-modal,.v35-door-dialog,.v35-door-close,.v36-mobile-dock,.v36-mobile-dock a{animation:none;transition:none}
}

/* v36 — responsive catalogue media and interaction-only motion.
   Nothing here animates a page load, navigation or the logo. */
.door-card-actions .door-order,.v35-door-more{font-size:12px}
.door-main-photo img,.v35-door-media img{height:auto;aspect-ratio:var(--door-aspect,auto)}
.v35-door-dialog{scrollbar-gutter:stable}
.v35-door-content>*{transition:opacity 180ms ease,transform 180ms var(--v28-ease)}
.v35-door-modal:not(.is-open) .v35-door-content>*{opacity:.82;transform:translateY(5px)}
.v35-door-modal.is-open .v35-door-content>*{opacity:1;transform:none}
.result[data-state]{animation:v36ResultIn 170ms var(--v28-ease) both}
.v28-option{transition:background-color 120ms ease,color 120ms ease}
@keyframes v36ResultIn{from{opacity:.7;transform:translateY(4px)}to{opacity:1;transform:none}}
@media(hover:hover){
 .v36-mobile-dock a:hover{background:#edf4f7;color:#234f64}
}
@media(prefers-reduced-motion:reduce){
 .v35-door-content>*,.result[data-state],.v28-option{animation:none!important;transition:none!important;transform:none!important}
}

/* v37 — assured local typography for every action/control. The earlier font
   face used `optional`, so a browser could keep the system fallback for the
   whole visit. These two preloaded subsets make the intended face stable. */
@font-face{
 font-family:'Panoramica Controls';font-style:normal;font-display:swap;font-weight:400 900;
 src:url(/assets/fonts-v28/golos-text-cyrillic-wght-normal.woff2) format('woff2');
 unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116
}
@font-face{
 font-family:'Panoramica Controls';font-style:normal;font-display:swap;font-weight:400 900;
 src:url(/assets/fonts-v28/golos-text-latin-wght-normal.woff2) format('woff2');
 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
}
:root{--font-controls:'Panoramica Controls','Golos Text','Segoe UI Variable Text','Segoe UI',Arial,sans-serif}
button,.btn,.nav a,.mobile-menu a,.header-cta,.menu-btn,.mobile-nav-btn,
.scenario-tab,.quick-calc-preset,.live-mode-btn,.calc-view-btn,.calc-choice label,
.segmented button,.v28-picker,.v28-option,.doors-chip,.door-order,.v35-door-more,
.v36-mobile-dock a,.catalog-quick-chips button,.faq-q,.product-buy-actions a,
.product-mobile-buy .btn,.section-hero-card-v30{
 font-family:var(--font-controls)!important;font-synthesis:none;font-kerning:normal;
 font-weight:640!important;letter-spacing:-.014em!important;text-rendering:optimizeLegibility
}
.btn-primary,.header-cta,.calc-actions .btn-primary,.door-order{font-weight:680!important}
.btn{font-size:14px;line-height:1.18!important}
.site-header .nav a{font-weight:620!important;letter-spacing:-.01em!important}
.scenario-tab,.quick-calc-preset,.doors-chip,.catalog-quick-chips button{font-size:13px!important}
.segmented button{font-size:12px!important;line-height:1.16!important}
.calc-choice label b{font-family:var(--font-controls)!important;font-size:13px!important;font-weight:650!important;letter-spacing:-.012em}
.calc-toolbar .btn,.calc-actions .btn,#zcReset,#zcSave,#zcShare,#zcPrint{font-size:15px!important}
.calc-confidence{font-family:var(--font-controls)!important;font-size:11px!important;line-height:1.48!important;letter-spacing:-.008em}
@media(max-width:520px){
 .btn{font-size:13.5px}.calc-toolbar .btn,.calc-actions .btn,#zcReset,#zcSave,#zcShare,#zcPrint{font-size:14px!important}
}

/* v38 — blinds collection and space-safe navigation.
   Motion is local to controls; there are no page-load transitions. */
@media(min-width:1121px) and (max-width:1380px){
 .site-header .header-inner{gap:8px!important;padding-inline:10px!important}
 .site-header .nav{gap:0!important;margin-left:0!important}
 .site-header .nav a{padding:9px 6px!important;font-size:11.5px!important;white-space:nowrap}
 .site-header .header-right{gap:7px!important}
 .site-header .header-phone{min-width:132px!important;padding-inline:4px!important}
 .site-header .header-phone b{font-size:13px!important}
 .site-header .header-phone small{font-size:8.5px!important}
 .site-header .header-cta{min-width:96px!important;padding-inline:10px!important;font-size:13px!important}
}

.section-hero-v30--blinds .section-hero-media-v30{background:#dbe7eb}
.section-hero-v30--blinds .section-hero-copy-v30{background:linear-gradient(145deg,#f9fbfc,#eef5f7)}
.section-hero-v30--blinds h1 span{color:#7798a8}
.blinds-section{padding:52px 0 20px}
.blinds-intro{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:22px}
.blinds-intro>div{max-width:760px}
.blinds-intro .label{margin-bottom:10px}
.blinds-intro h2{margin:0;color:#183642;font-size:clamp(32px,4vw,50px);line-height:1.02;letter-spacing:-.05em}
.blinds-intro p{margin:14px 0 0;color:#647b87;font-size:15px;line-height:1.65}
.blinds-stock{display:inline-flex;align-items:center;gap:8px;flex:0 0 auto;padding:10px 14px;border:1px solid #d6e4e9;border-radius:999px;background:#fff;color:#31596c;font:680 12px/1 var(--font-controls);box-shadow:0 9px 24px rgba(34,66,80,.07)}
.blinds-stock:before{content:"";width:8px;height:8px;border-radius:50%;background:#6c9b7d;box-shadow:0 0 0 5px rgba(108,155,125,.12)}
.blinds-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.blind-card{position:relative;overflow:hidden;min-width:0;border:1px solid rgba(205,220,227,.9);border-radius:22px;background:#fff;box-shadow:0 14px 38px rgba(35,61,73,.07);transition:transform 170ms cubic-bezier(.2,.7,.3,1),box-shadow 170ms ease,border-color 170ms ease}
.blind-card-visual{position:relative;display:grid;place-items:center;aspect-ratio:1.34/1;overflow:hidden;background:linear-gradient(150deg,#eaf2f5,#dce8ed)}
.blind-card-visual:after{content:"";position:absolute;inset:auto 10% 7%;height:14%;border-radius:50%;background:rgba(44,66,76,.12);filter:blur(13px)}
.blind-card svg{position:relative;z-index:1;display:block;width:86%;height:86%;filter:drop-shadow(0 12px 12px rgba(35,56,65,.12));transition:transform 210ms cubic-bezier(.2,.7,.3,1)}
.blind-card-copy{padding:18px 18px 20px}
.blind-card-copy span{display:block;margin-bottom:7px;color:#74909d;font:700 10px/1 var(--font-controls);letter-spacing:.09em;text-transform:uppercase}
.blind-card-copy h3{margin:0;color:#1d3b48;font-size:20px;line-height:1.12;letter-spacing:-.03em}
.blind-card-copy p{margin:9px 0 0;color:#657b86;font-size:12px;line-height:1.55}
@media(hover:hover){
 .blind-card:hover{transform:translateY(-4px);border-color:#bfd2db;box-shadow:0 20px 46px rgba(35,61,73,.105)}
 .blind-card:hover svg{transform:scale(1.025)}
}
.blinds-feature-shell{display:grid;grid-template-columns:1.08fr .92fr;gap:16px;margin-top:18px}
.blinds-feature{padding:28px;border:1px solid rgba(210,223,229,.9);border-radius:24px;background:rgba(255,255,255,.78);box-shadow:0 15px 38px rgba(35,61,73,.06)}
.blinds-feature h2,.blinds-feature h3{margin:0;color:#1b3946;letter-spacing:-.035em}
.blinds-feature h2{font-size:32px}.blinds-feature h3{font-size:23px}
.blinds-feature p{color:#647b87;line-height:1.62}
.blinds-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:20px}
.blinds-options div{display:flex;align-items:center;gap:10px;min-height:48px;padding:11px 12px;border-radius:14px;background:#f2f7f9;color:#3d5d6c;font-size:12px;font-weight:650}
.blinds-options i{display:grid;place-items:center;flex:0 0 auto;width:25px;height:25px;border-radius:9px;background:#fff;color:#527b8f;font-style:normal;box-shadow:0 4px 10px rgba(42,72,86,.07)}
.blinds-note{display:flex;align-items:flex-start;gap:12px;margin-top:18px;padding:14px 16px;border-left:3px solid #789bae;border-radius:0 13px 13px 0;background:#eef5f7;color:#556e7a;font-size:12px;line-height:1.55}
.blinds-note strong{color:#2b5265}
.blinds-steps{counter-reset:blinds-step;display:grid;gap:9px;margin-top:18px}
.blinds-steps li{counter-increment:blinds-step;display:grid;grid-template-columns:34px 1fr;align-items:center;gap:11px;min-height:52px;padding:10px 12px;border:1px solid #e0eaee;border-radius:15px;background:#f9fbfc;color:#486674;font-size:12px;line-height:1.45;list-style:none}
.blinds-steps li:before{content:counter(blinds-step,decimal-leading-zero);display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:#e5f0f4;color:#345f73;font:750 10px/1 var(--font-controls)}
.blinds-cta{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:18px;padding:24px 26px;border-radius:24px;background:linear-gradient(135deg,#243d4a,#466a7d);color:#fff;box-shadow:0 18px 42px rgba(35,61,73,.16)}
.blinds-cta h2{margin:0;font-size:28px;letter-spacing:-.04em}.blinds-cta p{margin:7px 0 0;color:#d5e2e8;font-size:13px}.blinds-cta .btn{flex:0 0 auto;background:#fff!important;color:#294f62!important}
@media(max-width:1040px){.blinds-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){
 .blinds-section{padding-top:38px}.blinds-intro{align-items:flex-start;flex-direction:column;gap:14px}.blinds-intro h2{font-size:36px}
 .blinds-feature-shell{grid-template-columns:1fr}.blinds-feature{padding:22px}.blinds-cta{align-items:flex-start;flex-direction:column;padding:22px}.blinds-cta .btn{width:100%;justify-content:center}
}
@media(max-width:520px){
 .blinds-grid{grid-template-columns:1fr}.blind-card{display:grid;grid-template-columns:42% 58%;border-radius:18px}.blind-card-visual{height:100%;aspect-ratio:auto;min-height:165px}.blind-card svg{width:92%;height:92%}.blind-card-copy{padding:17px 15px}.blind-card-copy h3{font-size:18px}.blind-card-copy p{font-size:11.5px}.blinds-options{grid-template-columns:1fr}.blinds-feature h2{font-size:28px}.blinds-cta h2{font-size:25px}
}
@media(max-width:370px){.blind-card{grid-template-columns:1fr}.blind-card-visual{min-height:190px}}
@media(prefers-reduced-motion:reduce){.blind-card,.blind-card svg{transition:none!important}}

/* v39 — real photographic blind previews. */
.blind-card-visual:after{
 inset:0;height:auto;border-radius:0;filter:none;z-index:2;
 background:linear-gradient(180deg,transparent 68%,rgba(20,42,52,.12));
 pointer-events:none
}
.blind-card-visual>img{
 position:relative;z-index:1;display:block;width:100%;height:100%;max-width:none;
 object-fit:cover;object-position:center;filter:none;
 transition:transform 220ms cubic-bezier(.2,.7,.3,1)
}
@media(hover:hover){.blind-card:hover .blind-card-visual>img{transform:scale(1.025)}}
@media(prefers-reduced-motion:reduce){.blind-card-visual>img{transition:none!important}}