Olejek NANOIL Avocado Everett Cosmetics - 50 ml

#am-nanoil-avocado { --am-brand:#009b8b; --am-ink:#24313a; --am-muted:#5b6470; --am-border:#e4ebea; font-family:
Inter,Arial,sans-serif; color:var(--am-ink); } #am-nanoil-avocado * { box-sizing:border-box; } #am-nanoil-avocado .am-section { max-width:1100px; margin:28px auto 40px; padding:0 18px; } #am-nanoil-avocado h2 { display:flex; align-items:center; justify-content:center; gap:10px; margin:0 0 16px; font-size:clamp(21px,3vw,29px); font-weight:500; line-height:1.35; text-align:center; } #am-nanoil-avocado .am-icon { width:28px; height:28px; flex-shrink:0; object-fit:contain; } #am-nanoil-avocado p { margin:0 0 14px; color:var(--am-muted); font-size:15.5px; line-height:1.7; } /* GŁÓWNE CECHY */ #am-nanoil-avocado .am-features { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; padding:0; margin:0; list-style:none; } #am-nanoil-avocado .am-feature { display:grid; grid-template-columns:58px minmax(0,1fr); align-items:center; gap:10px 12px; padding:14px; background:#fff; border:1px solid var(--am-border); border-radius:16px; box-shadow:0 8px 24px rgba(2,6,23,.06); } #am-nanoil-avocado .am-feature img { width:58px; height:58px; padding:10px; border:1px solid var(--am-border); border-radius:12px; object-fit:contain; } #am-nanoil-avocado .am-feature h3 { margin:0; font-size:16px; font-weight:600; line-height:1.4; } #am-nanoil-avocado .am-feature p { grid-column:1/-1; margin:0; font-size:14px; line-height:1.6; } /* SPECYFIKACJA I STOSOWANIE */ #am-nanoil-avocado .am-columns { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; } #am-nanoil-avocado .am-card { min-width:0; padding:18px; border:1px solid var(--am-border); border-radius:16px; background:#fff; box-shadow:0 8px 24px rgba(2,6,23,.06); } #am-nanoil-avocado .am-card h3 { margin:0 0 14px; font-size:18px; font-weight:600; } #am-nanoil-avocado table { font-size:14px; line-height:1.55; } #am-nanoil-avocado table td { padding:10px; border:1px solid var(--am-border); vertical-align:top; overflow-wrap:anywhere; } #am-nanoil-avocado .am-steps { display:grid; gap:12px; margin:0; padding-left:22px; } #am-nanoil-avocado .am-steps li { color:var(--am-muted); font-size:14.5px; line-height:1.7; } #am-nanoil-avocado .am-steps li::marker { color:var(--am-brand); font-weight:700; } #am-nanoil-avocado .am-note { margin-top:18px; font-size:13.5px; } /* SKŁAD INCI */ #am-nanoil-avocado .am-inci { padding:18px; border:1px solid var(--am-border); border-radius:14px; background:#fff; } #am-nanoil-avocado .am-inci p { margin:0; } /* FAQ */ #am-nanoil-avocado .am-faq { display:grid; gap:12px; } #am-nanoil-avocado .am-faq details { padding:8px; border:1px solid var(--am-border); border-radius:14px; background:#fff; box-shadow:0 8px 24px rgba(2,6,23,.05); } #am-nanoil-avocado .am-faq summary { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:12px; cursor:pointer; list-style:none; font-size:15.5px; font-weight:600; line-height:1.5; } #am-nanoil-avocado .am-faq summary::-webkit-details-marker { display:none; } #am-nanoil-avocado .am-faq summary::after { content:""; width:9px; height:9px; flex-shrink:0; border-right:2px solid var(--am-brand); border-bottom:2px solid var(--am-brand); transform:rotate(45deg); transition:transform .2s ease; } #am-nanoil-avocado .am-faq details[open] summary::after { transform:rotate(225deg); } #am-nanoil-avocado .am-faq-answer { padding:12px; border-top:1px dashed var(--am-border); color:var(--am-muted); font-size:14.5px; line-height:1.7; } /* RESPONSYWNOŚĆ */ @media(max-width:900px) { #am-nanoil-avocado .am-features { grid-template-columns:repeat(2,minmax(0,1fr)); } #am-nanoil-avocado .am-columns { grid-template-columns:1fr; } } @media(max-width:600px) { #am-nanoil-avocado .am-section { padding:0 14px; margin:24px auto 34px; } #am-nanoil-avocado h2 { flex-direction:column; font-size:22px; } #am-nanoil-avocado .am-features { grid-template-columns:1fr; } #am-nanoil-avocado p { font-size:15px; } #am-