/* === ROOT === */:root{--bg:#f5f5f7;--card:#fff;--dark:#111;--text:#1a1a1a;--muted:#8b8b96;--red:#d71920;--red2:#ef4444;--line:#e9e9ee;--shadow:0 14px 38px rgba(0,0,0,.08);--header:88px;--bottom:84px;--shell:1440px}

/* === RESET === */*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{height:100%}html{scroll-behavior:smooth}body{min-height:100vh;background:var(--bg);font-family:'Inter',sans-serif;color:var(--text);padding-top:var(--header);padding-bottom:var(--bottom);display:flex;flex-direction:column}a{text-decoration:none;color:inherit}button,input,textarea{font:inherit;outline:none;border:none;background:none}

/* === GLOBAL === */.shell{width:100%;max-width:var(--shell);margin:0 auto;padding:0 20px}.page-main{width:100%;max-width:1440px;margin:0 auto;flex:1 0 auto;display:flex;flex-direction:column}

/* === HEADER === */.site-header{position:fixed;top:0;left:0;width:100%;height:var(--header);z-index:1000;background:rgba(255,255,255,.9);backdrop-filter:blur(18px);border-bottom:1px solid rgba(0,0,0,.05)}.header-grid{height:100%;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{display:flex;align-items:center;gap:14px;flex-shrink:0}.brand-mark{width:52px;height:52px;border-radius:18px;background:#111;color:#fff;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:900;letter-spacing:.08em;box-shadow:0 10px 25px rgba(0,0,0,.16)}.logo{font-size:26px;font-weight:900;line-height:1;letter-spacing:.05em}.logo span{color:var(--red)}.sublogo{margin-top:5px;font-size:12px;font-weight:700;color:var(--muted);letter-spacing:.08em}

/* === CONTACTS === */.contacts{display:flex;align-items:center;gap:10px}.contacts a{display:flex;align-items:center;gap:8px;padding:9px 12px;background:#fff;border-radius:18px;box-shadow:0 10px 30px rgba(0,0,0,.06);font-size:12px;font-weight:700;transition:.18s}.contacts a:hover{transform:translateY(-2px);box-shadow:0 14px 34px rgba(0,0,0,.1)}.contacts svg{width:17px;height:17px;stroke:var(--red);stroke-width:2;fill:none;flex-shrink:0}

/* === SEARCH === */.desktop-search{flex:1;max-width:480px;height:58px;background:#fff;border-radius:22px;display:flex;align-items:center;gap:12px;padding:0 18px;box-shadow:0 10px 30px rgba(0,0,0,.06)}.desktop-search svg{width:20px;height:20px;stroke:#888;stroke-width:2;fill:none}.desktop-search input{width:100%;height:100%;font-size:15px;font-weight:600}

/* === HEADER ACTIONS === */.header-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.head-btn{width:68px;height:48px;min-width:68px;padding:0 6px;border-radius:14px;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;box-shadow:0 6px 18px rgba(0,0,0,.06);cursor:pointer;transition:.18s;position:relative}.head-btn:hover{transform:translateY(-1px);box-shadow:0 10px 24px rgba(0,0,0,.08)}.head-btn:active{transform:scale(.96)}.head-btn small{font-size:10px;font-weight:800;line-height:1;white-space:nowrap}.head-ico{width:20px;height:20px;display:flex;align-items:center;justify-content:center;position:relative}.head-ico svg{width:20px!important;height:20px!important;stroke:#111;stroke-width:2;fill:none}.head-ico b{position:absolute;top:-7px;right:-8px;min-width:16px;height:16px;padding:0 4px;border-radius:999px;background:var(--red2);color:#fff;font-size:9px;font-weight:900;display:flex;align-items:center;justify-content:center}.head-ico b:empty{display:none}

/* === HERO === */.hero{position:relative;height:420px;margin:24px;border-radius:34px;overflow:hidden;background:#ddd;box-shadow:0 15px 45px rgba(0,0,0,.08)}.hero img{width:100%;height:100%;object-fit:cover;display:block}.hero-overlay{position:absolute;inset:0;background:linear-gradient(to right,rgba(0,0,0,.62),rgba(0,0,0,.12))}.hero-content{position:absolute;left:54px;bottom:54px;z-index:2;color:#fff;max-width:540px}.hero-badge{display:inline-flex;align-items:center;height:34px;padding:0 14px;border-radius:999px;background:rgba(255,255,255,.15);backdrop-filter:blur(12px);font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;margin-bottom:16px}.hero-title{font-size:56px;font-weight:900;line-height:1.02;letter-spacing:-.03em}.hero-subtitle{margin-top:12px;font-size:17px;font-weight:600;color:rgba(255,255,255,.9)}

/* === FOOTER === */.site-footer{width:100%;padding:50px 24px 130px;margin-top:auto}.footer-grid{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:24px;padding:34px;background:#fff;border-radius:36px;box-shadow:var(--shadow)}.footer-col{display:flex;flex-direction:column;gap:10px;font-size:14px}.footer-title{font-size:18px;font-weight:900;margin-bottom:6px}.footer-col.center{align-items:center;justify-content:center;text-align:center}.footer-col.right{text-align:right;align-items:flex-end}

/* === MOBILE BASE === */.mobile-search-row{display:none}

/* === TABLET === */@media(max-width:1100px){.contacts{display:none}.desktop-search{max-width:none}}

/* === MOBILE === */@media(max-width:800px){:root{--header:76px;--bottom:110px}body{padding-top:var(--header);padding-bottom:var(--bottom)}.site-header{padding:0 12px}.header-grid{display:flex;align-items:center;justify-content:flex-start;gap:12px}.desktop-search,.header-actions,.footer-grid{display:none}.brand{flex:1;min-width:0;overflow:hidden}.brand-mark{width:44px;height:44px;border-radius:14px;font-size:15px}.logo{font-size:20px;white-space:nowrap}.sublogo{font-size:10px;white-space:nowrap}.hero{height:300px;margin:14px;border-radius:28px}.hero-content{left:24px;right:24px;bottom:24px}.hero-badge{height:30px;padding:0 12px;font-size:10px;margin-bottom:12px}.hero-title{font-size:34px}.hero-subtitle{font-size:13px}.site-footer{padding:30px 14px 130px}}

/* === SMALL MOBILE === */@media(max-width:420px){.hero-title{font-size:28px}.hero{height:240px}}

/* === DRUGOE LOCK MODAL === */.drugoe-lock-modal{position:fixed;inset:0;background:rgba(0,0,0,.45);display:flex;align-items:center;justify-content:center;z-index:999999;padding:16px}.drugoe-lock-box{width:100%;max-width:420px;background:#fff;border-radius:26px;padding:28px;box-shadow:0 25px 80px rgba(0,0,0,.25);animation:drugoePop .25s ease}.drugoe-lock-title{font-size:26px;font-weight:900;margin-bottom:14px;text-align:center}.drugoe-lock-text{font-size:15px;line-height:1.6;color:#555;text-align:center;margin-bottom:20px}.drugoe-lock-box input{width:100%;height:54px;border:1px solid #ddd;border-radius:16px;padding:0 16px;font-size:17px;font-weight:700;outline:none}.drugoe-lock-actions{display:flex;gap:12px;margin-top:18px}.drugoe-lock-actions button{flex:1;height:52px;border:0;border-radius:16px;font-size:16px;font-weight:900;cursor:pointer}.drugoe-cancel-btn{background:#f3f4f6;color:#111}.drugoe-ok-btn{background:#d71920;color:#fff}@keyframes drugoePop{from{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}

/* === AUTH MODAL BASE === */.auth-overlay{position:fixed;inset:0;background:rgba(0,0,0,.42);backdrop-filter:blur(7px);z-index:5000;display:flex;align-items:center;justify-content:center;padding:20px}.auth-modal{width:100%;max-width:430px;background:#fff;border-radius:28px;padding:26px;box-shadow:0 24px 70px rgba(0,0,0,.22);position:relative}.auth-close{position:absolute;right:16px;top:14px;width:36px;height:36px;border-radius:50%;background:#f3f3f5;font-size:24px;font-weight:900;cursor:pointer;display:flex;align-items:center;justify-content:center}

/* === AUTH MODAL MOBILE FIX === */@media(max-width:800px){.auth-overlay{align-items:flex-start!important;justify-content:center!important;padding:14px 6px 120px!important;overflow:auto!important}.auth-modal{position:relative!important;width:100%!important;max-width:none!important;border-radius:20px!important;padding:14px!important;margin:0 auto 40px!important;transform:none!important}.auth-close{width:28px!important;height:28px!important;font-size:17px!important;right:10px!important;top:8px!important}}