/* FARBALAND 13.10.2026: плагин "Квиз подбора" - плитка в сетке товаров. 14.10: версия 2 */
.fhquiz-item{display:flex;box-sizing:border-box}
.fhq{--q-ink:var(--fc-ink,#1E3A4F);--q-main:var(--fc-main,#2D9CDB);--q-light:var(--fc-light,#EBF8FF);--q-soft:var(--fc-soft,#F4F5F7);--q-line:var(--fc-line,#E6E8EB);--q-mute:#5B6B78;
  position:relative;width:100%;min-height:520px;height:100%;border-radius:18px;overflow:hidden;background:#fff;border:1px solid var(--q-line);
  box-sizing:border-box;font-family:var(--fc-font,inherit);color:var(--q-ink);font-size:15px;line-height:1.35;text-align:left}
.fhq *,.fhq *:before,.fhq *:after{box-sizing:border-box}
.fhq button{font-family:inherit;color:inherit}
.fhq-stage{position:absolute;inset:0;overflow:hidden}
.fhq-slide{position:absolute;inset:0;display:flex;flex-direction:column;background:#fff}
.fhq-in-next{animation:fhqInN .32s cubic-bezier(.2,.7,.2,1)}
.fhq-in-back{animation:fhqInB .32s cubic-bezier(.2,.7,.2,1)}
.fhq-out-next{animation:fhqOutN .32s cubic-bezier(.2,.7,.2,1) forwards}
.fhq-out-back{animation:fhqOutB .32s cubic-bezier(.2,.7,.2,1) forwards}
@keyframes fhqInN{from{transform:translateX(100%)}to{transform:none}}
@keyframes fhqInB{from{transform:translateX(-100%)}to{transform:none}}
@keyframes fhqOutN{to{transform:translateX(-100%)}}
@keyframes fhqOutB{to{transform:translateX(100%)}}
@media (prefers-reduced-motion:reduce){.fhq-in-next,.fhq-in-back,.fhq-out-next,.fhq-out-back{animation:none}.fhq-out-next,.fhq-out-back{display:none}}

/* вступ */
.fhq-intro{flex:1;display:flex;flex-direction:column;justify-content:flex-end;background:var(--q-ink) center/cover no-repeat;color:#fff;position:relative}
.fhq-intro.has-img:before{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(20,40,55,.9) 0,rgba(20,40,55,.55) 45%,rgba(20,40,55,0) 75%)}
.fhq-intro-art{flex:1;display:flex;align-items:center;justify-content:center;color:#BFE3F7;opacity:.9}
.fhq-intro-body{position:relative;padding:22px 20px 22px;display:flex;flex-direction:column;gap:10px}
.fhq-kicker{font-size:13px;letter-spacing:1.2px;text-transform:uppercase;color:#BFE3F7}
.fhq-intro-title{font-size:26px;line-height:1.15;font-weight:600;color:#fff}
.fhq-intro-text{font-size:16px;line-height:1.4;color:#E3ECF2}

/* кнопки */
.fhq-btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 20px;border-radius:24px;border:0;background:var(--q-ink);color:#fff!important;font-size:16px;font-weight:500;cursor:pointer;text-decoration:none!important;width:100%}
.fhq-btn:hover{background:#0C3C57}
.fhq-btn-light{background:#fff;color:var(--q-ink)!important;margin-top:6px}
.fhq-btn-light:hover{background:var(--q-light)}
.fhq-btn-s{width:auto;min-height:40px;padding:0 16px;font-size:15px;white-space:nowrap}
.fhq-btn.is-done{background:#fff;color:var(--q-ink)!important;border:1px solid var(--q-ink)}
.fhq-btn:disabled{opacity:.6;cursor:default}

/* вопрос */
.fhq-panel{flex:1;overflow-y:auto;padding:18px 16px 12px;display:flex;flex-direction:column;gap:10px;scrollbar-width:thin}
.fhq-step{font-size:13px;color:var(--q-mute)}
.fhq-q{font-size:21px;font-weight:600;line-height:1.2}
.fhq-tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.fhq-tile{display:flex;flex-direction:column;padding:0;border:1px solid var(--q-line);border-radius:14px;overflow:hidden;background:#fff;cursor:pointer;min-height:118px;text-align:left}
.fhq-tile:hover{border-color:var(--q-ink)}
.fhq-tile.is-on{border:2px solid var(--q-ink)}
.fhq-tile-pic{flex:1;min-height:70px;display:flex;align-items:center;justify-content:center;color:var(--q-ink)}
.fhq-tiles.is-many .fhq-tile{min-height:96px}
.fhq-tiles.is-many .fhq-tile-pic{min-height:52px}
.fhq-tiles.is-many .fhq-tile-pic svg{width:32px;height:32px}
.fhq-tiles-color .fhq-tile{min-height:190px}
.fhq-pic-img{background-size:cover;background-position:center}
.fhq-tile-l{display:block;padding:8px 10px;font-size:15px;line-height:1.25}
.fhq-tile-l small,.fhq-row-t small{display:block;font-size:13px;color:var(--q-mute);margin-top:2px}
.fhq-list{display:flex;flex-direction:column;gap:8px}
.fhq-row{display:flex;align-items:center;gap:12px;width:100%;padding:8px 12px 8px 8px;border:1px solid var(--q-line);border-radius:14px;background:#fff;cursor:pointer;text-align:left;min-height:62px}
.fhq-row:hover{border-color:var(--q-ink)}
.fhq-row.is-on{border:2px solid var(--q-ink);background:var(--q-light)}
.fhq-row-pic{width:46px;height:46px;flex-shrink:0;border-radius:10px;display:flex;align-items:center;justify-content:center;color:var(--q-ink)}
.fhq-row-pic svg{width:30px;height:30px}
.fhq-row-t b{display:block;font-size:16px;font-weight:500}

/* площадь */
.fhq-area{display:flex;flex-direction:column;gap:12px;margin-top:4px}
.fhq-area-row{display:flex;align-items:center;justify-content:space-between;gap:10px}
.fhq-area-val{font-size:18px;color:var(--q-mute);text-align:center;flex:1}
.fhq-area-val b{font-size:40px;font-weight:600;color:var(--q-ink)}
.fhq .fhq-step-btn{width:48px;height:48px;flex-shrink:0;border-radius:50%;border:1px solid var(--q-line);background:var(--q-soft);color:var(--q-ink);display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0}
.fhq .fhq-step-btn:active{background:var(--q-light)}
/* повзунок: свой вид, чтобы стили темы его не прятали */
.fhq input.fhq-range{-webkit-appearance:none!important;appearance:none!important;display:block!important;width:100%!important;height:8px!important;min-height:0!important;margin:16px 0 4px!important;padding:0!important;border:0!important;border-radius:4px!important;box-shadow:none!important;outline:none;cursor:pointer;
  background:linear-gradient(to right,var(--q-ink) 0,var(--q-ink) var(--p,15%),#D3D9DE var(--p,15%),#D3D9DE 100%)!important;touch-action:none}
.fhq input.fhq-range::-webkit-slider-runnable-track{height:8px;background:transparent;border:0}
.fhq input.fhq-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:32px;height:32px;margin-top:-12px;border-radius:50%;background:#fff;border:3px solid var(--q-ink);box-shadow:0 2px 8px rgba(30,58,79,.25)}
.fhq input.fhq-range::-moz-range-track{height:8px;background:transparent;border:0}
.fhq input.fhq-range::-moz-range-thumb{width:26px;height:26px;border-radius:50%;background:#fff;border:3px solid var(--q-ink);box-shadow:0 2px 8px rgba(30,58,79,.25)}
.fhq input.fhq-range:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 4px var(--q-light)}
.fhq-range-lim{display:flex;justify-content:space-between;gap:8px;font-size:12px;color:var(--q-mute)}
.fhq-range-lim span:nth-child(2){text-align:center}
.fhq-need{background:var(--q-light);border-radius:12px;padding:10px 12px;font-size:15px}
.fhq-need span{font-size:13px;color:var(--q-mute)}

/* навигация */
.fhq-nav{flex-shrink:0;height:54px;padding:0 12px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--q-line);background:#fff}
.fhq-back,.fhq-restart{display:flex;align-items:center;gap:4px;min-height:44px;padding:0 8px;border:0;background:none;cursor:pointer;font-size:15px}
.fhq-restart{text-decoration:underline}
.fhq-dots{display:flex;gap:6px;padding-right:6px}
.fhq-dot{display:block;width:8px;height:8px;border-radius:4px;background:#D3D9DE;transition:width .3s}
.fhq-dot.is-done{background:var(--q-ink)}
.fhq-dot.is-on{width:22px;background:var(--q-ink)}

/* результат */
.fhq-res{gap:8px}
.fhq-sum{font-size:14px;color:var(--q-mute);margin-bottom:2px}
.fhq-note{font-size:14px;background:#FFF4DC;border-radius:10px;padding:8px 10px}
.fhq-others{font-size:14px;font-weight:600;margin-top:4px}
.fhq-card{position:relative;display:flex;gap:10px;padding:10px;border-radius:14px;background:var(--q-soft)}
.fhq-card.is-main{background:#fff;border:2px solid var(--q-ink);padding-top:18px;margin-top:16px}
.fhq-badge{position:absolute;top:-1px;left:12px;transform:translateY(-50%);background:var(--q-ink);color:#fff;font-size:12px;padding:2px 10px;border-radius:10px}
.fhq-card-img{width:60px;height:76px;flex-shrink:0;border-radius:10px;background:#F8F8F8;display:flex;align-items:center;justify-content:center;overflow:hidden;color:var(--q-mute)}
.fhq-card-img img{max-width:100%;max-height:100%;object-fit:contain}
.fhq-card.is-main .fhq-card-img{width:72px;height:92px}
.fhq-card-b{min-width:0;flex:1;display:flex;flex-direction:column;gap:3px}
.fhq-card-n{font-size:15px;font-weight:500;line-height:1.25;color:var(--q-ink)!important;text-decoration:none!important}
.fhq-card-n:hover{text-decoration:underline!important}
.fhq-why{font-size:13px;color:#2F6B3F}
.fhq-combo{font-size:13px;color:var(--q-mute)}
.fhq-card-f{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-top:2px;flex-wrap:wrap}
.fhq-prices{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}
.fhq-price{font-size:17px;font-weight:600}
.fhq-price.is-sale{color:var(--fc-sale,#E5484D)}
.fhq-old{font-size:14px;color:var(--q-mute);text-decoration:line-through}
.fhq-card-img{position:relative}
.fhq-off{position:absolute;top:4px;left:4px;background:var(--fc-sale,#E5484D);color:#fff;font-size:11px;font-weight:600;line-height:1;padding:3px 6px;border-radius:8px}
.fhq-save{align-self:flex-start;margin-top:4px;font-size:13px;font-weight:500;color:#1F6B3A;background:#E3F5E9;border-radius:10px;padding:3px 10px}
.fhq-added{font-size:14px;background:#E8F5EC;border-radius:10px;padding:8px 10px}
.fhq-added a{color:var(--q-ink);font-weight:500}
.fhq-help{border-top:1px solid var(--q-line);padding-top:10px;margin-top:2px;display:flex;flex-direction:column;gap:8px}
.fhq-help-t{font-size:15px;font-weight:500}
.fhq-cts{display:grid;grid-template-columns:repeat(auto-fit,minmax(86px,1fr));gap:6px}
.fhq-ct{min-height:44px;border-radius:22px;display:flex;align-items:center;justify-content:center;gap:6px;font-size:14px;font-weight:500;text-decoration:none!important;background:var(--q-soft);color:var(--q-ink)!important}
.fhq-ct-viber{background:#EDE7F6;color:#4A2D7F!important}
.fhq-ct-tg{background:#E3F2FB;color:#0B5A86!important}
.fhq-msg{font-size:12px;color:var(--q-mute)}
.fhq-debug{font-size:12px;background:#FFF8E1;border-radius:8px;padding:6px 8px;margin-top:6px}
.fhq-debug summary{cursor:pointer;font-weight:600}
.fhq-dw{color:#B42318}
.fhq-db{margin-top:4px}

/* телефон: плитка на всю ширину сетки */
@media (max-width:767px){
  .fhquiz-item{grid-column:1/-1;flex:0 0 100%!important;max-width:100%!important;width:100%!important}
  .fhq{min-height:540px}
  .fhq-intro-title{font-size:24px}
}

/* 14.10 v2: подпись под вопросом, кнопки в карточке результата, иконка корзины рядом с "Выбрать цвет" */
.fhq-qsub{font-size:14px;color:var(--q-mute);margin-top:-4px}
.fhq-acts{display:flex;align-items:center;gap:6px;margin-left:auto}
.fhq .fhq-cart-ic{width:40px;height:40px;flex-shrink:0;border-radius:50%;border:1px solid var(--q-ink);background:#fff;color:var(--q-ink);display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0}
.fhq .fhq-cart-ic:hover{background:var(--q-light)}
.fhq .fhq-cart-ic.is-done{background:var(--q-ink);color:#fff}
.fhq .fhq-cart-ic:disabled{opacity:.6;cursor:default}