.product-page article .post-content {
max-width: 860px;
margin: 0 auto;
font-family: 'Inter', ui-sans-serif, system-ui, sans-serif;
font-size: 1.2rem;
line-height: 1.9;
color: #222;
letter-spacing: 0.005em;
padding-top: 1.25rem;
padding-bottom: 1.25rem;
}
@media (max-width:1024px){
.product-page article .post-content {
font-size:1.175rem;
line-height:1.9;
}
}
@media (max-width:640px){
.product-page article .post-content {
font-size:1.125rem;
line-height:1.95;
padding:0 1.25rem 1.5rem;
}
} .product-page .post-content h1,
.product-page .post-content h2,
.product-page .post-content h3,
.product-page .post-content h4 { color:#000; }
.product-page .post-content h1 {
font-size:2.6rem;
font-weight:800;
line-height:1.25;
margin-bottom:1.25rem;
}
@media (min-width:640px){ .product-page .post-content h1 { font-size:3rem; } }
.product-page .post-content h2 {
font-size:2rem;
font-weight:750;
line-height:1.25;
margin-top:2.25rem;
margin-bottom:1rem;
}
@media (min-width:1024px){ .product-page .post-content h2 { font-size:2.25rem; } } .product-page .post-content h2::before {
content:none !important;
}
.product-page .post-content h3 {
font-size:1.6rem;
font-weight:650;
line-height:1.3;
margin-top:1.75rem;
margin-bottom:.75rem;
}
@media (min-width:1024px){ .product-page .post-content h3 { font-size:1.75rem; } }
.product-page .post-content h4 {
font-size:1.25rem;
font-weight:600;
margin-top:1.75rem;
margin-bottom:.75rem;
} .product-page .post-content p,
.product-page .post-content ul,
.product-page .post-content ol { margin-bottom:1.35em; }
.product-page .post-content ul { list-style:disc; padding-left:1.5rem; }
.product-page .post-content ol { list-style:decimal; padding-left:1.5rem; }
.product-page .post-content li { margin-bottom:0.5rem; }
.product-page .post-content ul ul { list-style-type:circle; } .product-page .post-content a {
color: #0a0a0a;
text-decoration: none;
border-bottom: 1.5px solid #000;
font-weight: 500;
transition: color .2s ease, border-color .2s ease, opacity .2s ease;
}
.product-page .post-content a:hover {
color: #000;
border-color: #000;
opacity: 0.7;
}
.product-page .post-content a strong,
.product-page .post-content a b {
font-weight: 700;
color: inherit;
border-bottom: 1.5px solid currentColor;
}
.product-page .post-content > * + * {
margin-top: 1.25em;
} .product-page article .post-content { margin-left:0; padding-left:0; }
.product-page h1 { position:relative; left:1px; } .product-page aside > div:hover {
transform:translateY(-2px);
box-shadow:0 4px 12px rgba(0,0,0,0.06);
transition:all 0.3s ease;
} @media (max-width:1024px){
.product-page article { display:block; }
.product-page aside { display:none; }
} .product-page .post-content code {
background:#f3f4f6;
padding:.2rem .4rem;
border-radius:4px;
font-size:.9em;
}
.product-page .post-content strong { font-weight:700; }
.product-page .post-content em { font-style:italic; color:#222; }
.product-page .post-content hr {
border:none;
height:2px;
background:#f3f4f6;
margin:2.5rem 0;
} .product-page .post-content table {
width:100%;
border-collapse:collapse;
margin:2rem 0;
font-size:.95em;
}
.product-page .post-content th,
.product-page .post-content td {
padding:.85rem 1.2rem;
border-bottom:1px solid #e5e7eb;
text-align:left;
}
.product-page .post-content th {
background:#f9fafb;
font-weight:600;
text-transform:uppercase;
font-size:.9rem;
letter-spacing:.03em;
color:#111;
}
.product-page .post-content tr:last-child td { border-bottom:none; }
.product-page .post-content tr:nth-child(even){ background:#fcfcfc; } .product-page .post-content .btn,
.product-page .post-content button {
background:#000;
color:#fff;
border-radius:9999px;
font-weight:600;
padding:.75rem 1.5rem;
transition:transform .3s ease,box-shadow .3s ease,filter .3s ease;
}
.product-page .post-content .btn:hover,
.product-page .post-content button:hover {
transform:translateY(-2px);
box-shadow:0 6px 18px rgba(0,0,0,0.25);
filter:brightness(1.1);
}
.product-page .post-content .btn:focus-visible {
outline:2px solid var(--brand-mint);
outline-offset:2px;
} .fitchef-app-banner {
background:#fff;
border:1px solid #e5e7eb;
border-radius:1rem;
box-shadow:0 1px 4px rgba(0,0,0,0.03);
transition:box-shadow .25s ease;
margin-top:1rem !important;
}
.fitchef-app-banner:hover { box-shadow:0 2px 8px rgba(0,0,0,0.05); }
.fitchef-app-banner p,
.fitchef-app-banner h3 { line-height:1.45; } .contact-block {
background:#fafafa;
border:1px solid #e5e7eb;
border-radius:1rem;
padding:2rem 2.5rem;
box-shadow:0 1px 4px rgba(0,0,0,0.03);
}
.contact-block h2 {
font-size:1.75rem;
font-weight:700;
color:#000;
margin-bottom:1rem;
}
.contact-block p {
color:#333;
margin-bottom:.85rem;
line-height:1.7;
}
.contact-block a {
color:#0a0a0a;
border-bottom:1.5px solid #000;
text-decoration:none;
transition:color .2s ease,border-color .2s ease,opacity .2s ease;
}
.contact-block a:hover {
color:#000;
border-color:#000;
opacity:0.7;
}
@media (max-width:640px){
.contact-block { padding:1.5rem 1.25rem; }
} .product-page .post-content > *:last-child {
margin-bottom:.5rem !important;
}