/* Финальный экран, тестовая копия: мамы в ряд сверху, слайдер букетов */
#sc-final .mom-i{width:clamp(58px,17vw,78px);margin:0 -5px}
#sc-final .mom-i img{width:100%;height:auto;display:block}
#sc-final .mom-i.empty{transform:none;opacity:.9}
#sc-final .moms{align-items:flex-end;-webkit-mask-image:linear-gradient(180deg,#000 80%,transparent 100%);mask-image:linear-gradient(180deg,#000 80%,transparent 100%)}
#sc-final .moms .mom-i:nth-child(n){transform:none}
/* слайдер: на всю ширину, один букет в центре, соседние выглядывают; название сверху и цена снизу — одни на всех, меняются по центральному */
#sc-final .fw-box{width:calc(100% + 36px);max-width:none;margin:0 -18px}
#sc-final .bq-glass{padding:0;background:none;box-shadow:none;display:flex;flex-direction:column;align-items:center;gap:2px}
#sc-final .bq-title{min-height:1.2em;padding:0 20px;font:700 20px/1.15 var(--sans);color:var(--plum);text-align:center}
#sc-final .bq-price{display:block;padding:8px 20px;border-radius:999px;background:#FDD9C2;box-shadow:0 2px 0 rgba(255,255,255,.55) inset,0 6px 12px rgba(190,95,60,.2);font:800 20px/1 var(--sans);color:var(--plum);min-width:120px;text-align:center}
#sc-final #f-bq.bq{display:flex;gap:0;grid-template-columns:none;align-items:center;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;width:100%;margin:0;padding:0 20% 0;scroll-padding:0}
#sc-final #f-bq.bq::-webkit-scrollbar{display:none}
#sc-final #f-bq .bq-c,#sc-final #f-bq .bq-c:nth-child(n){flex:none;width:60%;min-width:0;height:auto;scroll-snap-align:center;scroll-snap-stop:always;padding:0;margin:0;border:0;border-radius:0;background:none!important;box-shadow:none!important;overflow:visible;
  transform:scale(.86);opacity:.92;transition:transform .25s,opacity .25s;cursor:pointer}
