/*
Theme Name: Vagonch
Description: Independent theme for the new Vagonch website.
Version: 0.1.0
Text Domain: vagonch
*/

:root { font-family: system-ui, sans-serif; color: #202421; background: #fff; }
body { margin: 0; }
a { color: #20583d; }
.site-header, .site-footer { padding: 1rem max(1rem, calc((100vw - 72rem) / 2)); background: #f3f6f2; }
.site-header { display: flex; align-items: center; justify-content: space-between; gap: 1rem; }
.site-header nav { display: flex; gap: 1rem; flex-wrap: wrap; }
.site-main { max-width: 72rem; margin: 0 auto; padding: 2rem 1rem 4rem; }
.entry { margin-bottom: 2rem; }
.entry-image { max-width: 100%; height: auto; }
.entry-content img { max-width: 100%; height: auto; }
.product-gallery { display: flex; gap: .75rem; flex-wrap: wrap; margin: 1rem 0; }
.product-gallery img { width: 9rem; height: 9rem; object-fit: cover; }
.product-data { border-collapse: collapse; width: 100%; max-width: 48rem; margin: 1.5rem 0; }
.product-data th, .product-data td { border-bottom: 1px solid #ddd; padding: .6rem; text-align: left; vertical-align: top; }
.product-data th { width: 40%; }