/* Generated by scripts/extract-content.mjs from mockup/food/index.html <style>. Do not edit; edit the mockup and re-run npm run extract. */
.wp-block-post-content .services-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 24px; }
.wp-block-post-content .service-card { background: var(--white); border-radius: var(--radius); padding: 32px 28px; border: 1.5px solid #ddf0f4; transition: box-shadow .25s, transform .2s, border-color .2s; }
.wp-block-post-content .service-card:hover { box-shadow: var(--shadow); transform: translateY(-4px); border-color: var(--teal); }
.wp-block-post-content .service-icon { width: 54px; height: 54px; border-radius: 13px; background: var(--teal-l); display: flex; align-items: center; justify-content: center; margin-bottom: 20px; }
.wp-block-post-content .service-icon svg { width: 26px; height: 26px; stroke: var(--teal); fill: none; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.wp-block-post-content .service-card h3 { font-size: 1.05rem; color: var(--dark); margin-bottom: 10px; }
.wp-block-post-content .service-card p:where(:not([class*="from-"])) { font-size: .87rem; color: var(--muted); line-height: 1.68; }
.wp-block-post-content .why { background: var(--white); }
.wp-block-post-content .why-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 56px; align-items: center; }
.wp-block-post-content .why-visual { background: linear-gradient(145deg, var(--teal-d), var(--dark)); border-radius: 20px; padding: 44px 36px; color: #fff; position: relative; overflow: hidden; }
.wp-block-post-content .why-visual::after { content: ''; position: absolute; right: -40px; bottom: -40px; width: 180px; height: 180px; border-radius: 50%; background: rgba(255,255,255,.05); }
.wp-block-post-content .why-visual h3 { font-size: 1.4rem; margin-bottom: 20px; }
.wp-block-post-content .why-list { list-style: none; display: flex; flex-direction: column; gap: 14px; }
.wp-block-post-content .why-list li { display: flex; align-items: flex-start; gap: 12px; font-size: .9rem; color: rgba(255,255,255,.82); line-height: 1.55; }
.wp-block-post-content .why-check { width: 20px; height: 20px; border-radius: 50%; background: rgba(78,205,196,.2); border: 1.5px solid #40cad6; display: flex; align-items: center; justify-content: center; flex-shrink: 0; margin-top: 1px; }
.wp-block-post-content .why-check svg { width: 10px; height: 10px; stroke: #40cad6; fill: none; stroke-width: 3; }
.wp-block-post-content .why-content h2 { font-size: clamp(1.4rem, 2.5vw, 1.9rem); color: var(--dark); margin-bottom: 16px; }
.wp-block-post-content .why-content p:where(:not([class*="from-"])) { font-size: .93rem; color: var(--muted); line-height: 1.75; margin-bottom: 14px; }
.wp-block-post-content .pathogens { background: var(--bg); }
.wp-block-post-content .pathogen-list { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 24px; }
.wp-block-post-content .pathogen-tag { background: var(--white); border: 1.5px solid #cceef4; color: var(--teal-d); border-radius: 8px; padding: 8px 16px; font-size: .85rem; font-weight: 600; }
@media (max-width: 900px) {
	.wp-block-post-content .why-grid { grid-template-columns: 1fr; }
}