@import url("/blog/foods-during-period/style.css");

.fh-period-start-body .fh-blog-article {
    background: radial-gradient(circle at 10% 8%, rgba(245,59,108,.07), transparent 29%), radial-gradient(circle at 91% 15%, rgba(47,174,131,.075), transparent 31%), linear-gradient(180deg,#fff8fb 0%,#fffdfd 49%,#fff 100%);
}
.fh-period-start-body .fh-blog-hero__visual { aspect-ratio:16/9; min-height:0; background:linear-gradient(135deg,#ffeef4,#e9f7f2); }
.fh-period-start-body .fh-blog-hero__image { width:100%; height:100%; display:block; aspect-ratio:16/9; object-fit:cover; object-position:center; }
.fh-period-food-block { margin-top:16px; padding:20px 22px; border:1px solid rgba(47,174,131,.13); border-radius:22px; background:rgba(255,255,255,.82); }
.fh-period-food-block h3 { margin-top:0; color:#3f665a; }
.fh-period-food-block p { margin-bottom:8px; }
.fh-period-food-block ul { margin:8px 0 0; padding-right:20px; color:#55556a; line-height:2.15; }
.fh-period-alert,.fh-period-rule { margin-top:18px; padding:18px 20px; border-radius:20px; font-weight:650; line-height:2; }
.fh-period-alert { border:1px solid rgba(245,59,108,.17); color:#824158; background:#fff0f5; }
.fh-period-rule { color:#a1194a; background:#ffe8f0; text-align:center; font-size:18px; }
.fh-period-pregnancy { margin-top:38px; padding:24px; border:1px solid rgba(124,58,237,.13); border-radius:24px; background:linear-gradient(135deg,#fff,#f5efff); }
.fh-period-pregnancy h2 { margin-top:0; }
@media(max-width:760px){
    .fh-period-food-block,.fh-period-pregnancy { margin-inline:0; border-radius:20px; }
    .fh-period-start-body .fh-blog-table td:first-child::before { color:#356b91; }
    .fh-period-start-body .fh-blog-table td:nth-child(2)::before { color:#24765f; }
    .fh-period-start-body .fh-blog-table td:nth-child(3)::before { color:var(--fh-pink-dark); }
}