سيتافيل كريم مرطب للوجه و الجسم 100 جم

<style> /* start video */ #video>div { position: relative; padding-bottom: 56.25%; /* 16:9 */ height: ; margin-bottom: 2%; } #video iframe { position: absolute; top: ; left: ; width: 1%; height: 1%; } /* end video */ /* start how */ .how { display: flex; justify-content: space-evenly; flex-wrap: wrap; } .how>div { width: 48%; } .how img { display: block; margin: auto; width: 1%; } .use ul li { padding: 15px; vertical-align: middle; } .im { display: flex; } .im img { align-self: center; } /* start how */ .diagram { display: flex; justify-content: space-between; } .diagram img { display: block; margin: 3% auto; } .guide { width: 18%; } .guide p:first-of-type { font-weight: bold; text-align: center; } .guide li { margin-bottom: ; } .imz { width: 35%; } .imz img { width: 1%; } @media screen and (max-width: 78px) { .imz { order: -1; } .diagram { flex-direction: column; } .guide { width: 1%; } .imz { width: 1%; } } /* Features Styling */ .rowz { display: flex; flex-wrap: wrap; justify-content: space-around; } .Features { flex-basis: 16%; padding: 1px; text-align: center; } .Features img { min-width: 75.34px; } .FeaturesHeaders { color: #8439; font-weight: bold; } /* Beauty Care Routine */ .Care { display: flex; flex-wrap: wrap; justify-content: space-around; align-items: center; } .Tips { flex-basis: 25%; padding: px; text-align: center; } .btn2 { color: #8439; font-size: large; font-weight: bold; box-shadow: px 2px 2px 2px; min-width: 12px; padding: 2px px; text-decoration: underline; } .btn2 { animation-name: line; animation-duration: 1.5s; animation-iteration-count: infinite; transition: ease; animation-fill-mode: both; } @keyframes line { % { text-decoration: underline; } 1% { text-decoration: none; } } .arrowz { border: solid #8439; border-width: 3px 3px ; 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: %; color: white; padding: px; } .Choose { font-weight: bold; color: white; font-size: 2.2vw; text-align: right; } /*grid-code*/ .btn1 { border: none; color: white; font-size: 16px; border-radius: 1px; } .ban img { display: block; margin: auto 2%; width: 1%; } .parents { display: grid; grid-template-columns: repeat(auto-fit, minmax(19rem, 1fr)); gap: 2%; cursor: pointer; align-content: center; } .parents img { display: block; width: 1%; border-radius: 5%; margin: auto; } .child p:first-of-type { text-align: center; } .card { transition: .3s; } .card:hover { transform: translatey(-1px); } @media only screen and (max-width: 767px) { .parents::after { content: ""; height: 7vh; } @media screen and (max-width: 7px) { .Tips { flex-basis: 5%; } .BeautyCare { position: relative; letter-spacing: 1px; } .BeautyCare-block { position: absolute; bottom: 33%; right: 5%; color: white; padding: px; } .Choose { font-weight: bold; color: white; font-size: 3.2vw; text-align: right; } } @media screen and (max-width: 7px) { .Features { flex-basis: 32%; padding: 3px; text-align: center; } .Features img { min-width: 75.34px; max-width: 75.34px; } } @media screen and (max-width: 7px) { .how>div { width: 1%; } .im { order: 1; } .im img { width: 1%; margin: 3% auto; } .use { line-height: normal; } .use ul li { padding: 5px; vertical-align: middle; } } </style>

وصف المنتج:

مواصفات المنتج:

فوائد المنتج:

إرشادات الاستخدام: