/* TAIGA glued-panel corrective UI — 2026-09-05 v7 */

/* HERO — real product visible again, no micro callouts */
.hx{overflow:hidden}
.hx-prod{left:40%;right:4%;top:13%;height:57%;display:grid;place-items:center;isolation:isolate}
.hx-prod>img{opacity:1!important;pointer-events:none!important;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;object-position:center!important;transform:none!important;filter:drop-shadow(0 24px 32px rgba(59,40,24,.14))}
.hx-prod::before{content:none!important;display:none!important}
.hx-prod>.hx-texture,.hx-prod>.hx-thick,.hx-prod>.hx-width,.hx-note{display:none!important}

/* Hero profile selector — show the whole real contour, never crop it */
.hx-thumb{height:58px;padding:6px 8px;box-sizing:border-box;overflow:hidden}
.hx-thumb img{width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;object-position:center!important;transform:none!important;transform-origin:center!important}
.hx-thumb svg{width:100%;height:100%}

/* Profile cards — readable but not over-zoomed */
.profile-diagram,.profile-showcase-diagram{box-sizing:border-box;overflow:hidden;background:#f6f1e8;border-radius:16px}
.profile-diagram{height:122px!important;padding:12px 14px!important;margin:8px 0 14px!important}
.profile-showcase-diagram{height:178px!important;padding:12px 16px!important;margin:10px 0 18px!important}
.profile-diagram img,.profile-showcase-diagram img{width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;object-position:center!important;transform:none!important;transform-origin:center!important}
#profiles .profile-showcase-card{overflow:hidden}

/* Room calculator — compact tabs + one editor */
.rooms-list{display:grid;gap:10px}
.room-tabs{display:flex;gap:8px;overflow-x:auto;padding:0 0 2px;scroll-snap-type:x proximity;scrollbar-width:thin}
.room-tab{flex:0 0 172px;min-width:0;border:1px solid var(--line);border-radius:15px;background:#f7f3eb;color:var(--ink);padding:10px 12px;display:grid;grid-template-columns:28px minmax(0,1fr);grid-template-areas:"index name" "index area";column-gap:8px;row-gap:2px;align-items:center;text-align:left;cursor:pointer;scroll-snap-align:start;transition:border-color .18s ease,background .18s ease,color .18s ease,transform .18s ease}
.room-tab:hover{transform:translateY(-1px);border-color:#9c9388}.room-tab.is-active{background:#151514;color:#fff;border-color:#151514}
.room-tab-index{grid-area:index;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:rgba(0,0,0,.06);font-size:9px;font-weight:900;letter-spacing:.04em}.room-tab.is-active .room-tab-index{background:rgba(255,255,255,.14)}
.room-tab-name{grid-area:name;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:800}.room-tab-area{grid-area:area;font-size:10px;color:var(--muted);white-space:nowrap}.room-tab.is-active .room-tab-area{color:#d7d4cf}
.room-card.room-card-editor{padding:14px 16px;border-radius:17px}.room-card-editor .room-card-head{margin-bottom:10px}.room-card-editor .room-card-head small{margin-bottom:3px}.room-card-editor .room-name-input{font-size:18px;max-width:360px}.room-card-editor .room-fields{gap:8px}.room-card-editor .room-card-foot{margin-top:10px;padding-top:10px}.rooms-toolbar{margin-top:10px;gap:10px}

/* System cards — sharper task-specific imagery */
.feature-grid{align-items:stretch}
.feature-card{position:relative;display:block!important;padding:0!important;overflow:hidden;border-radius:22px;min-height:0!important}
.feature-card::before{content:"";display:block;width:100%;height:178px;background-size:cover;background-position:center;background-repeat:no-repeat}
.feature-card:nth-child(1)::before{background-image:url('/configurator/preview/_glued-products/assets/glued-panel-hero-profile-final.webp?v=20260905-7');background-size:contain;background-color:#f4eee5}
.feature-card:nth-child(2)::before{background-image:url('https://v3b.fal.media/files/b/0aa93b43/a5uSP8C2t4RNlnUQ3RvYA_taiga-glued-color-v5.webp')}
.feature-card:nth-child(3)::before{background-image:url('https://v3b.fal.media/files/b/0aa93ad8/Oew01wNtxvNLvo822U731_taiga-glued-mount-v5.webp')}
.feature-card:nth-child(4)::before{background-image:url('https://v3b.fal.media/files/b/0aa93ab8/Yz7YYqmz6ebRAYSCP30YU_taiga-glued-nodes-v5.webp')}
.feature-card>.feature-icon{display:none!important}
.feature-card>.feature-number{position:absolute;z-index:2;top:14px;left:14px;margin:0!important;padding:7px 9px;border-radius:999px;background:rgba(255,255,255,.92);backdrop-filter:blur(8px);color:#171716!important}
.feature-card>div{padding:18px 20px 22px!important}
.feature-card h3{margin:0 0 7px!important}.feature-card p{margin:0!important}

/* Technology block — compact, sharper editorial photo */
#finish.section{padding-top:48px!important;padding-bottom:48px!important}
#finish .architect-block{min-height:0!important;display:grid!important;grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr)!important;border-radius:24px!important;overflow:hidden}
#finish .architect-photo{min-height:340px!important;height:auto!important;background:url('https://v3b.fal.media/files/b/0aa93af4/kaTAiBM4-ojjaQcFBQpO9_taiga-glued-technology-v5.webp') center/cover no-repeat!important}
#finish .architect-photo img{display:none!important}
#finish .architect-copy{padding:34px 40px!important;align-self:center}
#finish .architect-copy h2{font-size:clamp(32px,3vw,48px)!important;line-height:.98!important;margin:9px 0 14px!important}
#finish .architect-copy p{font-size:15px!important;line-height:1.5!important;margin:0 0 17px!important}
#finish .architect-badges{margin-bottom:18px!important}

/* Customer path — crisp image-led steps */
.process-grid{align-items:stretch}
.process-step{position:relative;padding:0 0 20px!important;overflow:hidden;border-radius:19px;min-height:0!important}
.process-step::before{content:"";display:block;width:100%;height:150px;background-size:cover;background-position:center;background-repeat:no-repeat}
.process-step:nth-child(1)::before{background-image:url('https://v3b.fal.media/files/b/0aa93afc/HUP2HkZ794FDvT_Dc61QK_taiga-glued-sizes-v5.webp')}
.process-step:nth-child(2)::before{background-image:url('/configurator/preview/_glued-products/assets/glued-panel-hero-profile-final.webp?v=20260905-7');background-size:contain;background-color:#f4eee5}
.process-step:nth-child(3)::before{background-image:url('https://v3b.fal.media/files/b/0aa93acb/KqmpSIzI5ToDBnlP95go0_taiga-glued-kit-v5.webp')}
.process-step:nth-child(4)::before{background-image:url('https://v3b.fal.media/files/b/0aa93b06/vG1F6FVtlIQsV86_VhqhD_taiga-glued-result-v5.webp')}
.process-step small,.process-step h3,.process-step p{margin-left:18px!important;margin-right:18px!important}
.process-step small{display:inline-block;margin-top:15px!important;margin-bottom:8px!important}.process-step h3{margin-top:0!important;margin-bottom:7px!important}.process-step p{margin-top:0!important;margin-bottom:0!important}

/* Final CTA — actual product photo instead of decorative brown slats */
.final-cta{position:relative!important;overflow:hidden!important;background:#c69a77!important;background-image:none!important;isolation:isolate}
.final-cta::before{content:""!important;display:block!important;position:absolute!important;inset:0!important;z-index:0!important;background:linear-gradient(90deg,#c69a77 0%,#c69a77 47%,rgba(198,154,119,.92) 56%,rgba(198,154,119,.34) 72%,rgba(198,154,119,.08) 100%)!important;pointer-events:none!important}
.final-cta::after{content:""!important;display:block!important;position:absolute!important;z-index:-1!important;top:0!important;right:0!important;bottom:0!important;width:55%!important;background:url('/configurator/preview/_glued-products/assets/glued-panel-hero-profile-final.webp?v=20260905-7') center/cover no-repeat!important;pointer-events:none!important}
.final-cta-inner{position:relative!important;z-index:2!important}

/* Desktop configurator — fit into a working viewport */
@media (min-width:1101px){
  #configurator.section{padding-top:22px;padding-bottom:30px}
  #configurator>.container>.section-head{display:none!important}
  #configurator .config-shell{align-items:start;gap:18px}
  #configurator .config-main{min-height:0}
  #configurator .config-topbar{padding-top:14px;padding-bottom:11px}
  #configurator .config-content{padding-top:14px;padding-bottom:10px}
  #configurator .config-panel>h3{margin-bottom:5px;font-size:25px}
  #configurator .config-panel>h3+p{margin-top:0;margin-bottom:10px;font-size:13px;line-height:1.42}
  #configurator .profile-config-note{margin-top:9px!important;padding-top:10px;padding-bottom:10px}
  #configurator .profile-config-note p{margin-top:3px;margin-bottom:0}
  #configurator .config-footer{padding-top:9px;padding-bottom:11px}
  #configurator .config-summary{position:sticky;top:96px;align-self:start;max-height:calc(100svh - 110px);overflow:auto;scrollbar-width:thin}
  #configurator .config-summary>.summary-visual{display:none!important}
  #configurator .summary-head{padding-top:15px;padding-bottom:11px}
  #configurator .summary-line{padding-top:6px;padding-bottom:6px}
  #configurator .summary-total{padding-top:12px}
  #configurator .summary-total>strong{font-size:32px}
  #configurator .summary-actions{margin-top:12px}
  #configurator .summary-actions .button.outline{display:none}
}

/* Cross-browser / Yandex-friendly intermediate desktop widths */
@media (max-width:1780px) and (min-width:1101px){
  .hx-headin{gap:12px!important}
  .hx-nav{gap:20px!important}
  .hx-nav a{font-size:13px!important;white-space:nowrap}
  .hx-cfg{padding-left:26px!important;padding-right:26px!important;white-space:nowrap}
  .hx-pro{gap:7px!important;min-width:0!important}
  .hx-pro>span:last-child{font-size:11px!important;line-height:1.05!important}
  .hx-phone{font-size:13px!important;white-space:nowrap}
  .hx-copy{left:4.5%!important;width:37%!important}
  .hx-prod{left:43%!important;right:2.5%!important;top:14%!important;height:54%!important}
  .hx-bottom{left:4.5%!important;right:3%!important}
}
@media (max-width:1500px) and (min-width:1101px){
  .hx-nav{gap:13px!important}.hx-nav a{font-size:12px!important}
  .hx-pro>span:last-child{display:none!important}.hx-pro{width:50px!important;min-width:50px!important;justify-content:center!important}
  .hx-phone{font-size:12px!important}
  .hx-prod{left:44%!important;right:1%!important;height:52%!important}
}

@media (max-width:1100px){
  #finish .architect-block{grid-template-columns:1fr!important}
  #finish .architect-photo{min-height:280px!important}
  .feature-card::before{height:160px}.process-step::before{height:140px}
  .final-cta::after{width:62%!important;opacity:.72}
  .final-cta::before{background:linear-gradient(90deg,#c69a77 0%,#c69a77 58%,rgba(198,154,119,.64) 78%,rgba(198,154,119,.20) 100%)!important}
}
@media (max-width:900px){
  .hx-prod{position:relative;left:auto!important;right:auto!important;top:auto!important;height:330px!important;margin:14px -14px 0 14px;display:grid}
  .hx-thumb{height:52px;padding:6px 7px}
  .room-tabs{margin-right:-10px;padding-right:10px}.room-tab{flex-basis:154px}
  #finish.section{padding-top:34px!important;padding-bottom:34px!important}
  #finish .architect-copy{padding:26px!important}
  .final-cta::after{width:100%!important;opacity:.34;background-position:center!important}
  .final-cta::before{background:rgba(198,154,119,.82)!important}
}
@media (max-width:780px){.room-card.room-card-editor{padding:14px}.room-card-editor .room-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.room-tab{flex-basis:148px}.profile-showcase-diagram{height:150px!important;padding:12px!important}}
@media (max-width:620px){.hx-prod{height:290px!important;margin-right:-20px}.room-card-editor .room-name-input{max-width:220px;font-size:17px}.feature-card::before{height:148px}.process-step::before{height:132px}}