/* TAIGA glued-panel hybrid scroll snap — 2026-09-05 */
:root{--taiga-snap-header:86px}
.taiga-snap-nav{display:none}

@media (min-width:1101px){
  html.taiga-snap-ready{scroll-padding-top:var(--taiga-snap-header);scroll-snap-type:y proximity}
  body.taiga-snap-ready{overflow-x:clip}
  [data-taiga-snap-screen]{scroll-snap-align:start;scroll-snap-stop:always;scroll-margin-top:var(--taiga-snap-header);min-height:calc(100svh - var(--taiga-snap-header));box-sizing:border-box}

  .hero.hx[data-taiga-snap-screen]{height:calc(100svh - var(--taiga-snap-header))!important;min-height:calc(100svh - var(--taiga-snap-header))!important;max-height:none!important}
  #configurator[data-taiga-snap-screen],#profiles[data-taiga-snap-screen],#system[data-taiga-snap-screen],#finish[data-taiga-snap-screen],#process[data-taiga-snap-screen]{display:flex;align-items:center;padding-top:clamp(22px,3.2vh,42px)!important;padding-bottom:clamp(22px,3.2vh,42px)!important}
  #configurator[data-taiga-snap-screen]>.container,#profiles[data-taiga-snap-screen]>.container,#system[data-taiga-snap-screen]>.container,#finish[data-taiga-snap-screen]>.container,#process[data-taiga-snap-screen]>.container{width:100%}

  #configurator[data-taiga-snap-screen]{align-items:flex-start;padding-top:18px!important;padding-bottom:18px!important}
  #configurator .config-shell{margin-top:0!important}

  #profiles .section-head,#system .section-head,#process .section-head{margin-bottom:clamp(14px,2vh,24px)!important}
  #profiles .section-head h2,#system .section-head h2,#process .section-head h2{font-size:clamp(34px,3.35vw,54px)!important;line-height:.96!important}
  #profiles .section-head p,#system .section-head p,#process .section-head p{font-size:14px!important;line-height:1.48!important}

  #profiles .profile-showcase-grid{gap:14px!important}
  #profiles .profile-showcase-card{padding:18px!important;border-radius:20px!important}
  #profiles .profile-showcase-head{margin-bottom:6px!important}
  #profiles .profile-showcase-diagram{height:clamp(108px,16vh,142px)!important;padding:14px 18px!important;margin:7px 0 12px!important}
  #profiles .profile-showcase-card h3{font-size:clamp(20px,1.55vw,28px)!important;margin:0 0 7px!important}
  #profiles .profile-showcase-card p{font-size:12px!important;line-height:1.42!important;margin-bottom:10px!important}
  #profiles .profile-tags{gap:5px!important;margin-bottom:11px!important}
  #profiles .profile-tags span{font-size:9px!important;padding:6px 8px!important}
  #profiles .profile-showcase-action{min-height:40px!important;padding-top:8px!important;padding-bottom:8px!important}

  #system .feature-grid{gap:14px!important}
  #system .feature-card::before{height:clamp(136px,19vh,176px)!important}
  #system .feature-card>div{padding:15px 17px 18px!important}
  #system .feature-card h3{font-size:19px!important;margin-bottom:6px!important}
  #system .feature-card p{font-size:11px!important;line-height:1.45!important}

  #finish .architect-block{max-height:calc(100svh - var(--taiga-snap-header) - 58px);min-height:0!important}
  #finish .architect-photo{min-height:300px!important}
  #finish .architect-copy{padding:28px 34px!important}
  #finish .architect-copy h2{font-size:clamp(34px,3.4vw,50px)!important;margin:8px 0 12px!important}
  #finish .architect-copy p{font-size:14px!important;line-height:1.45!important;margin-bottom:14px!important}

  #process .process-grid{gap:14px!important}
  #process .process-step::before{height:clamp(124px,17vh,154px)!important}
  #process .process-step{padding-bottom:16px!important}
  #process .process-step small{margin-top:12px!important;margin-bottom:6px!important}
  #process .process-step h3{font-size:19px!important;margin-bottom:5px!important}
  #process .process-step p{font-size:11px!important;line-height:1.43!important}

  .taiga-snap-nav{position:fixed;z-index:80;right:clamp(18px,2vw,32px);top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:10px;padding:12px 9px;border:1px solid rgba(25,25,22,.10);border-radius:999px;background:rgba(248,244,236,.72);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 12px 34px rgba(35,27,19,.08)}
  .taiga-snap-nav button{position:relative;width:10px;height:10px;padding:0;border:0;border-radius:50%;background:rgba(24,24,21,.28);cursor:pointer;transition:transform .18s ease,background .18s ease}
  .taiga-snap-nav button:hover{transform:scale(1.25);background:rgba(24,24,21,.58)}
  .taiga-snap-nav button.is-active{transform:scale(1.35);background:#171715}
  .taiga-snap-nav button span{position:absolute;right:22px;top:50%;transform:translateY(-50%) translateX(4px);padding:7px 9px;border-radius:9px;background:#171715;color:#fff;font-size:10px;font-weight:800;line-height:1;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .16s ease,transform .16s ease}
  .taiga-snap-nav button:hover span,.taiga-snap-nav button:focus-visible span{opacity:1;transform:translateY(-50%) translateX(0)}
  .taiga-snap-nav button:focus-visible{outline:2px solid #171715;outline-offset:4px}
}

@media (min-width:1101px) and (min-height:760px){
  html.taiga-snap-ready{scroll-snap-type:y mandatory}
}

@media (min-width:1101px) and (max-height:759px){
  html.taiga-snap-ready{scroll-snap-type:y proximity}
  [data-taiga-snap-screen]{scroll-snap-stop:normal}
  .taiga-snap-nav{right:14px}
}

@media (max-width:1100px){
  html.taiga-snap-ready{scroll-snap-type:none!important;scroll-padding-top:0!important}
  [data-taiga-snap-screen]{min-height:0!important;scroll-snap-align:none!important;scroll-margin-top:0!important}
  .taiga-snap-nav{display:none!important}
}

@media (prefers-reduced-motion:reduce){
  html.taiga-snap-ready{scroll-snap-type:y proximity}
  .taiga-snap-nav button,.taiga-snap-nav button span{transition:none}
}