فيشي إيديال سوليل كريم واقي شمس (50 ) 50 مل

<style> /* Features Styling */ .rowz { display: flex; flex-wrap: wrap; justify-content: space-around; } .Features { flex-basis: 16%; padding: 10px; text-align: center; } .Features img { min-width: 75.34px; } .FeaturesHeaders { color: #843090; font-weight: bold; } /* Beauty Care Routine */ .Care { display: flex; flex-wrap: wrap; justify-content: space-around; align-items: center; } .Tips { flex-basis: 25%; padding: 0px; text-align: center; } .btn2 { color: #843090; font-size: large; font-weight: bold; box-shadow: 0px 2px 2px 2px; min-width: 120px; padding: 20px 0px; text-decoration: underline; } .btn2 { animation-name: line; animation-duration: 1.5s; animation-iteration-count: infinite; transition: ease; animation-fill-mode: both; } @keyframes line { 0% { text-decoration: underline; } 100% { text-decoration: none; } } .arrowz { border: solid #843090; border-width: 0 3px 3px 0; display: inline-block; padding: 3px; transform: rotate( 135deg ); } .rightz { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); margin-right: 5px; } .BeautyCare { position: relative; letter-spacing: 9px; } .BeautyCare-block { position: absolute; bottom: 44%; right: 0%; color: white; padding: 0px; } .Choose { font-weight: bold; color: white; font-size: 2.5vw; text-align: right; } /*grid-code*/ .btn1 { border: none; color: white; font-size: 16px; border-radius: 10px; } .ban img { display: block; margin: 0 auto 2%; width: 100%; } .parent { display: grid; grid-template-columns: repeat(auto-fit, minmax(19rem, 1fr)); gap: 2%; cursor: pointer; align-content: center; } .parent img { display: block; width: 100%; border-radius: 5%; margin: 0 auto; } .child p:first-of-type { text-align: center; } .card { transition: .3s; } .card:hover { transform: translatey(-10px); } @media only screen and (max-width: 767px) { .parent::after { content: ""; height: 7vh; } @media screen and (max-width: 700px) {n.Tips { flex-basis: 50%; } .BeautyCare { position: relative; letter-spacing: 1px; } .BeautyCare-block { position: absolute; bottom: 33%; right: 5%; color: white; padding: 0px; } .Choose { font-weight: bold; color: white; font-size: 3.5vw; text-align: right; } }n@media screen and (max-width: 700px) {n.Features { flex-basis: 32%; padding: 10px; text-align: center; } .Features img { min-width: 75.34px; max-width: 75.34px; } } </style>nn