Sujet: The Japanese "gut armor" secret for tired eyes
De: Weekend Home Tips AU
Date: 07 août 2026 à 18:06
<!DOCTYPE html>
FizzClean - Advertorial
@import url('
https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;700;900&family=Source+Sans+3:wght@400;600;700&display=swap');
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
background-color: #f5f3ef;
font-family: 'Source Sans 3', Georgia, sans-serif;
color: #1c1c1c;
}
.email-wrapper {
max-width: 620px;
margin: 0 auto;
background: #ffffff;
}
/* TOP NEWS BANNER */
.news-banner {
background: #1c1c1c;
padding: 10px 20px;
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
}
.news-banner .site-name {
font-family: 'Playfair Display', Georgia, serif;
font-size: 16px;
font-weight: 700;
color: #ffffff;
letter-spacing: 1px;
}
.news-banner .advertorial-tag {
font-size: 10px;
background: rgba(255, 255, 255, 0.15);
color: rgba(255, 255, 255, 0.7);
padding: 3px 10px;
letter-spacing: 1.5px;
text-transform: uppercase;
border: 1px solid rgba(255, 255, 255, 0.2);
}
.news-banner .flag {
width: 24px;
height: 16px;
flex-shrink: 0;
}
/* ALERT BAR */
.alert-bar {
background: #c0392b;
padding: 9px 20px;
text-align: center;
}
.alert-bar p {
font-family: 'Source Sans 3', sans-serif;
font-size: 12px;
font-weight: 700;
color: #fff;
letter-spacing: 0.5px;
}
.alert-bar p strong {
text-transform: uppercase;
}
.alert-bar a {
color: #fff;
text-decoration: underline;
}
/* ARTICLE HEADER */
.article-header {
padding: 30px 36px 20px;
border-bottom: 2px solid #1c1c1c;
}
.article-header .category-tag {
display: inline-block;
font-size: 10px;
font-weight: 700;
letter-spacing: 2.5px;
text-transform: uppercase;
color: #c0392b;
margin-bottom: 12px;
}
.article-header h1 {
font-family: 'Playfair Display', Georgia, serif;
font-size: 28px;
font-weight: 900;
line-height: 1.2;
color: #1c1c1c;
margin-bottom: 14px;
}
.article-header .deck {
font-size: 16px;
color: #444;
line-height: 1.6;
font-style: italic;
border-left: 3px solid #c0392b;
padding-left: 14px;
margin-bottom: 16px;
}
.byline {
display: flex;
align-items: center;
gap: 10px;
padding-top: 12px;
border-top: 1px solid #ddd;
}
.byline-avatar {
width: 40px;
height: 40px;
border-radius: 50%;
object-fit: cover;
flex-shrink: 0;
}
.byline-info .author {
font-size: 13px;
font-weight: 700;
color: #1c1c1c;
}
.byline-info .meta {
font-size: 11px;
color: #888;
}
.sale-pill {
margin-left: auto;
background: #c0392b;
color: #fff;
font-size: 11px;
font-weight: 700;
padding: 4px 12px;
border-radius: 3px;
text-transform: uppercase;
letter-spacing: 0.5px;
white-space: nowrap;
}
/* HERO IMAGE */
.hero-article {
position: relative;
}
.hero-article img {
width: 100%;
display: block;
}
.hero-article .img-caption {
background: #f5f3ef;
padding: 8px 36px;
font-size: 11px;
color: #888;
font-style: italic;
border-bottom: 1px solid #ddd;
}
/* ARTICLE BODY */
.article-body {
padding: 28px 36px;
}
.article-body p {
font-size: 15px;
line-height: 1.75;
color: #333;
margin-bottom: 16px;
}
.article-body p strong {
color: #1c1c1c;
}
.article-body h2 {
font-family: 'Playfair Display', Georgia, serif;
font-size: 20px;
font-weight: 700;
color: #1c1c1c;
margin: 24px 0 12px;
line-height: 1.3;
}
/* PULL QUOTE */
.pull-quote {
background: #f5f3ef;
border-left: 5px solid #c0392b;
padding: 20px 24px;
margin: 20px 0;
border-radius: 0 4px 4px 0;
}
.pull-quote p {
font-family: 'Playfair Display', Georgia, serif;
font-size: 18px !important;
font-weight: 700 !important;
color: #1c1c1c !important;
line-height: 1.4 !important;
margin: 0 !important;
font-style: italic;
}
/* INLINE IMAGE */
.inline-image {
margin: 20px 0;
}
.inline-image img {
width: 100%;
border-radius: 4px;
display: block;
}
.inline-image .caption {
font-size: 11px;
color: #888;
font-style: italic;
margin-top: 6px;
text-align: center;
}
/* CHECKLIST */
.checklist {
background: #f9f9f9;
border: 1px solid #e8e8e8;
border-radius: 6px;
padding: 20px 24px;
margin: 20px 0;
}
.checklist h3 {
font-family: 'Playfair Display', serif;
font-size: 15px;
font-weight: 700;
color: #1c1c1c;
margin-bottom: 12px;
text-transform: uppercase;
letter-spacing: 0.5px;
font-style: normal;
}
.checklist ul {
list-style: none;
padding: 0;
}
.checklist li {
font-size: 14px;
color: #333;
padding: 6px 0;
border-bottom: 1px solid #efefef;
display: flex;
align-items: flex-start;
gap: 8px;
line-height: 1.5;
}
.checklist li:last-child {
border-bottom: none;
}
.check-mark {
color: #27ae60;
font-size: 16px;
font-weight: 700;
flex-shrink: 0;
margin-top: 1px;
}
/* COMPARISON IMAGE FULL */
.comparison-full {
padding: 0 36px 20px;
}
.comparison-full img {
width: 100%;
border-radius: 6px;
display: block;
border: 1px solid #e8e8e8;
}
/* OFFER BOX */
.offer-box {
background: #1c1c1c;
margin: 0 36px 28px;
padding: 28px 24px;
border-radius: 4px;
text-align: center;
}
.offer-box .tag {
display: inline-block;
background: #c0392b;
color: #fff;
font-size: 10px;
font-weight: 700;
letter-spacing: 2px;
text-transform: uppercase;
padding: 4px 14px;
margin-bottom: 12px;
}
.offer-box h3 {
font-family: 'Playfair Display', serif;
font-size: 22px;
font-weight: 900;
color: #ffffff;
margin-bottom: 8px;
line-height: 1.3;
}
.offer-box p {
font-size: 13px;
color: rgba(255, 255, 255, 0.7);
margin-bottom: 20px;
line-height: 1.6;
}
.offer-box-btn {
display: inline-block;
background: #ffffff;
color: #1c1c1c;
font-family: 'Source Sans 3', sans-serif;
font-size: 14px;
font-weight: 700;
text-decoration: none;
padding: 14px 36px;
border-radius: 3px;
text-transform: uppercase;
letter-spacing: 1px;
}
.offer-box .stock-note {
margin-top: 12px;
font-size: 11px;
color: rgba(255, 255, 255, 0.5);
}
/* GUARANTEE STRIP */
.guarantee-strip {
display: flex;
align-items: center;
justify-content: center;
gap: 30px;
padding: 16px 36px;
background: #f5f3ef;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
}
.g-item {
text-align: center;
}
.g-item .g-icon {
font-size: 20px;
margin-bottom: 4px;
display: block;
color: #c0392b;
}
.g-item p {
font-size: 10px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1px;
color: #666;
}
/* FOOTER */
.footer {
background: #1c1
