{"product_id":"eva-skin-clinic-collagen-moisturizing-cream-for-youth-20-50ml","title":"Eva Skin Clinic Collagen Moisturizing Cream For youth (+20) 50ml","description":"\u003c!-- EVA Collagen Cream - Anti-Aging Protection --\u003e\n\u003cdiv class=\"eva-collagen-container\" dir=\"ltr\"\u003e\n\u003c!-- Hero Section --\u003e\n\u003csection class=\"hero-section\"\u003e\n\u003cdiv class=\"warning-badge\"\u003e\n\u003cspan\u003e경고: 날이 갈수록 피부 문제는 소리 없이 악화됩니다!\u003c\/span\u003e\n\u003c\/div\u003e\n\u003ch1 class=\"main-title\"\u003e\n\u003cstrong\u003e매 순간 당신의 피부를 파괴하는 조용한 전쟁\u003c\/strong\u003e\n\u003c\/h1\u003e\n\u003cdiv class=\"hero-subtitle\"\u003e\n\u003ch2\u003e\u003cstrong\u003e에바 콜라겐 크림 - 포괄적인 보호 및 지속적인 24시간 재생\u003c\/strong\u003e\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- Silent War Section --\u003e\n\u003csection class=\"war-section dark-section\"\u003e\n\u003ch2 class=\"section-title white-text\"\u003e\n      20대 피부는 어떻게 되는지 아시나요?\n    \u003c\/h2\u003e\n\u003cdiv class=\"war-statement\"\u003e\n\u003cp\u003e매 순간 당신의 피부는 \u003cstrong\u003e맹렬한 공격\u003c\/strong\u003e 4개 전선에서:\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"damage-factors-grid\"\u003e\n\u003cdiv class=\"factor-card\"\u003e\n\u003ch4\u003e\u003cstrong\u003e대기 오염\u003c\/strong\u003e\u003c\/h4\u003e\n\u003cp\u003e매년 천연 콜라겐의 40%가 파괴됩니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"factor-card\"\u003e\n\u003ch4\u003e\u003cstrong\u003e자외선\u003c\/strong\u003e\u003c\/h4\u003e\n\u003cp\u003e젊은 세포를 무자비하게 태워버린다\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"factor-card\"\u003e\n\u003ch4\u003e\u003cstrong\u003e심리적 압박\u003c\/strong\u003e\u003c\/h4\u003e\n\u003cp\u003e피부의 신선함을 갉아먹는 독소를 분비합니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"factor-card\"\u003e\n\u003ch4\u003e\u003cstrong\u003e수면 부족\u003c\/strong\u003e\u003c\/h4\u003e\n\u003cp\u003e세포 재생을 60% 억제합니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"solution-teaser\"\u003e\n\u003cp\u003e\u003cstrong\u003e하지만 이 방정식을 뒤집는 혁명적인 해결책이 있다고 말하면 어떨까요?\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- Benefits Section --\u003e\n\u003csection class=\"benefits-section\"\u003e\n\u003ch2 class=\"section-title\"\u003e\n      에바 콜라겐 크림 - 7개 층의 공격자로부터 포괄적인 보호와 깊은 수분 공급\n    \u003c\/h2\u003e\n\u003ch3 class=\"benefits-subtitle\"\u003e입증된 과학적 이점:\u003c\/h3\u003e\n\u003cdiv class=\"benefits-grid\"\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-percentage\"\u003e+340%\u003c\/div\u003e\n\u003cp\u003e\u003cstrong\u003e콜라겐 생성을 자극\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-percentage\"\u003e97.3%\u003c\/div\u003e\n\u003cp\u003e\u003cstrong\u003e오염으로부터 보호\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-time\"\u003e24시간\u003c\/div\u003e\n\u003cp\u003e\u003cstrong\u003e깊은 수분 공급\u003c\/strong\u003e 하루종일 지속됨\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-percentage\"\u003e+250%\u003c\/div\u003e\n\u003cp\u003e\u003cstrong\u003e피부 장벽 강화\u003c\/strong\u003e 자연적인\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-time\"\u003e10년\u003c\/div\u003e\n\u003cp\u003e\u003cstrong\u003e노화 징후 지연\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-shield\"\u003e완벽한 보호\u003c\/div\u003e\n\u003cp\u003e\u003cstrong\u003e유해한 광선으로부터\u003c\/strong\u003e 환경적 요인\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- Technology Section --\u003e\n\u003csection class=\"technology-section dark-section\"\u003e\n\u003ch2 class=\"section-title white-text\"\u003e\n      Hydraconcept: 과학이 기적을 만났을 때\n    \u003c\/h2\u003e\n\u003cdiv class=\"tech-intro\"\u003e\n\u003ch3\u003e\u003cstrong\u003e시간의 법칙을 바꾸는 놀라운 발견!\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cp\u003e에바 콜라겐 크림은 단순한 보습제가 아닙니다. \u003cstrong\u003e통합방어 프로그램\u003c\/strong\u003e 피부를 노화에 대한 면역성으로 바꿔보세요!\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hydraconcept-features\"\u003e\n\u003ch4\u003e\u003cstrong\u003e혁신적인 Hydraconcept 기술:\u003c\/strong\u003e\u003c\/h4\u003e\n\u003cdiv class=\"features-grid\"\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003ch5\u003e\u003cstrong\u003e오염 감지\u003c\/strong\u003e\u003c\/h5\u003e\n\u003cp\u003e미세 오염 입자가 피부에 침투하기 전에 이를 식별하고 제거합니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003ch5\u003e\u003cstrong\u003e손상 수리\u003c\/strong\u003e\u003c\/h5\u003e\n\u003cp\u003e자연 재생보다 800% 빠르게 기존 손상을 효과적으로 되돌립니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003ch5\u003e\u003cstrong\u003e면역력을 키워줍니다\u003c\/strong\u003e\u003c\/h5\u003e\n\u003cp\u003e24시간 동안 지속되는 보호막을 생성합니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- Collagen Science Section --\u003e\n\u003csection class=\"collagen-section\"\u003e\n\u003ch2 class=\"section-title\"\u003e\n      기적의 콜라겐: 피부 속 젊음의 공장!\n    \u003c\/h2\u003e\n\u003cdiv class=\"collagen-intro\"\u003e\n\u003ch3\u003e\u003cstrong\u003e공식 뒤에 숨은 과학:\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e젊음을 자극하는 콜라겐\u003c\/strong\u003e Eva의 구성에서 그는 공백을 채울 뿐만 아니라... 오히려 반복합니다. \u003cstrong\u003e완전한 피부 세포 프로그래밍:\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"collagen-benefits-grid\"\u003e\n\u003cdiv class=\"collagen-benefit\"\u003e\n\u003cdiv class=\"benefit-number\"\u003e300%\u003c\/div\u003e\n\u003cp\u003e\u003cstrong\u003e천연 콜라겐 공장을 활성화합니다.\u003c\/strong\u003e 평소보다 빠르다\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"collagen-benefit\"\u003e\n\u003cp\u003e\u003cstrong\u003e깨진 섬유를 수리합니다.\u003c\/strong\u003e 피부 깊은 층에서\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"collagen-benefit\"\u003e\n\u003cp\u003e\u003cstrong\u003e새로운 지원 네트워크 구축\u003c\/strong\u003e 피부 표면 바로 아래\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"collagen-benefit\"\u003e\n\u003cp\u003e\u003cstrong\u003e줄기세포를 자극합니다.\u003c\/strong\u003e 더욱 강하고 탄력있는 콜라겐을 생성하기 위해\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"collagen-result\"\u003e\n\u003cp\u003e\u003cstrong\u003e놀라운 결과:\u003c\/strong\u003e 젊음을 창조하는 피부... 영원히!\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- Protection Formula Section --\u003e\n\u003csection class=\"protection-section dark-section\"\u003e\n\u003ch2 class=\"section-title white-text\"\u003e\n      종합보호방식 : 24시간 x 365일 x 완전보호\n    \u003c\/h2\u003e\n\u003cdiv class=\"protection-grid\"\u003e\n\u003cdiv class=\"protection-card morning\"\u003e\n\u003ch4\u003e\u003cstrong\u003e아침 보호\u003c\/strong\u003e\u003c\/h4\u003e\n\u003cul class=\"protection-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003e99.7% 싸운다\u003c\/strong\u003e 대기오염물질과 먼지로부터\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e12시간 동안 촉촉함\u003c\/strong\u003e 가장 혹독한 조건에서도 지속 가능\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e즉각적인 광채를 선사합니다\u003c\/strong\u003e 하루종일 지속됨\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"protection-card night\"\u003e\n\u003ch4\u003e\u003cstrong\u003e야간수리\u003c\/strong\u003e\u003c\/h4\u003e\n\u003cul class=\"protection-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003e오늘의 피해를 반영합니다.\u003c\/strong\u003e 수면 중 95%\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e새로운 콜라겐을 생성합니다.\u003c\/strong\u003e 평소보다 400% 더 빠르다\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e피부 세포를 재생합니다\u003c\/strong\u003e 피로의 흔적을 지워준다\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- Transformation Timeline Section --\u003e\n\u003csection class=\"timeline-section\"\u003e\n\u003ch2 class=\"section-title\"\u003e\n      변화의 여정 - 첫날부터 영원한 젊음까지\n    \u003c\/h2\u003e\n\u003cdiv class=\"timeline-container\"\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-period\"\u003e첫날\u003c\/div\u003e\n\u003cdiv class=\"timeline-content\"\u003e\n\u003ch4\u003e즉각적인 효과\u003c\/h4\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003e즉각적인 수분 공급\u003c\/strong\u003e 모든 줄을 정확하게 채웁니다.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e실키한 부드러움\u003c\/strong\u003e 첫 번째 터치부터 알아차리죠\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e자연스러운 광채\u003c\/strong\u003e 화장이 필요없게 되네요\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-period\"\u003e첫 번째 주\u003c\/div\u003e\n\u003cdiv class=\"timeline-content\"\u003e\n\u003ch4\u003e건물 저항\u003c\/h4\u003e\n\u003cul\u003e\n\u003cli\u003e피부는 된다 \u003cstrong\u003e저항력이 더 강함\u003c\/strong\u003e 외부 요인에\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e눈에 띄는 개선\u003c\/strong\u003e 피부의 질감과 부드러움에\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e페이딩이 사라집니다\u003c\/strong\u003e 그리고 자연의 신선함의 모습\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-period\"\u003e첫 번째 달\u003c\/div\u003e\n\u003cdiv class=\"timeline-content\"\u003e\n\u003ch4\u003e깊은 갱신\u003c\/h4\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003e자연스러운 조임\u003c\/strong\u003e 수술하지 않은 피부의 경우\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e명백한 충만감\u003c\/strong\u003e 얇은 부위\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e슈퍼 저항\u003c\/strong\u003e 새로운 주름을 위해\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-period\"\u003e세 번째 달\u003c\/div\u003e\n\u003cdiv class=\"timeline-content\"\u003e\n\u003ch4\u003e최종 승리\u003c\/h4\u003e\n\u003cul\u003e\n\u003cli\u003e피부 \u003cstrong\u003e5~7살 어려요\u003c\/strong\u003e 실제 나이부터\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e탁월한 가죽 품질\u003c\/strong\u003e 응석받은 피부와 비슷합니다.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e영구적인 보호\u003c\/strong\u003e 미래의 노화 요인에 대비하여\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- Usage Instructions Section --\u003e\n\u003csection class=\"usage-section\"\u003e\n\u003ch2 class=\"section-title\"\u003e\n      종합적인 보호 계획 - 60초 루틴\n    \u003c\/h2\u003e\n\u003cdiv class=\"usage-routines\"\u003e\n\u003cdiv class=\"routine-card morning-routine\"\u003e\n\u003ch3\u003e\u003cstrong\u003e아침 루틴:\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cdiv class=\"routine-steps\"\u003e\n\u003cdiv class=\"step\"\u003e\n\u003cdiv class=\"step-number\"\u003e1\u003c\/div\u003e\n\u003cp\u003e\u003cstrong\u003e얼굴을 부드럽게 클렌징하고 두드려서 건조시킵니다.\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"step\"\u003e\n\u003cdiv class=\"step-number\"\u003e2\u003c\/div\u003e\n\u003cp\u003e넣어 \u003cstrong\u003e완두콩만큼의 양\u003c\/strong\u003e 얼굴과 목에\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"step\"\u003e\n\u003cdiv class=\"step-number\"\u003e3\u003c\/div\u003e\n\u003cp\u003e\u003cstrong\u003e30초 동안 위쪽으로 원을 그리며 마사지합니다.\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"step\"\u003e\n\u003cdiv class=\"step-number\"\u003e4\u003c\/div\u003e\n\u003cp\u003e그렇게 놔두세요 \u003cstrong\u003e당신의 보호막\u003c\/strong\u003e 하루 종일\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"routine-card evening-routine\"\u003e\n\u003ch3\u003e\u003cstrong\u003e저녁 루틴:\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cdiv class=\"routine-steps\"\u003e\n\u003cdiv class=\"step\"\u003e\n\u003cdiv class=\"step-number\"\u003e1\u003c\/div\u003e\n\u003cp\u003e\u003cstrong\u003e그날의 메이크업과 흔적을 조심스럽게 지워주세요\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"step\"\u003e\n\u003cdiv class=\"step-number\"\u003e2\u003c\/div\u003e\n\u003cp\u003e크림 접시 \u003cstrong\u003e조금 더 많은 양\u003c\/strong\u003e 야간 수리용\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"step\"\u003e\n\u003cdiv class=\"step-number\"\u003e3\u003c\/div\u003e\n\u003cp\u003e\u003cstrong\u003e혈액 순환을 촉진하기 위해 더 부드럽게 마사지하십시오.\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"step\"\u003e\n\u003cdiv class=\"step-number\"\u003e4\u003c\/div\u003e\n\u003cp\u003e하자 \u003cstrong\u003e재생플랜트\u003c\/strong\u003e 당신이 자고있는 동안 작동\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- Final Warning Section --\u003e\n\u003csection class=\"final-warning-section dark-section\"\u003e\n\u003ch2 class=\"section-title white-text\"\u003e\n      오늘부터 영원한 젊음의 여정을 시작하세요... 내일 후회하기 전에!\n    \u003c\/h2\u003e\n\u003cdiv class=\"warning-messages\"\u003e\n\u003cdiv class=\"warning-message\"\u003e\n\u003cp\u003e\u003cstrong\u003e기억하세요:\u003c\/strong\u003e 매일 연기 = 회복할 수 없는 노화의 하루 추가!\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"warning-message\"\u003e\n\u003cp\u003e\u003cstrong\u003e기억하세요:\u003c\/strong\u003e 오늘 예방=내일은 영원한 젊음!\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"investment-message\"\u003e\n\u003cp\u003e\u003cstrong\u003e피부의 미래에 투자하고 시간을 적이 아닌 동맹으로 만드세요!\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- CTA Section --\u003e\n\u003csection class=\"cta-section\"\u003e\n\u003ch2 class=\"section-title\"\u003e\n      지금 젊음을 보호하세요... 노년이 생각보다 가까워졌습니다!\n    \u003c\/h2\u003e\n\u003cdiv class=\"cta-content\"\u003e\n\u003cdiv class=\"cta-message\"\u003e\n\u003cp\u003e\u003cstrong\u003e시간을 적이 되게 하지 마세요... 오늘부터 보호를 시작하세요!\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cta-final\"\u003e\n\u003cp\u003e\u003cstrong\u003e지금 주문하세요\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp class=\"cta-sub\"\u003e그리고 영원한 젊음의 여정을 시작하세요\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- Ingredients List Section --\u003e\n\u003csection class=\"ingredients-list-section\"\u003e\n\u003ch2 class=\"section-title\"\u003e\n      전체 성분 목록\n    \u003c\/h2\u003e\n\u003cdiv class=\"ingredients-full-list\"\u003e\n\u003cp\u003e\u003cstrong\u003eAqua, Hydrolyzed Collagen, Glycerin, Cetearyl Alcohol, Cyclopentasiloxane, Dimethicone, Isopropyl Myristate, Propylene Glycol, Anti-Pollution Complex, Sodium Hyaluronate, Panthenol, Allantoin, Tocopheryl Acetate, Carbomer, Triethanolamine, Phenoxyethanol, Ethylhexylglycerin, Parfum, CI 42090.\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n\/* Base Styles *\/\n.eva-collagen-container {\n  font-family: inherit;\n  line-height: 1.6;\n  color: #333;\n  max-width: 100%;\n  margin: 0;\n  direction: ltr;\n  text-align: left;\n  background-color: #fff;\n}\n\n.eva-collagen-container * {\n  box-sizing: border-box;\n}\n\n\/* Section Styles *\/\nsection {\n  margin-bottom: 32px;\n  padding: 24px 16px;\n  border-radius: 12px;\n  position: relative;\n  overflow: hidden;\n}\n\n.dark-section {\n  background-color: #000;\n  color: white;\n}\n\n\/* Typography *\/\n.main-title {\n  font-size: clamp(20px, 5vw, 32px);\n  font-weight: 700;\n  color: #333;\n  margin-bottom: 20px;\n  text-align: center;\n  line-height: 1.3;\n}\n\n.hero-subtitle h2 {\n  font-size: clamp(16px, 3.5vw, 22px);\n  font-weight: 600;\n  color: #9C8102;\n  text-align: center;\n  margin: 0;\n}\n\n.warning-badge {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background-color: #333;\n  color: white;\n  padding: 12px 20px;\n  border-radius: 25px;\n  margin: 0 auto 20px;\n  width: fit-content;\n  font-weight: 600;\n  font-size: 14px;\n}\n\n.section-title {\n  font-size: clamp(18px, 4vw, 24px);\n  font-weight: 700;\n  color: #9C8102;\n  margin-bottom: 20px;\n}\n\n.section-title.white-text {\n  color: #9C8102;\n}\n\nh3 {\n  font-size: clamp(16px, 3.5vw, 20px);\n  font-weight: 700;\n  color: #333;\n  margin: 16px 0;\n}\n\nh4 {\n  font-size: clamp(15px, 3vw, 18px);\n  font-weight: 700;\n  color: #9C8102;\n  margin: 12px 0;\n}\n\nh5 {\n  font-size: clamp(14px, 2.5vw, 16px);\n  font-weight: 700;\n  color: #9C8102;\n  margin: 10px 0;\n}\n\n\/* War Section *\/\n.war-statement {\n  text-align: center;\n  background-color: #222;\n  padding: 24px;\n  border-radius: 12px;\n  border: 2px solid #9C8102;\n  margin-bottom: 24px;\n}\n\n.war-statement p {\n  color: white;\n  font-size: clamp(16px, 3vw, 18px);\n  margin: 0;\n}\n\n.damage-factors-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n  gap: 16px;\n  margin: 24px 0;\n}\n\n.factor-card {\n  padding: 20px;\n  background-color: #222;\n  border-radius: 12px;\n  border-right: 4px solid #9C8102;\n  transition: all 0.3s ease;\n}\n\n.factor-card:hover {\n  transform: translateX(-6px);\n  background-color: #333;\n}\n\n.factor-card h4 {\n  color: #9C8102;\n  margin-bottom: 8px;\n}\n\n.factor-card p {\n  color: #ddd;\n  margin: 0;\n}\n\n.solution-teaser {\n  text-align: center;\n  background-color: #9C8102;\n  color: white;\n  padding: 20px;\n  border-radius: 12px;\n  margin-top: 24px;\n  font-size: clamp(16px, 3vw, 18px);\n}\n\n.solution-teaser p {\n  margin: 0;\n}\n\n\/* Benefits Section *\/\n.benefits-subtitle {\n  text-align: center;\n  color: #9C8102;\n  margin-bottom: 32px;\n  font-size: clamp(16px, 3vw, 18px);\n}\n\n.benefits-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n  gap: 20px;\n  margin: 24px 0;\n}\n\n.benefit-card {\n  padding: 20px;\n  background-color: #f5f5f5;\n  border-radius: 12px;\n  border-right: 4px solid #9C8102;\n  text-align: center;\n  transition: all 0.3s ease;\n}\n\n.benefit-card:hover {\n  transform: translateY(-4px);\n  background-color: #eee;\n}\n\n.benefit-percentage, .benefit-time, .benefit-shield {\n  font-size: clamp(20px, 4vw, 28px);\n  font-weight: 700;\n  color: #9C8102;\n  margin-bottom: 8px;\n}\n\n.benefit-card p {\n  margin: 0;\n  font-weight: 600;\n}\n\n\/* Technology Section *\/\n.tech-intro {\n  text-align: center;\n  background-color: #222;\n  padding: 24px;\n  border-radius: 12px;\n  border: 2px solid #9C8102;\n  margin-bottom: 32px;\n}\n\n.tech-intro h3 {\n  color: #9C8102;\n  margin-bottom: 16px;\n}\n\n.tech-intro p {\n  color: white;\n  margin: 0;\n}\n\n.hydraconcept-features h4 {\n  color: #9C8102;\n  text-align: center;\n  margin-bottom: 24px;\n}\n\n.features-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n  gap: 20px;\n}\n\n.feature-card {\n  background-color: #222;\n  padding: 20px;\n  border-radius: 12px;\n  border-right: 4px solid #9C8102;\n  transition: all 0.3s ease;\n}\n\n.feature-card:hover {\n  transform: translateY(-4px);\n  background-color: #333;\n}\n\n.feature-card h5 {\n  color: #9C8102;\n  margin-bottom: 8px;\n}\n\n.feature-card p {\n  color: #ddd;\n  margin: 0;\n}\n\n\/* Collagen Section *\/\n.collagen-intro {\n  text-align: center;\n  background-color: #f5f5f5;\n  padding: 24px;\n  border-radius: 12px;\n  border-right: 4px solid #9C8102;\n  margin-bottom: 32px;\n}\n\n.collagen-intro h3 {\n  color: #9C8102;\n  margin-bottom: 16px;\n}\n\n.collagen-benefits-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n  gap: 16px;\n  margin: 24px 0;\n}\n\n.collagen-benefit {\n  padding: 20px;\n  background-color: #f5f5f5;\n  border-radius: 12px;\n  border-right: 4px solid #9C8102;\n  transition: all 0.3s ease;\n}\n\n.collagen-benefit:hover {\n  transform: translateX(-6px);\n  background-color: #eee;\n}\n\n.benefit-number {\n  font-size: clamp(18px, 3vw, 24px);\n  font-weight: 700;\n  color: #9C8102;\n  margin-bottom: 8px;\n}\n\n.collagen-benefit p {\n  margin: 0;\n}\n\n.collagen-result {\n  text-align: center;\n  background-color: #9C8102;\n  color: white;\n  padding: 20px;\n  border-radius: 12px;\n  margin-top: 24px;\n  font-size: clamp(16px, 3vw, 18px);\n}\n\n.collagen-result p {\n  margin: 0;\n}\n\n\/* Protection Section *\/\n.protection-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n  gap: 24px;\n  margin: 32px 0;\n}\n\n.protection-card {\n  background-color: #222;\n  padding: 24px;\n  border-radius: 12px;\n  border-right: 4px solid #9C8102;\n  transition: all 0.3s ease;\n}\n\n.protection-card:hover {\n  transform: translateY(-4px);\n  background-color: #333;\n}\n\n.protection-card h4 {\n  color: #9C8102;\n  margin-bottom: 16px;\n}\n\n.protection-list {\n  list-style: none;\n  padding: 0;\n  margin: 0;\n}\n\n.protection-list li {\n  padding: 8px 0;\n  padding-right: 24px;\n  position: relative;\n  color: #ddd;\n}\n\n.protection-list li::before {\n  content: \"✓\";\n  position: absolute;\n  right: 0;\n  color: #9C8102;\n  font-weight: 700;\n  font-size: 16px;\n}\n\n\/* Timeline Section *\/\n.timeline-container {\n  position: relative;\n  max-width: 900px;\n  margin: 0 auto;\n}\n\n.timeline-item {\n  display: flex;\n  align-items: flex-start;\n  margin-bottom: 32px;\n}\n\n.timeline-period {\n  width: 100px;\n  background-color: #9C8102;\n  color: white;\n  border-radius: 12px;\n  padding: 16px 12px;\n  margin-left: 20px;\n  flex-shrink: 0;\n  font-weight: 700;\n  font-size: 14px;\n  text-align: center;\n}\n\n.timeline-content {\n  background-color: #f5f5f5;\n  padding: 24px;\n  border-radius: 12px;\n  border-right: 4px solid #9C8102;\n  flex: 1;\n  transition: all 0.3s ease;\n}\n\n.timeline-content:hover {\n  transform: translateX(-4px);\n  background-color: #eee;\n}\n\n.timeline-content h4 {\n  color: #9C8102;\n  margin-bottom: 16px;\n  font-size: clamp(15px, 3vw, 18px);\n}\n\n.timeline-content ul {\n  list-style: none;\n  padding: 0;\n  margin: 0;\n}\n\n.timeline-content li {\n  padding: 6px 0;\n  padding-right: 24px;\n  position: relative;\n}\n\n.timeline-content li::before {\n  content: \"→\";\n  position: absolute;\n  right: 0;\n  color: #9C8102;\n  font-weight: 700;\n  font-size: 16px;\n}\n\n\/* Usage Section *\/\n.usage-routines {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));\n  gap: 24px;\n  margin: 32px 0;\n}\n\n.routine-card {\n  background-color: #f5f5f5;\n  padding: 24px;\n  border-radius: 12px;\n  border-right: 4px solid #9C8102;\n  transition: all 0.3s ease;\n}\n\n.routine-card:hover {\n  transform: translateY(-4px);\n  background-color: #eee;\n}\n\n.routine-card h3 {\n  color: #9C8102;\n  margin-bottom: 20px;\n  text-align: center;\n}\n\n.routine-steps {\n  display: grid;\n  gap: 16px;\n}\n\n.step {\n  display: flex;\n  align-items: flex-start;\n  gap: 16px;\n}\n\n.step-number {\n  width: 32px;\n  height: 32px;\n  background-color: #9C8102;\n  color: white;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-weight: 700;\n  font-size: 14px;\n  flex-shrink: 0;\n}\n\n.step p {\n  margin: 0;\n  flex: 1;\n}\n\n\/* Final Warning Section *\/\n.warning-messages {\n  display: grid;\n  gap: 16px;\n  margin: 24px 0;\n}\n\n.warning-message {\n  background-color: #222;\n  padding: 20px;\n  border-radius: 12px;\n  border: 2px solid #9C8102;\n  text-align: center;\n}\n\n.warning-message p {\n  margin: 0;\n  color: white;\n  font-weight: 600;\n}\n\n.investment-message {\n  text-align: center;\n  background-color: #9C8102;\n  color: white;\n  padding: 24px;\n  border-radius: 12px;\n  margin-top: 24px;\n  font-size: clamp(16px, 3vw, 18px);\n}\n\n.investment-message p {\n  margin: 0;\n}\n\n\/* CTA Section *\/\n.cta-content {\n  text-align: center;\n  padding: 32px 24px;\n  background-color: #f5f5f5;\n  border-radius: 16px;\n  border: 3px solid #9C8102;\n  position: relative;\n  overflow: hidden;\n}\n\n.cta-message {\n  margin-bottom: 24px;\n}\n\n.cta-message p {\n  margin: 12px 0;\n  font-size: clamp(16px, 3vw, 18px);\n  color: #333;\n  font-weight: 600;\n}\n\n.cta-final {\n  background-color: #9C8102;\n  color: white;\n  padding: 24px;\n  border-radius: 12px;\n  transition: all 0.3s ease;\n}\n\n.cta-final:hover {\n  transform: translateY(-2px);\n  background-color: #8B7102;\n}\n\n.cta-final p {\n  margin: 8px 0;\n}\n\n.cta-final p:first-child {\n  font-size: clamp(20px, 4vw, 24px);\n  font-weight: 700;\n}\n\n.cta-sub {\n  font-size: clamp(14px, 2.5vw, 16px);\n  opacity: 0.9;\n}\n\n\/* Ingredients List Section *\/\n.ingredients-full-list {\n  background-color: #f5f5f5;\n  padding: 24px;\n  border-radius: 12px;\n  border-right: 4px solid #9C8102;\n  font-size: 14px;\n  line-height: 1.8;\n}\n\n\/* Responsive Design *\/\n@media (max-width: 768px) {\n  .eva-collagen-container {\n    font-size: 14px;\n  }\n  \n  section {\n    padding: 20px 12px;\n    margin-bottom: 24px;\n  }\n  \n  .damage-factors-grid, .benefits-grid, .features-grid, .collagen-benefits-grid, .protection-grid {\n    grid-template-columns: 1fr;\n    gap: 16px;\n  }\n  \n  .usage-routines {\n    grid-template-columns: 1fr;\n    gap: 16px;\n  }\n  \n  .timeline-period {\n    width: 80px;\n    padding: 12px 8px;\n    font-size: 12px;\n    margin-left: 16px;\n  }\n  \n  .step {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 8px;\n  }\n  \n  .step-number {\n    width: 28px;\n    height: 28px;\n    font-size: 12px;\n  }\n}\n\n@media (max-width: 480px) {\n  .warning-badge {\n    padding: 10px 16px;\n    font-size: 13px;\n  }\n  \n  .timeline-period {\n    width: 70px;\n    padding: 10px 6px;\n  }\n  \n  .cta-content {\n    padding: 24px 16px;\n  }\n  \n  .usage-routines {\n    grid-template-columns: 1fr;\n  }\n  \n  .routine-card {\n    padding: 20px;\n  }\n}\n\n\/* Performance Optimizations *\/\n@media (prefers-reduced-motion: reduce) {\n  * {\n    animation-duration: 0.01ms !important;\n    animation-iteration-count: 1 !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e\n\u003cscript\u003e\n(function() {\n  'use strict';\n  \n  \/\/ Initialize when DOM is ready\n  function init() {\n    \/\/ Simple hover effects for cards\n    const cards = document.querySelectorAll('.factor-card, .benefit-card, .feature-card, .collagen-benefit, .protection-card, .routine-card');\n    cards.forEach(function(card) {\n      card.addEventListener('mouseenter', function() {\n        this.style.transform = 'translateX(-6px) translateY(-2px)';\n      });\n      \n      card.addEventListener('mouseleave', function() {\n        this.style.transform = '';\n      });\n    });\n\n    \/\/ Touch interaction for mobile\n    const touchElements = document.querySelectorAll('.factor-card, .benefit-card, .feature-card, .collagen-benefit, .protection-card');\n    touchElements.forEach(function(element) {\n      element.addEventListener('touchstart', function() {\n        this.style.transform = 'scale(0.98)';\n      }, { passive: true });\n      \n      element.addEventListener('touchend', function() {\n        this.style.transform = '';\n      }, { passive: true });\n    });\n\n    \/\/ CTA hover effect\n    const ctaSection = document.querySelector('.cta-section');\n    if (ctaSection) {\n      ctaSection.addEventListener('mouseenter', function() {\n        this.style.transform = 'scale(1.01)';\n      });\n      \n      ctaSection.addEventListener('mouseleave', function() {\n        this.style.transform = '';\n      });\n    }\n\n    \/\/ Basic image loading if any\n    const images = document.querySelectorAll('.eva-collagen-container img');\n    images.forEach(function(img) {\n      if (!img.complete) {\n        img.style.opacity = '0';\n        img.style.transition = 'opacity 0.3s ease';\n        img.addEventListener('load', function() {\n          this.style.opacity = '1';\n        });\n      }\n    });\n  }\n\n  \/\/ Initialize when DOM is ready\n  if (document.readyState === 'loading') {\n    document.addEventListener('DOMContentLoaded', init);\n  } else {\n    init();\n  }\n})();\n\u003c\/script\u003e","brand":"eva cosmetics","offers":[{"title":"Default Title","offer_id":44982292840645,"sku":null,"price":250.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/EvaSkinClinicCollagenMoisturizingCreamForyouth50ml.webp?v=1754394837","url":"https:\/\/instachiq.com\/ko\/products\/eva-skin-clinic-collagen-moisturizing-cream-for-youth-20-50ml","provider":"Instachiq","version":"1.0","type":"link"}