Інгалятор (небулайзер) Controly Compact (JLN-23)

:root{ --am-brand:#009b8b; --am-ink:#0f1720; --am-muted:#5b6470; --am-brd:rgba(16,24,40,.08); --am-card:rgba(255,255,255,.7); --am-shadow:0 10px 28px rgba(2,6,23,.08); } .am-desc,.am-features,.am-quick,.am-faq,.am-alert{ max-width:1100px; margin:28px auto 48px; padding:0 18px; font-family:"Inter",system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Ar... щеial; color:var(--am-ink); } .am-desc{ margin-top:12px; margin-bottom:22px; } .am-desc__block{ margin:18px 0 22px; } .am-desc h2,.am-features__title,.am-quick__title,.am-faq__title,.am-alert__title{ display:flex; align-items:center; gap:10px; justify-content:center; width:100%; text-align:center; margin:0 0 10px 0; font-weight:500; font-size:clamp(22px,3vw,30px); line-height:1.3; color:#24313a; } .am-desc__h2-icon,.am-features__icon,.am-quick__icon,.am-faq__icon,.am-alert__icon{ width:28px; height:28px; object-fit:contain; flex-shrink:0; filter:brightness(0) saturate(100%) invert(8%) sepia(6%) saturate(1127%) hue-rotate(167deg) brightness(92%) contrast(95%); } .am-desc p,.am-alert p{ margin:0; font-size:15.5px; line-height:1.65; color:var(--am-muted); } .am-features__header,.am-quick__header,.am-faq__header,.am-alert__header{ display:flex; align-items:center; gap:10px; width:100%; text-align:center; justify-content:center; margin:0 0 18px 0; max-width:900px; } .am-features__grid{ list-style:none; padding:0; margin:0; display:grid; grid-template-columns:repeat(12,1fr); gap:16px; } .am-feature{ grid-column:span 4; background:var(--am-card); border:1px solid var(--am-brd); border-radius:16px; box-shadow:var(--am-shadow); padding:12px; display:grid; grid-template-columns:auto 1fr; gap:10px 14px; align-items:center; transform:rotate(var(--rot,0deg)) scale(.995); transition:transform .25s ease, box-shadow .25s ease; } .am-feature:hover{ transform:rotate(0deg) scale(1.01); box-shadow:0 16px 36px rgba(0,0,0,.18); } .am-feature--r1{ --rot:-0.8deg; } .am-feature--r2{ --rot:0.8deg; } .am-feature--r3{ --rot:-0.5deg; } .am-feature__media{ width:58px; height:58px; border-radius:12px; overflow:hidden; display:grid; place-items:center; background:#fff; border:1px solid var(--am-brd); } .am-feature__media img{ width:70%; height:70%; object-fit:contain; } .am-feature__name{ margin:0 0 4px; font-weight:600; font-size:16px; line-height:1.35; } .am-feature__desc{ grid-column:1 / -1; margin:2px 0 0; font-size:14px; line-height:1.55; color:var(--am-muted); } .am-quick__grid{ display:grid; gap:16px; grid-template-columns:repeat(12,1fr); } .am-quick__card{ grid-column:span 6; background:var(--am-card); border:1px solid var(--am-brd); border-radius:16px; box-shadow:var(--am-shadow); padding:16px 14px; transform:rotate(var(--rot,0deg)) scale(.995); transition:transform .25s ease, box-shadow .25s ease; } .am-quick__card:hover{ transform:rotate(0) scale(1.01); box-shadow:0 16px 36px rgba(0,0,0,.18); } .am-quick__card--r1{ --rot:-0.6deg; } .am-quick__card--r2{ --rot:0.6deg; } .am-quick__subtitle{ margin:0 0 10px; font-weight:600;