#sc-final #f-bq .bq-c.sel{transform:scale(1);opacity:1}
#sc-final #f-bq .bq-c .im,#sc-final #f-bq .bq-c:nth-child(n) .im{width:100%;height:clamp(112px,15.5vh,170px);background:none!important;overflow:visible;position:relative}
#sc-final #f-bq .bq-c .im img{position:absolute;left:0;top:0;width:100%;height:100%;padding:0;object-fit:contain;filter:drop-shadow(0 8px 10px rgba(150,70,50,.22))}
#sc-final #f-bq .bq-c .im::after{display:none}
#sc-final .bq-dots{display:flex;gap:6px;justify-content:center;margin-top:2px}
#sc-final .bq-dots i{width:6px;height:6px;border-radius:50%;background:rgba(55,10,40,.22);transition:.2s}
#sc-final .bq-dots i.on{width:16px;border-radius:3px;background:var(--coral)}
/* нижняя группа кнопок прижата к низу экрана */
#sc-final .fin-in{justify-content:flex-start}
#sc-final #f-order{margin-top:auto}
/* компактнее, чтобы финал помещался на экран без сжатия (fitFinal в screens.js) */
#sc-final .fin-t{font-size:clamp(24px,3.05vh,30px)}
#sc-final .fin-t .sc{font-size:clamp(40px,5vh,50px)}
/* слайдер забирает всё свободное место между плашкой и кнопкой заказа: букет растёт, воздух распределён вокруг названия и цены */
#sc-final .fw-box{flex:1 1 auto;display:flex;flex-direction:column;min-height:0}
#sc-final .bq-glass{flex:1 1 auto;justify-content:space-evenly;gap:0;width:100%;min-height:0}
#sc-final .bq-title{padding-top:2px;padding-bottom:6px}
#sc-final .bq-price{margin-top:8px}
#sc-final .bq-dots{margin-top:8px;margin-bottom:2px}
#sc-final #f-bq.bq{flex:1 1 auto;align-items:stretch;min-height:0}
#sc-final #f-bq .bq-c,#sc-final #f-bq .bq-c:nth-child(n){display:flex;flex-direction:column;justify-content:center}
#sc-final #f-bq .bq-c .im,#sc-final #f-bq .bq-c:nth-child(n) .im{flex:1 1 auto;height:auto;min-height:128px;max-height:320px}
/* v19: акцент на центральном букете, зазор мам и плашки, спокойнее заголовок */
#sc-final #f-bq .bq-c,#sc-final #f-bq .bq-c:nth-child(n){transform:scale(.78);opacity:.8}
#sc-final #f-bq .bq-c.sel,#sc-final #f-bq .bq-c.sel:nth-child(n){transform:scale(1);opacity:1}
#sc-final .moms{margin-bottom:-4px;-webkit-mask-image:linear-gradient(180deg,#000 86%,transparent 100%);mask-image:linear-gradient(180deg,#000 86%,transparent 100%)}
#sc-final .fin-t::before,#sc-final .fin-t::after{display:none}
#sc-final .mom-i.empty img{filter:saturate(1.25) brightness(.92)}
#sc-final .bq-dots i{width:8px;height:8px;background:rgba(55,10,40,.3)}
#sc-final .bq-dots i.on{width:22px;border-radius:4px;background:var(--coral)}
/* v20: общая линия низа у букетов, центр на ~10% меньше, цена и название ближе; кнопки спокойнее и единообразнее ("Еще раз" не трогаем) */
#sc-final #f-bq .bq-c,#sc-final #f-bq .bq-c:nth-child(n){transform-origin:50% 100%;transform:scale(.88);opacity:.85;width:58%;justify-content:flex-end}
#sc-final #f-bq .bq-c.sel,#sc-final #f-bq .bq-c.sel:nth-child(n){transform:scale(1);opacity:1}
#sc-final #f-bq.bq{padding:0 21%}
#sc-final #f-bq .bq-c .im,#sc-final #f-bq .bq-c:nth-child(n) .im{min-height:116px;max-height:290px}
#sc-final .bq-glass{justify-content:center;gap:0}
#sc-final .bq-title{padding-bottom:2px}
#sc-final .bq-price{margin-top:-2px;padding:7px 18px;font-size:19px}
#sc-final .bq-dots{margin-top:7px}
#sc-final #f-order{margin-top:auto;height:clamp(48px,6vh,54px);font-weight:600;font-size:18px}
#sc-final .row3 .btn.small{height:clamp(42px,5vh,46px);justify-content:flex-start;gap:10px;padding:0 12px 0 14px;font:600 13px/1.15 var(--sans);background:rgba(255,246,238,.72);box-shadow:inset 0 0 0 1px rgba(190,110,90,.30)}
#sc-final .row3 .btn.small svg{width:22px;height:22px;flex:none}
#sc-final .row3 .btn.small:active{background:rgba(255,236,224,.9)}
/* v21: без пагинации; по краям слайдера дымка — соседние букеты растворяются в фоне */
#sc-final .bq-dots{display:none}
#sc-final #f-bq.bq{-webkit-mask-image:linear-gradient(90deg,transparent 0,rgba(0,0,0,.55) 7%,#000 17%,#000 83%,rgba(0,0,0,.55) 93%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,rgba(0,0,0,.55) 7%,#000 17%,#000 83%,rgba(0,0,0,.55) 93%,transparent 100%)}
/* v22: формат как на референсе — крупная цена без плашки, прозрачные точки между букетом и ценой, соседние букеты уходят за края */
#sc-final .bq-dots{display:flex;gap:6px;justify-content:center;margin:6px 0 2px}
#sc-final .bq-dots i{width:8px;height:8px;border-radius:4px;background:rgba(55,10,40,.16);transition:width .2s,background .2s}
#sc-final .bq-dots i.on{width:22px;background:rgba(55,10,40,.34)}
#sc-final .bq-price{margin-top:0;padding:2px 0 0;background:none;box-shadow:none;border-radius:0;font:800 clamp(24px,3.4vh,30px)/1.1 var(--sans);color:var(--plum);min-width:0}
#sc-final #f-bq .bq-c,#sc-final #f-bq .bq-c:nth-child(n){width:56%}
#sc-final #f-bq.bq{padding:0 22%;-webkit-mask-image:linear-gradient(90deg,rgba(0,0,0,.4) 0,#000 12%,#000 88%,rgba(0,0,0,.4) 100%);mask-image:linear-gradient(90deg,rgba(0,0,0,.4) 0,#000 12%,#000 88%,rgba(0,0,0,.4) 100%)}