*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;overflow:hidden}body{color:#1f2026;-webkit-font-smoothing:antialiased;overscroll-behavior:none;background:#fff;font-family:Inter,Segoe UI,sans-serif}button,input{font:inherit}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}.page{background:#fff;height:100%;overflow:hidden}.wrap{width:min(1240px,100% - 48px);margin:0 auto}.top{color:#4b4e57;background:#f4f5fa;font-size:13px}.top-inner{justify-content:space-between;align-items:center;gap:24px;height:36px;display:flex}.top-left,.top-right,.lang,.loc,.acts span,.katalog,.logo{align-items:center;gap:6px;display:flex}.top-left{gap:20px}.top-right{gap:18px}.loc{color:#1f2026;font-weight:500}.lang{color:#1f2026}.mainbar{background:#fff}.mainbar-inner{align-items:center;gap:12px;height:72px;display:flex}.logo-text{letter-spacing:-.03em;align-items:baseline;gap:3px;font-size:20px;display:flex}.logo-text b{font-weight:800}.logo-text i{color:#8b8e99;font-style:normal;font-weight:600}.katalog{color:#1f2026;white-space:nowrap;background:#f4f5fa;border:0;border-radius:8px;gap:8px;height:42px;padding:0 16px;font-weight:600}.search{color:#8b8e99;border:1px solid #d5d7de;border-radius:8px;flex:1;justify-content:space-between;align-items:center;min-width:280px;height:42px;padding-left:16px;display:flex}.search i{color:#1f2026;background:#f4f5fa;border-radius:7px;place-items:center;width:44px;height:40px;margin:1px;display:grid}.acts{color:#1f2026;align-items:center;gap:8px;font-size:14px;display:flex}.acts span{white-space:nowrap;gap:8px;padding:8px 10px}.cats{border-bottom:1px solid #f0f1f5}.cats-inner{color:#1f2026;align-items:center;gap:18px;height:48px;font-size:13.5px;display:flex;overflow:hidden}.cats-inner span{white-space:nowrap;align-items:center;gap:6px;display:flex}.more{color:#4b4e57;margin-left:auto}.hero{padding:8px 0}.hero-inner{grid-template-columns:1fr 1.15fr;align-items:center;min-height:430px;padding:0 28px;display:grid;position:relative}.hero-copy{padding-left:36px}.hero-copy h1{letter-spacing:-.045em;margin-bottom:16px;font-size:56px;font-weight:800;line-height:1.05}.hero-copy p{letter-spacing:-.03em;margin-bottom:48px;font-size:26px;font-weight:500;line-height:1.25}.hero-models{height:430px;position:relative}.hero-photo{object-fit:cover;object-position:center 20%;width:100%;height:430px}.arrow{color:#1f2026;z-index:2;background:#fff;border:0;border-radius:50%;width:40px;height:40px;font-size:26px;line-height:1;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 2px 10px #1f20261f}.arrow.left{left:0}.arrow.right{right:0}.tiles{padding:8px 0 28px}.tiles-inner{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.tile{background:#f6f7f9;border-radius:42px;align-items:center;gap:14px;height:84px;padding:0 28px;font-size:15px;font-weight:500;line-height:1.25;display:flex}.goods{padding:8px 0 64px}.goods h2{letter-spacing:-.03em;margin-bottom:16px;font-size:22px}.grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.card{border-radius:12px;overflow:hidden}.thumb{border-radius:12px;height:220px}.t1{background:#eceff3}.t2{background:#e8e4dc}.t3{background:#e7eef6}.t4{background:#ebe7e2}.t5{background:#e9ece8}.t6{background:#f0e8e4}.t7{background:#e7eef0}.t8{background:#f3e9ef}.card-body{padding:10px 4px 0}.name{margin-bottom:8px;font-size:14px}.old{color:#8b8e99;font-size:12px;text-decoration:line-through}.price{font-size:16px;font-weight:700}.coupon-layer{z-index:50;padding:max(12px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) max(12px, env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left));background:#14151a80;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.coupon-layer iframe{background:#f4f5fa;border:0;border-radius:24px;width:min(400px,100%);max-width:100%;height:min(640px,100dvh - 24px);max-height:calc(100svh - 16px);box-shadow:0 28px 80px #00000052}@media (width<=640px){.coupon-layer{align-items:stretch;padding:8px}.coupon-layer iframe{border-radius:16px;width:100%;height:100%;max-height:none}}@media (width<=1100px){.top-right span:not(.lang){display:none}.hero-copy h1{font-size:40px}.hero-copy p{font-size:20px}.grid{grid-template-columns:repeat(2,1fr)}}
