/* Generated by tools/migrate_pages.php from the old page's own styles — scoped to .hz-landing. */
.hz-landing h3.x-h4 { font-size: 1.15rem; }
.hz-landing h3.x-h5 { font-size: 1rem; }
.hz-landing .brand-story { padding:40px 0; background:#faf7f2; }
.hz-landing .story-heading { font-size:32px; font-weight:700; margin-bottom:25px; color:#222; }
.hz-landing .story-list { list-style:none; padding:0; margin-bottom:20px; }
.hz-landing .story-list li { font-size:17px; line-height:1.8; color:#444; display:flex; align-items:flex-start; margin-bottom:18px; }
.hz-landing .story-list li i { background:#826f01; color:#fff; width:24px; height:24px; display:flex; align-items:center; justify-content:center; border-radius:50%; margin-right:12px; font-size:13px; margin-top:5px; flex-shrink:0; }
.hz-landing .story-highlight { font-size:18px; font-weight:600; color:#222; line-height:1.9; margin:30px 0; }
.hz-landing .story-brand { font-size:19px; font-weight:600; color:#333; margin-top:30px; }
.hz-landing .story-brand span { color:#f2ce00; }
@media (max-width:767px) {
.hz-landing .brand-story { padding:40px 15px; }
.hz-landing .story-heading { font-size:26px; }
.hz-landing .story-list li { font-size:16px; }
.hz-landing .story-highlight { font-size:17px; }
.hz-landing .story-brand { font-size:18px; }
}
.hz-landing .why-zest { padding: 40px 0; background: #ffffff; }
.hz-landing .zest-title { font-size: 34px; font-weight: 700; color: #222; margin-bottom: 20px; position: relative; }
.hz-landing .zest-title::after { content: ''; width: 60px; height: 3px; background: #f2ce00; display: block; margin-top: 10px; }
.hz-landing .zest-desc { font-size: 16.5px; line-height: 1.8; color: #555; margin-bottom: 16px; }
.hz-landing .zest-final { font-size: 18px; font-weight: 600; color: #222; margin-top: 25px; }
.hz-landing .zest-card { background: #fafafa; padding: 35px 20px; border-radius: 6px; text-align: center; height: 100%; transition: all 0.3s ease; border: 1px solid #eee; }
.hz-landing .zest-card:hover { transform: translateY(-6px); box-shadow: 0 12px 25px rgba(0,0,0,0.08); }
.hz-landing .zest-icon { font-size: 36px; color: #f2ce00; margin-bottom: 15px; }
.hz-landing .zest-card h3.x-h5 { font-size: 19px; font-weight: 600; margin-bottom: 10px; color: #222; }
.hz-landing .zest-card p { font-size: 15px; color: #666; line-height: 1.6; }
@media (max-width: 767px) {
.hz-landing .why-zest { padding: 30px 15px; }
.hz-landing .zest-title { font-size: 28px; }
}
.hz-landing .hz-section { padding:40px 20px; background:aliceblue; color:#222; }
.hz-landing .hz-center { text-align:center; margin-bottom:10px; }
.hz-landing .hz-center h2 { font-size:36px !important; font-weight:700; margin-bottom:0; color:#826f01; line-height:46px; padding:0 !important; }
.hz-landing .hz-divider { display:inline-block; width:60px; height:4px; background:#f2ce00; border-radius:2px; }
.hz-landing .hz-timeline { text-align:center; max-width:700px; margin:0 auto 30px; }
.hz-landing .hz-timeline p { font-size:18px; line-height:1.7; margin-bottom:0; color:#444; }
.hz-landing .hz-bold { font-weight:600; color:#826f01; }
.hz-landing .hz-products { display:flex; justify-content:center; align-items:center; gap:40px; max-width:900px; margin:0 auto; }
.hz-landing .hz-product { flex:1; max-width:420px; }
.hz-landing .hz-product img { width:100%; height:auto; border-radius:16px; display:block; box-shadow:0 10px 30px rgba(0,0,0,0.08); transition:0.3s; }
.hz-landing .hz-product img:hover { transform:scale(1.04); box-shadow:0 20px 50px rgba(0,0,0,0.15); }
@media (max-width:900px) {
.hz-landing .hz-products { flex-wrap:wrap; gap:25px; }
.hz-landing .hz-product { max-width:90%; }
}
@media (max-width:600px) {
.hz-landing .hz-section { padding:50px 15px; }
.hz-landing .hz-center h2 { font-size:24px; }
.hz-landing .hz-timeline p { font-size:16px; }
}
.hz-landing .hz-process-section { padding: 40px 20px; background: linear-gradient(135deg, #fff9d8 0%, #ffffff 40%, #fff4b5 100%); position: relative; overflow: hidden; }
.hz-landing .hz-process-section:before { content: ""; position: absolute; top: -100px; right: -100px; width: 350px; height: 350px; background: radial-gradient(circle, rgba(242, 206, 0, 0.25) 0%, rgba(130, 111, 1, 0.15) 60%, transparent 70%); border-radius: 50%; }
.hz-landing .hz-title { font-size: 36px; font-weight: 700; color: #826f01; margin-bottom: 15px; }
.hz-landing .hz-divider { width: 60px; height: 4px; background: #f2ce00; margin-bottom: 15px; border-radius: 2px; }
.hz-landing .hz-left p { font-size: 17px; line-height: 1.7; color: #444; margin-bottom: 10px; }
.hz-landing .hz-process-list { list-style: none; padding: 0; margin: 10px 0; }
.hz-landing .hz-process-list li { margin-bottom: 0px; font-size: 16px; display: flex; align-items: center; color: #333; }
.hz-landing .hz-process-list li i { color: #f2ce00; margin-right: 12px; font-size: 14px; background: #826f01; color: #fff; width: 24px; height: 24px; display: flex; align-items: center; justify-content: center; border-radius: 50%; }
.hz-landing .hz-highlight { font-style: italic; margin-top: 0px; margin-bottom: 0px; }
.hz-landing .hz-bold { font-weight: 600; color: #826f01; margin-top: 10px; }
.hz-landing .hz-experience-box { background: #ffffff; padding: 40px; border-radius: 18px; box-shadow: 0 15px 40px rgba(130, 111, 1, 0.12); position: relative; z-index: 2; transition: 0.3s ease; }
.hz-landing .hz-experience-box:hover { transform: translateY(-6px); box-shadow: 0 20px 50px rgba(130, 111, 1, 0.18); }
.hz-landing .hz-experience-box h3 { font-size: 24px; font-weight: 700; color: #826f01; margin-bottom: 20px; }
.hz-landing .hz-experience-list { list-style: none; padding: 0; margin: 20px 0; }
.hz-landing .hz-experience-list li { font-size: 16px; display: flex; align-items: center; color: #444; padding-bottom: 6px !important; margin: 0px !important; }
.hz-landing .hz-experience-list li i { color: #f2ce00; margin-right: 10px; }
.hz-landing .hz-quote p { margin-bottom: 8px; font-style: italic; color: #555; }
.hz-landing .hz-final-line { margin-top: 15px; font-weight: 600; color: #826f01; }
@media (max-width: 991px) {
.hz-landing .hz-process-section { padding: 70px 15px; }
.hz-landing .hz-title { font-size: 28px; }
.hz-landing .hz-experience-box { margin-top: 40px; padding: 30px; }
}
@media (max-width: 576px) {
.hz-landing .hz-title { font-size: 22px; }
.hz-landing .hz-left p, .hz-landing .hz-process-list li, .hz-landing .hz-experience-list li { font-size: 15px; }
.hz-landing .hz-experience-box { padding: 25px 20px; border-radius: 14px; }
}
.hz-landing .hz-derma-section { padding:100px 20px; background:aliceblue; position:relative; overflow:hidden; padding-top:40px; }
.hz-landing .hz-derma-section:after { content:"INDIAN SKIN"; position:absolute; bottom:40px; right:100px; font-size:120px; font-weight:800; color:rgba(130,111,1,0.04); letter-spacing:5px; z-index:0; }
.hz-landing .hz-derma-left { position:relative; z-index:2; }
.hz-landing .hz-accent-line { width:6px; height:60px; background:linear-gradient(to bottom,#f2ce00,#826f01); margin-bottom:25px; border-radius:3px; position:absolute; left:0px; top:10px; }
.hz-landing .hz-main-title { font-size:38px; font-weight:700; color:#826f01; line-height:1.3; }
.hz-landing .hz-main-title span { color:#333; font-weight:600; }
.hz-landing .hz-derma-list { list-style:none; padding:0; margin-top:25px; }
.hz-landing .hz-derma-list li { display:flex; align-items:flex-start; font-size:17px; color:#444; margin-bottom:12px; line-height:1.7; }
.hz-landing .hz-derma-list li i { width:26px; height:26px; background:#826f01; color:#fff; border-radius:50%; display:flex; align-items:center; justify-content:center; margin-right:12px; font-size:13px; margin-top:4px; flex-shrink:0; }
.hz-landing .hz-muted { color:#777; }
.hz-landing .hz-bold-line { margin-top:15px; font-weight:600; color:#826f01; }
.hz-landing .hz-philosophy-card { background:#ffffff; padding:45px; border-radius:20px; box-shadow:0 20px 50px rgba(130,111,1,0.15); position:relative; z-index:2; transition:all .3s ease; }
.hz-landing .hz-philosophy-card:hover { transform:translateY(-8px); box-shadow:0 25px 60px rgba(130,111,1,0.2); }
.hz-landing .hz-philosophy-card h3 { font-size:26px; font-weight:700; color:#826f01; margin-bottom:20px; }
.hz-landing .hz-values { margin:25px 0; }
.hz-landing .hz-values-title { font-weight:600; margin-bottom:15px; }
.hz-landing .hz-values ul { list-style:none; padding:0; }
.hz-landing .hz-values li { display:flex; align-items:center; font-size:16px; margin-bottom:6px; }
.hz-landing .hz-values li i { width:26px; height:26px; background:#826f01; color:#fff; border-radius:50%; display:flex; align-items:center; justify-content:center; margin-right:12px; font-size:13px; }
.hz-landing .hz-bottom-line p { margin-bottom:6px; color:#555; }
.hz-landing .hz-zest-line { margin-top:12px; font-weight:600; color:#826f01; }
@media(max-width:991px) {
.hz-landing .hz-derma-section { padding:70px 15px; }
.hz-landing .hz-main-title { font-size:28px; }
.hz-landing .hz-philosophy-card { margin-top:40px; padding:30px; }
.hz-landing .hz-derma-section:after { font-size:70px; right:-20px; }
}
@media(max-width:576px) {
.hz-landing .hz-main-title { font-size:22px; }
.hz-landing .hz-derma-list li, .hz-landing .hz-values li { font-size:15px; }
.hz-landing .hz-philosophy-card { padding:25px 20px; border-radius:16px; }
.hz-landing .hz-derma-section:after { display:none; }
}
.hz-landing .hz-benefit-section { padding:60px 20px; background:linear-gradient(120deg,#fffef6 0%,#fff6c2 40%,#ffffff 100%); font-family:'Poppins',sans-serif; }
.hz-landing .hz-product-box { background:#fff; padding:35px; border-radius:10px; box-shadow:0 8px 25px rgba(0,0,0,0.06); height:100%; }
.hz-landing .hz-product-box h2 { font-size:24px; font-weight:700; color:#826f01; margin-bottom:10px; }
.hz-landing .hz-hook { font-size:16px; color:#444; margin-bottom:18px; }
.hz-landing .hz-product-box h3.x-h4 { color:#826f01; margin-bottom:15px; font-weight:600; }
.hz-landing .hz-ingredient-list { list-style:none; padding:0; margin:0; }
.hz-landing .hz-ingredient-list li { display:flex; margin-bottom:10px; font-size:15px; line-height:1.6; }
.hz-landing .hz-ingredient-list li i { min-width:34px; height:34px; background:#e63946; color:#fff; border-radius:50%; display:flex; align-items:center; justify-content:center; margin-right:15px; font-size:14px; }
.hz-landing .hz-btn-wrapper { text-align:center; margin-top:40px; }
.hz-landing .hz-product-btn { display:inline-block; padding:14px 32px; background:#f2ce00; color:#fff; text-decoration:none; border-radius:6px; font-weight:600; letter-spacing:0.3px; transition:all .3s ease; }
.hz-landing .hz-product-btn:hover { background:#f2ce00; color:#000; transform:translateY(-2px); }
@media(max-width:991px) {
.hz-landing .hz-product-box { margin-bottom:30px; }
}
.hz-landing .testimonial-section { background: #fff; }
.hz-landing .section-title { font-size: 36px; font-weight: 700; color: #7a6500; position: relative; display: inline-block; }
.hz-landing .section-title::after { content: ""; display: block; width: 60px; height: 4px; background: #f4c400; margin: 10px auto 0; border-radius: 2px; }
.hz-landing .section-subtitle { color: #6c757d; margin-top: 10px; font-size: 16px; }
.hz-landing .shorts-card { position: relative; width: 100%; height: 500px; border-radius: 20px; overflow: hidden; box-shadow: 0 10px 25px rgba(0,0,0,0.15); background: #000; transition: 0.3s; }
.hz-landing .shorts-card:hover { transform: translateY(-5px); }
.hz-landing .shorts-card iframe { width: 100%; height: 100%; border: none; }
@media (max-width: 576px) {
.hz-landing .section-title { font-size: 28px; }
.hz-landing .shorts-card { height: 400px; }
}
.hz-landing img { max-width: 100%; height: auto; }
.hz-landing picture { display: contents; }
.hz-landing a, .hz-landing a:hover { text-decoration: none; }
.hz-landing .bnraimag img { display: block; width: 100%; border-radius: 8px; }
.hz-landing .shorts-card .ms-video, .hz-landing .shorts-card .ms-video__btn { position: absolute; inset: 0; width: 100%; height: 100%; aspect-ratio: auto; border-radius: 0; }
.hz-landing .shorts-card .ms-video__thumb { width: 100%; height: 100%; object-fit: cover; }
/* The old page showed no title; the H1 stays for search and screen readers. */
.ms-phead-wrap { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }