/* Спільні правила для обох версій сайту (компʼютер і телефон) */
html{background:#1F1B14;scroll-behavior:smooth}
body{margin:0 auto}
a{color:inherit;text-decoration:none}
section[id]{scroll-margin-top:0}
.cta,.btn,.dbtn,.obtn,.ghost,.lnk,.zmore,.ib,.fq .qt,.seg span{cursor:pointer;-webkit-tap-highlight-color:transparent}
.cta:hover,.btn:hover,.obtn:hover{filter:brightness(1.06)}
.fq .qt{user-select:none}
/* меню на телефоні */
.mmenu{position:fixed;inset:0;z-index:50;background:rgba(31,27,20,.97);display:none;flex-direction:column;padding:24px 20px;font-family:"Montserrat Alternates",sans-serif}
.mmenu.open{display:flex}
.mmenu .x{align-self:flex-end;width:44px;height:44px;display:flex;align-items:center;justify-content:center;color:#EDE7E2;font-size:28px;cursor:pointer}
.mmenu a{display:block;padding:16px 0;border-bottom:1px solid rgba(255,255,255,.12);color:#EDE7E2;font-size:22px;font-weight:500}
.mmenu a.go{margin-top:28px;border:0;background:#FF822D;color:#2D281E;border-radius:4px;text-align:center;font-size:16px;font-weight:600;padding:16px}
/* «Як працює замок 5G» розгортається кнопкою «Детально» */
.zpan{display:none}
.zpan.open{display:block}
.zmore svg{transition:transform .2s;transform:rotate(180deg)}
.zmore.open svg{transform:none}
/* Поля форми зразків (справжні поля замість намальованих) */
input.in,select.in{width:100%;font:inherit;font-size:16px;color:#EDE7E2;background:transparent;outline:none;-webkit-appearance:none;appearance:none}
input.in::placeholder{color:rgba(255,255,255,.45)}
select.in{cursor:pointer;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath d='M2.5 4.5L6 8l3.5-3.5' stroke='%23BFB3AA' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat right 16px center;padding-right:40px}
select.in option{color:#2D281E}
input.in:focus,select.in:focus{border-color:#FF822D}
.in.bad{border-color:#E5533D!important}
.chk{cursor:pointer}
.chk input{position:absolute;opacity:0;width:0;height:0}
.chk input:checked+span{background:#FF822D;border-color:#FF822D;box-shadow:inset 0 0 0 3px #2D281E}
.fmsg{margin-top:14px;font-size:15px;line-height:1.5;color:#FF822D}

/* Меню «Зв'язатися» */
.hr,.hb{position:relative}
.dc{position:absolute;right:0;top:calc(100% + 10px);z-index:40;min-width:260px;background:#fff;color:#2D281E;border-radius:8px;box-shadow:0 20px 50px rgba(0,0,0,.35);padding:8px;display:none;font-family:"Montserrat Alternates",sans-serif}
.dc.open{display:block}
.dc a{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:6px;font-size:15px;font-weight:500;white-space:nowrap}
.dc .dl{display:flex;align-items:center;gap:12px;padding:12px 14px;font-size:15px;font-weight:500;cursor:default}
.dc a:hover{background:#F6F3F0}
.dc a small{display:block;font-size:12px;font-weight:400;color:#6E5A50}
.dc svg{flex:none}
.dc .ph{font-size:17px}

/* Поп-ап форма */
.dp{position:fixed;inset:0;z-index:60;background:rgba(31,27,20,.6);display:none;align-items:center;justify-content:center;padding:16px;font-family:"Montserrat Alternates",sans-serif;-webkit-font-smoothing:antialiased}
.dp.open{display:flex}
.dpb{position:relative;width:100%;max-width:460px;max-height:100%;overflow:auto;background:#fff;color:#2D281E;border-radius:8px;padding:32px 28px 28px;box-shadow:0 20px 50px rgba(45,40,30,.35)}
.dpt{display:flex;justify-content:space-between;align-items:center;font-size:12px;letter-spacing:.2em;text-transform:uppercase;font-weight:500;color:#6E5A50}
.dpt b{display:flex;align-items:center;gap:12px;font-weight:500}
.dpt b:before{content:"";width:32px;height:1px;background:currentColor}
.dpx{width:36px;height:36px;margin:-8px -8px 0 0;border:0;background:none;cursor:pointer;color:#2D281E;font-size:26px;line-height:1}
.dpb h3{margin-top:14px;font-size:24px;line-height:1.18;font-weight:500;letter-spacing:-.01em}
.dpb .sub{margin-top:8px;font-size:15px;line-height:1.55;color:#6E5A50}
.dpb form{margin-top:22px;display:flex;flex-direction:column;gap:16px}
.dpb label.l{display:block;font-size:13px;color:#6E5A50;margin-bottom:8px}
.dpb input[type=text],.dpb input[type=tel]{width:100%;height:52px;border:1px solid #E4DDD7;border-radius:4px;padding:0 16px;font:inherit;font-size:16px;color:#2D281E;outline:none}
.dpb input:focus{border-color:#FF822D}
.dpb .bad{border-color:#E5533D!important}
.dpb .sg{display:flex;gap:8px}
.dpb .sg span{flex:1;height:44px;display:flex;align-items:center;justify-content:center;border:1px solid #E4DDD7;border-radius:4px;font-size:15px;cursor:pointer}
.dpb .sg span.on{background:#2D281E;border-color:#2D281E;color:#fff;font-weight:500}
.dpb .go{margin-top:6px;height:56px;border:0;border-radius:4px;background:#FF822D;color:#2D281E;font:inherit;font-size:16px;font-weight:600;cursor:pointer}
.dpb .go:disabled{opacity:.6;cursor:wait}
.dpb .cs{margin-top:14px;font-size:12px;line-height:1.5;color:#6E5A50}
.dpb .err{font-size:14px;line-height:1.5;color:#C2412C}
.dpb .okc{margin-top:20px;width:56px;height:56px;border-radius:50%;background:#FF822D;display:flex;align-items:center;justify-content:center}
.dpb .done{margin-top:24px;width:100%;height:52px;border:0;border-radius:4px;background:#2D281E;color:#fff;font:inherit;font-size:16px;font-weight:600;cursor:pointer}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}