.wine-hero-main {
border-radius: var(--radius-xl);
}
.wine-main-photo::before {
background-image: url("/assets/images/hungarian-wine-selection.webp");
background-size: cover;
background-position: center;
}
.wine-hero-card,
.wine-hero-secondary {
border-radius: var(--radius-lg);
}
.wine-key-points {
display: grid;
gap: var(--space-4);
margin-top: var(--space-4);
}
@media (min-width: 768px) {
.wine-key-points {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
.wine-key-point h3 {
font-size: 1rem;
margin-bottom: var(--space-2);
}
.wine-figure {
border-radius: var(--radius-xl);
overflow: hidden;
border: 1px solid var(--color-border);
background: var(--color-bg-elevated);
}
.wine-figure img {
width: 100%;
height: 100%;
max-height: 420px;
object-fit: cover;
}
.wine-figure figcaption {
padding: var(--space-3) var(--space-4);
font-size: 0.85rem;
color: var(--color-text-muted);
}
.wine-pairings-grid-inner {
display: grid;
gap: var(--space-4);
margin-top: var(--space-4);
}
@media (min-width: 960px) {
.wine-pairings-grid-inner {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
.wine-pair-list {
display: grid;
gap: var(--space-2);
font-size: 0.9rem;
}
.wine-pair-label {
display: block;
font-weight: 600;
color: var(--color-text);
}
.wine-pair-value {
display: block;
color: var(--color-text-muted);
}
.wine-aside-card {
height: 100%;
}
.vineyard-cards {
display: grid;
gap: var(--space-4);
margin-top: var(--space-4);
}
@media (min-width: 960px) {
.vineyard-cards {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
.vineyard-list {
display: grid;
gap: var(--space-2);
font-size: 0.9rem;
}
.vineyard-label {
display: block;
font-weight: 600;
color: var(--color-text);
}
.vineyard-value {
display: block;
color: var(--color-text-muted);
}
.signature-grid {
display: grid;
gap: var(--space-4);
margin-top: var(--space-4);
}
@media (min-width: 960px) {
.signature-grid {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
.signature-list {
display: grid;
gap: var(--space-2);
margin-top: var(--space-2);
}
.wine-format-shell {
margin-top: var(--space-4);
}
.wine-format-grid {
display: grid;
gap: var(--space-4);
}
@media (min-width: 960px) {
.wine-format-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
.wine-format-block h3 {
font-size: 1rem;
margin-bottom: var(--space-2);
}
.wine-format-list {
display: grid;
gap: var(--space-2);
font-size: 0.9rem;
}
.cellar-grid-inner {
display: grid;
gap: var(--space-4);
margin-top: var(--space-4);
}
@media (min-width: 960px) {
.cellar-grid-inner {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
.testimonials-grid {
display: grid;
gap: var(--space-4);
margin-top: var(--space-4);
}
@media (min-width: 960px) {
.testimonials-grid {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
.testimonial-meta {
margin-top: var(--space-2);
font-size: 0.85rem;
color: var(--color-text-muted);
}
.faq-grid .faq-list {
display: grid;
gap: var(--space-4);
margin-top: var(--space-4);
}
.faq-item dt {
font-weight: 600;
margin-bottom: var(--space-1);
text-transform: none;
letter-spacing: 0;
}
.faq-item dd {
margin: 0;
font-size: 0.95rem;
}
.final-cta {
border-top: 1px solid var(--color-border);
border-bottom: 1px solid var(--color-border);
background: radial-gradient(circle at top, rgba(217, 119, 6, 0.12), transparent 55%), var(--color-bg-elevated);
}
.final-cta-meta {
align-self: center;
}
.final-cta-meta .wine-format-list {
margin-top: 0;
}
.wine-aside {
margin-top: var(--space-6);
}
@media (min-width: 1024px) {
.wine-aside {
margin-top: 0;
}
}
.tasting-figure {
margin-top: var(--space-3);
}
@media (max-width: 767.98px) {
.hero-inner,
.grid-shell-2 {
gap: var(--space-6);
}
}
Document