/* Переменные, сброс, общие элементы */
:root{--ink:#000;--text:#1f1f1f;--mute:#8a8a8f;--line:#ececec;--field:#dcdcdc;--bg:#fff;--soft:#f6f6f6;--sale:#e5184e;--r:0}
*{box-sizing:border-box;margin:0;padding:0}
html,body{max-width:100%;overflow-x:hidden}
body{font:14px/1.45 Inter,"Helvetica Neue",Arial,sans-serif;color:var(--text);background:var(--bg);-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none;cursor:pointer}
button,input,select{font:inherit;color:inherit}
button{cursor:pointer}
:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
.wrap{max-width:1360px;margin:0 auto;padding:0 32px}
/* иконки из спрайта в index.html */
.i{width:22px;height:22px;flex:none;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.sale{color:var(--sale)}
.badge{display:inline-block;font-style:normal;font-size:11px;font-weight:600;line-height:1;padding:5px 7px;background:#fff;color:var(--ink);letter-spacing:.02em}
.badge.sale{background:var(--sale);color:#fff}
.view{display:none}.view.act{display:block}
/* footer */
footer{background:var(--soft);padding:48px 0 28px;font-size:13px;color:var(--mute)}
.fcols{display:grid;grid-template-columns:2fr 1fr 1fr;gap:32px}
.fcols b{display:block;color:var(--ink);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;margin-bottom:12px}
.fcols a{display:block;padding:4px 0;transition:color .15s}
.fcols a:hover{color:var(--ink)}
.flogo{font-size:24px;font-weight:800;letter-spacing:-.05em;color:var(--ink);margin-bottom:6px}
.flogo i{font-style:normal;font-weight:300}
.fcopy{border-top:1px solid #e2e2e2;margin-top:32px;padding-top:20px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}