/* Compact process, direct image comparison, reviews and navigation polish. */
.logo img{width:176px}
.header-inner{gap:16px}
.visual-section{padding:74px 0;background:radial-gradient(circle at 12% 65%,#426962 0,#2b504c 48%,#24443f 100%)}
.visual-section .visual-grid{grid-template-columns:.87fr 1.13fr;gap:6%;align-items:center}
.visual-section .visual-card{min-height:455px;overflow:hidden;border-radius:15px;box-shadow:0 24px 50px #102d2a60}
.visual-card img{transition:transform .7s ease}
.visual-card:hover img{transform:scale(1.035)}
.visual-card-caption{position:absolute;right:0;bottom:0;left:0;display:flex;align-items:baseline;gap:13px;padding:45px 22px 19px;background:linear-gradient(transparent,#0b2c25c9);color:#fff}
.visual-card-caption strong{font:italic 39px Georgia,serif;color:#d9aa82;line-height:1}
.visual-card-caption span{font-size:13px;font-weight:700}
.visual-section .visual-card>span{top:15px;left:15px;bottom:auto;border-radius:3px}
.visual-section .visual-copy{padding:0}
.visual-section .visual-copy h2{font-size:clamp(36px,3.4vw,52px);margin-top:11px}
.visual-section .process-intro{margin:12px 0 23px;color:#d6e7de;font-size:14px}
.process-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;margin-bottom:15px}
.process-tab{min-width:0;display:grid;justify-items:start;gap:3px;padding:11px 8px;border:1px solid #acc3b174;background:#ffffff09;color:#dcebe3;border-radius:6px;cursor:pointer;font-size:11px;font-weight:700;line-height:1.3;overflow-wrap:anywhere;text-align:left;transition:background .2s,transform .2s,border-color .2s}
.process-tab span{font:italic 20px Georgia,serif;color:#d9aa82}
.process-tab:hover{transform:translateY(-3px);background:#ffffff18}
.process-tab.is-active{background:#fbf9f3;border-color:#fbf9f3;color:#193d34;box-shadow:0 9px 24px #0e332b50}
.process-tab.is-active span{color:#9d6a43}
.process-panel{min-height:170px;padding:18px 21px;background:#ffffff12;border:1px solid #d4e3d329;border-radius:8px;animation:panel-in .3s ease both}
.process-panel[hidden]{display:none}
.process-panel .stage-number{color:#d9aa82;font-size:10px;letter-spacing:.16em;font-weight:800}
.process-panel h3{font:normal 24px/1.18 Georgia,serif;margin:8px 0 9px}
.process-panel p{font-size:13px;line-height:1.65;color:#e3ede6;margin:0}
.process-bottom{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:15px}
.process-bottom small{max-width:220px;color:#d6e7dc;font-size:11px;line-height:1.5}
.process-bottom .button{min-height:45px;padding:9px 13px;font-size:12px;gap:8px;white-space:nowrap}
@keyframes panel-in{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
.compare-frame{cursor:ew-resize;touch-action:none;user-select:none;-webkit-user-select:none}
.compare-frame img{pointer-events:none}
.compare-frame .compare-line{transition:left .04s linear}
.compare-range{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;opacity:0;pointer-events:none}
.compare-frame:focus-within .compare-line:after{outline:3px solid #b87749;outline-offset:4px}
.comparison figcaption{font-size:12px}
.faq-item summary{transition:color .2s,padding-left .2s}
.faq-item summary:hover{color:#a87349;padding-left:5px}
.faq-item[open] summary{color:#2b504c}
.review-section{overflow:hidden}
.review-toolbar{display:flex;justify-content:space-between;align-items:center;margin:-8px 0 15px}
.review-count{font:italic 19px Georgia,serif;color:#956941}
.review-arrows{display:flex;gap:8px}
.review-arrows button{width:42px;height:42px;border-radius:50%;border:1px solid #9eb3a4;background:#fff;color:#23483d;font-size:20px;cursor:pointer;transition:background .2s,color .2s,transform .2s}
.review-arrows button:hover{background:#23483d;color:#fff;transform:scale(1.07)}
.review-track{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:4px 2px 24px;overscroll-behavior-x:contain}
.review-track::-webkit-scrollbar{display:none}
.review-track .review-card{flex:0 0 calc((100% - 36px)/3);scroll-snap-align:start;min-height:310px}
.review-track .review-card:before{content:'ПЕРЕКАЗ ВІДГУКУ';margin-bottom:13px}
.review-track .review-card>p{font:normal 17px/1.52 Georgia,serif}
.review-track .review-card footer{display:flex;flex-direction:column;align-items:flex-start}
.review-track .review-card footer span{text-align:left;line-height:1.45}
.review-track .review-mark{font-size:44px;height:34px}
.review-note{font-size:11px;color:#668071;margin:0}
.back-to-top{position:fixed;z-index:12;right:22px;bottom:25px;width:50px;height:50px;border:1px solid #d9e5da;border-radius:50%;background:#2b504c;color:#fff;box-shadow:0 12px 27px #143b325c;display:grid;place-items:center;cursor:pointer;opacity:0;visibility:hidden;transform:translateY(13px);transition:opacity .25s,transform .25s,visibility .25s,background .25s}
.back-to-top.is-visible{opacity:1;visibility:visible;transform:translateY(0)}
.back-to-top:hover{background:#a87349;transform:translateY(-3px)}
@media(max-width:1180px){.logo img{width:162px}.header-inner{gap:13px}}
@media(max-width:990px){.visual-section .visual-grid{gap:4%}.visual-section .visual-card{min-height:470px}.visual-section .visual-copy h2{font-size:39px}.process-tab{font-size:10px}.process-bottom{align-items:flex-start;flex-direction:column}.review-track .review-card{flex-basis:calc((100% - 18px)/2)}}
@media(max-width:760px){.logo img{width:154px}.visual-section{padding:0 0 64px}.visual-section .visual-grid{grid-template-columns:1fr;gap:26px}.visual-section .visual-card{min-height:255px;border-radius:0 0 12px 12px}.visual-card-caption{padding-top:22px}.visual-section .visual-copy h2{font-size:clamp(37px,8vw,50px)}.process-tabs{gap:5px}.process-tab{font-size:10px}.process-panel{min-height:155px}.process-bottom{flex-direction:row;align-items:center}.review-track .review-card{flex-basis:min(390px,78vw)}}
@media(max-width:570px){.visual-section .visual-card{min-height:250px}.visual-section .visual-copy h2{font-size:39px}.process-tab{padding:9px 5px;font-size:9px}.process-tab span{font-size:17px}.process-panel{padding:16px;min-height:180px}.process-panel h3{font-size:22px}.process-bottom{flex-direction:column;align-items:stretch}.process-bottom small{max-width:none}.process-bottom .button{align-self:flex-start}.review-track .review-card{flex-basis:min(340px,86vw);min-height:300px}.back-to-top{bottom:77px;right:16px;width:46px;height:46px}}
@media(prefers-reduced-motion:reduce){.process-panel{animation:none}.visual-card img,.process-tab,.back-to-top,.review-arrows button{transition:none}}