Olejek do masażu e-Fiore winogronowy 500 ml

: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{ max-width:1100px; margin:12px auto 12px; padding:0 18px; font-family:"Inter",system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial; color:var(--am-ink); } .am-desc__block{ margin:18px 0 22px; } .am-desc h2{ 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{ 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{ margin:0; font-size:15.5px; line-height:1.65; color:var(--am-muted); } .am-desc ul{ margin:10px 0 0; padding-left:20px; color:var(--am-muted); font-size:15.5px; line-height:1.65; } .am-desc li{ margin:4px 0; } @media (max-width:640px){ .am-desc h2{ font-size:clamp(20px,4vw,26px); } .am-desc__h2-icon{ width:26px; height:26px; } .am-desc p,.am-desc ul{ font-size:15px; } } .am-features{ max-width:1100px; margin:28px auto 48px; padding:0 18px; font-family:"Inter",system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial; color:var(--am-ink); } .am-features__header{ display:flex; align-items:center; gap:10px; width:100%; text-align:center; justify-content:center; margin:0 0 10px 0; max-width:900px; } .am-features__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-features__title{ margin:0; text-align:center; font-weight:500; font-size:clamp(22px,3vw,30px); line-height:1.3; color:#24313a; } .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); } @media (max-width:1200px){ .am-feature{ grid-column: span 6; } } @media (max-width:680px){ .am-features__header{ flex-direction:column; gap:8px; } .am-features__icon{ width:40px; height:40px; } .am-feature{ grid-column:1 / -1; } .am-feature__media{ width:52px; height:52px; } .am-feature__name{ font-size:15px; } .am-feature__desc{ font-size:13.5px; } } .am-quick{ max-width:1100px; margin:28px auto 48px; padding:0 18px; font-family:"Inter",system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial; color:var(--am-ink); } .am-quick__header{ display:flex; align-items:center; justify-content:center; gap:12px; margin:6px auto 18px; max-width:900px; } .am-quick__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-quick__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-h