: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)}
  }
}