/* HM custom — shared across all page templates (loaded via head.tpl) */
.products li .inner .text .status > span.few{background:#ffb400;color:#363853}
.products li .inner .text .status > span.none{background:#e24b4a;color:#fff}

.section__content .content a{color:#49a200;text-decoration:underline}
.section__content .content a:hover{color:#363853}

.ccp{float:left;width:340px;max-width:42%;margin:4px 24px 12px 0;border-radius:14px;overflow:hidden}
.ccp img{display:block;width:100%;height:auto;border-radius:14px}
.ccp figcaption{font-size:13px;color:#6b7280;margin-top:7px;line-height:1.35}
@media (max-width:600px){.ccp{float:none;width:100%;max-width:100%;margin:0 0 16px}}

.city-intro{margin:12px 0 0;color:#5f6b76;font-size:16px;line-height:1.6;max-width:920px}
@media (max-width:1023px){.city-intro{font-size:14px}}

.cmp-check{display:inline-flex;align-items:center;gap:5px;background:#fff;border:1px solid #d7dde2;border-radius:8px;padding:4px 8px;cursor:pointer;font-size:12px;color:#5f6b76;margin-left:6px}
.cmp-check__box{width:14px;height:14px;border:1.5px solid #b9c1c8;border-radius:3px;display:inline-block;position:relative;flex:0 0 auto}
.cmp-check.is-on{border-color:#49a200;color:#49a200}
.cmp-check.is-on .cmp-check__box{background:#49a200;border-color:#49a200}
.cmp-check.is-on .cmp-check__box:after{content:"";position:absolute;left:4px;top:1px;width:4px;height:8px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}
#cmp-bar{position:fixed;left:50%;transform:translateX(-50%);bottom:18px;z-index:9999;display:none;align-items:center;gap:14px;background:#363853;color:#fff;padding:10px 18px;border-radius:999px;box-shadow:0 6px 24px rgba(0,0,0,.22);font-size:14px}
.cmp-bar__count{font-weight:600}
.cmp-bar__go{background:#65e100;color:#363853;padding:7px 16px;border-radius:999px;text-decoration:none;font-weight:600}
.cmp-bar__hint{color:#c9cede;font-size:13px}
.cmp-bar__clear{background:none;border:0;color:#c9cede;cursor:pointer;font-size:13px;text-decoration:underline}

.quiz-wrap{margin:10px 0}
.quiz__lead{color:#6b7280;margin:0 0 16px;font-size:15px}
.quiz{background:#f6faf8;border:1px solid #e8eaed;border-radius:14px;padding:18px 20px}
.quiz__step{margin-bottom:16px}
.quiz__q{font-weight:600;color:#363853;margin-bottom:8px;font-size:15px}
.quiz__opts{display:flex;flex-wrap:wrap;gap:8px}
.quiz__opt{display:inline-flex;align-items:center;gap:7px;background:#fff;border:1px solid #d7dde2;border-radius:999px;padding:7px 14px;cursor:pointer;font-size:14px;color:#374151}
.quiz__opt input{accent-color:#49a200}
.quiz__opt:hover{border-color:#49a200}
.quiz__submit{margin-top:6px;background:#49a200;color:#fff;border:0;border-radius:10px;padding:11px 22px;font-size:15px;font-weight:600;cursor:pointer}
.quiz__submit:hover{background:#363853}
.quiz__results{margin-top:18px}
.quiz__found{font-weight:600;color:#363853;font-size:16px;margin-bottom:12px}
.quiz__none{color:#6b7280;font-size:15px}
.quiz-cards{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}
.quiz-card{border:1px solid #e8eaed;border-radius:14px;overflow:hidden;background:#fff;display:flex;flex-direction:column}
.quiz-card__img{display:block;height:140px;overflow:hidden}
.quiz-card__img img{width:100%;height:100%;object-fit:cover}
.quiz-card__b{padding:12px 14px;display:flex;flex-direction:column;gap:6px;flex:1}
.quiz-card__name{color:#49a200;font-weight:600;text-decoration:none;font-size:15px}
.quiz-card__price{color:#111827;font-size:14px}
.quiz-card__meta{color:#5f6b76;font-size:13px}
.quiz-card__act{margin-top:auto;display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding-top:6px}
.quiz-card__more{background:#49a200;color:#fff;text-decoration:none;padding:6px 12px;border-radius:8px;font-size:13px;font-weight:600}
.quiz__restart{margin-top:16px;background:none;border:1px solid #d7dde2;border-radius:10px;padding:9px 18px;cursor:pointer;color:#5f6b76;font-size:14px}

/* HM fixes 1: h2 colors, compare visibility, quiz prominence */
.quiz__h2,.hmap__title,.adoc__title,.cpt__title{color:#363853 !important}
/* quiz block prominence */
.section__quiz .quiz-wrap{background:#eef8f1;border:1px solid #cfe8d8;border-radius:18px;padding:22px 24px}
.quiz__h2{position:relative;padding-left:40px}
.quiz__h2:before{content:"";position:absolute;left:0;top:2px;width:28px;height:28px;background:#49a200;border-radius:8px;-webkit-mask:url("/tpl/images/filter.svg") center/18px no-repeat;mask:url("/tpl/images/filter.svg") center/18px no-repeat}
/* compare checkbox — more visible pill button */
.cmp-check{background:#fff;border:1.5px solid #49a200;border-radius:999px;padding:6px 13px;color:#49a200;font-weight:600;font-size:13px;box-shadow:0 1px 3px rgba(0,0,0,.06);transition:.15s}
.cmp-check:hover{background:#eef8f1}
.cmp-check .cmp-check__box{width:15px;height:15px;border-color:#49a200}
.cmp-check.is-on{background:#49a200;color:#fff;border-color:#49a200}
.cmp-check.is-on .cmp-check__box{background:#fff;border-color:#fff}
.cmp-check.is-on .cmp-check__box:after{border-color:#49a200}

/* HM quiz2: lead form + mode */
.quiz__opt--mode{font-weight:600}
.quiz-lead{margin-top:20px;padding:18px 20px;background:#fff;border:1px solid #cfe8d8;border-radius:14px}
.quiz-lead__title{font-weight:600;color:#363853;font-size:16px;margin-bottom:12px}
.quiz-form__row{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.quiz-form__row input[type=text]{flex:1;min-width:170px;height:46px;border:1px solid #d7dde2;border-radius:10px;padding:0 14px;font-size:15px;background:#fff}
.quiz-form__btn{background:#49a200;color:#fff;border:0;border-radius:10px;padding:13px 24px;font-weight:600;cursor:pointer;font-size:15px}
.quiz-form__btn:hover{background:#363853}

.house-pdf{margin-top:16px}
.house-pdf .icon{margin-left:0 !important;margin-right:10px;filter:invert(1)}

.section__booklet{padding:8px 0}
.booklet-box{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;background:#eef8f1;border:1px solid #cfe8d8;border-radius:16px;padding:20px 24px}
.booklet-box__desc{margin:6px 0 0;color:#5f6b76;font-size:15px;max-width:640px}
.booklet-box .house-pdf{flex:0 0 auto;margin:0}

/* HM booklet: centered relative to the text column above, auto-width button */
.booklet-box{display:block;text-align:center;margin-left:auto;margin-right:auto}
.booklet-box__desc{margin:6px auto 0;max-width:640px}
.booklet-box .house-pdf{display:inline-flex;width:auto;margin:16px auto 0}

/* HM quiz lead modal */
.quiz-lead-modal{position:fixed;inset:0;z-index:10000;display:none;align-items:center;justify-content:center;padding:16px}
.quiz-lead-modal__backdrop{position:absolute;inset:0;background:rgba(28,30,50,.55)}
.quiz-lead-modal__card{position:relative;background:#fff;border-radius:18px;padding:26px 28px;max-width:560px;width:100%;box-shadow:0 20px 60px rgba(0,0,0,.3);z-index:1}
.quiz-lead-modal__close{position:absolute;top:10px;right:14px;background:none;border:0;font-size:28px;line-height:1;color:#9aa3ab;cursor:pointer}
.quiz-lead-modal__close:hover{color:#363853}
.quiz-lead__count{color:#49a200;font-weight:600;font-size:15px;margin-bottom:6px}
.quiz-lead__title{font-weight:600;color:#363853;font-size:18px;margin:0 0 16px;line-height:1.35}
.quiz-lead-modal__card .quiz-form__row{flex-direction:column;align-items:stretch;gap:10px}
.quiz-lead-modal__card .quiz-form__row input[type=text]{width:100%}
.quiz-lead-modal__card .quiz-form__btn{width:100%;justify-content:center}
body.quiz-modal-open{overflow:hidden}

/* HM quiz modal form fix (override site .button.link / input) */
.quiz-lead-modal__card .quiz-form__row{flex-direction:column;align-items:stretch;gap:10px}
.quiz-lead-modal__card .quiz-form__row input[type=text]{width:100%;height:48px;min-height:48px;line-height:normal;padding:0 15px;border:1px solid #d7dde2;border-radius:10px;background:#fff;font-size:15px;box-sizing:border-box;margin:0}
.quiz-lead-modal__card .quiz-form__btn{width:100%;background:#49a200 !important;color:#fff !important;border:1px solid #49a200 !important;border-radius:10px !important;padding:14px 24px !important;font-weight:600;font-size:15px;display:flex !important;justify-content:center;align-items:center;cursor:pointer;text-align:center;min-height:48px}
.quiz-lead-modal__card .quiz-form__btn:hover{background:#363853 !important;border-color:#363853 !important}
.quiz-lead-modal__card .quiz-form__btn span{color:#fff !important}

/* HM quiz lead success screen */
.quiz-lead__success{text-align:center;padding:22px 10px}
.quiz-lead__success-ico{width:58px;height:58px;line-height:58px;border-radius:50%;background:#49a200;color:#fff;font-size:30px;margin:0 auto 14px;text-align:center}
.quiz-lead__success-txt{color:#363853;font-size:17px;font-weight:600;line-height:1.45;max-width:400px;margin:0 auto}

/* HM SEO cross-linking pills (city+keyword anchors), Rozetka-style */
.seo-links{margin:30px 0 10px}
.seo-links__title{font-size:20px;font-weight:700;color:#363853;margin:0 0 14px;line-height:1.25}
.seo-links__grid{display:flex;flex-wrap:wrap;gap:10px}
.seo-links__pill{display:inline-flex;align-items:center;padding:9px 16px;border:1px solid #dfe6df;border-radius:999px;background:#f6faf6;color:#2f6b1e;font-size:14px;line-height:1.2;text-decoration:none;transition:background .15s,border-color .15s,color .15s}
.seo-links__pill:hover{background:#65e100;border-color:#65e100;color:#1c2a12}
.seo-links__pill--home{background:#eef2ff;border-color:#d9e0f5;color:#363853}
.seo-links__pill--home:hover{background:#363853;border-color:#363853;color:#fff}
@media(max-width:640px){.seo-links__title{font-size:18px}.seo-links__pill{padding:8px 13px;font-size:13px}}

/* HM quiz form gender select (matches modal inputs) */
.quiz-form__gender{width:100%;height:46px;border:1px solid #d7dde2;border-radius:10px;padding:0 12px;font-size:15px;background:#fff;color:#374151}

/* HM compare checkbox on product photo: pin to free corner (was static → overlapped status/best badges on mobile) */
.cmp-check--product{position:absolute;left:14px;bottom:14px;z-index:10;margin:0}
@media(max-width:600px){.cmp-check--product{left:10px;bottom:10px;font-size:12px;padding:5px 11px}}

/* Binotel call button: keep it BELOW site form popups (z 99999) so it never covers/blocks an open form (esp. mobile taps). Their theme sets z-index:200001. */
body #bingc-phone-button.bingc-phone-button{z-index:99990 !important}