.bela-site { color: #1D2A2E; font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; font-size: 18px; line-height: 1.72; }
.bela-site .bela-shell { box-sizing: border-box; margin-inline: auto; max-width: 1120px; padding: 56px 24px; width: 100%; }
.bela-site .bela-reading, .bela-site.bela-legal .bela-shell { max-width: 760px; }
.bela-site.bela-article .bela-shell { max-width: 920px; }
.bela-site h1, .bela-site h2 { color: #1F5F68; line-height: 1.16; margin: 0 0 24px; text-wrap: balance; }
.bela-site h1 { font-size: clamp(34px, 5vw, 44px); }
.bela-site h2 { font-size: clamp(27px, 4vw, 32px); }
.bela-site p { margin: 0 0 24px; }
.bela-site .bela-hero, .bela-site .bela-surface { background: #F7FAF8; }
.bela-site .bela-split { align-items: center; display: grid; gap: 56px; grid-template-columns: minmax(0, 1fr) minmax(320px, .9fr); }
.bela-site .bela-kicker { color: #8A6A2F; font-size: 14px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.bela-site .bela-lead { font-size: 18px; }
.bela-site .bela-independence { border-left: 3px solid #8A6A2F; color: #66777B; font-size: 14px; padding-left: 12px; }
.bela-site .bela-button, .bela-site button { background: #1F5F68; border: 0; border-radius: 18px; color: #fff; display: inline-block; font-weight: 700; padding: 12px 20px; text-decoration: none; }
.bela-site .bela-button:focus-visible, .bela-site button:focus-visible, .bela-site input:focus-visible, .bela-site textarea:focus-visible { outline: 3px solid #8A6A2F; outline-offset: 3px; }
.bela-site .bela-media { margin: 0 0 36px; }
.bela-site .bela-split .bela-media { margin: 0; }
.bela-site .bela-media img { aspect-ratio: 3 / 2; border-radius: 24px; box-shadow: 0 16px 36px rgba(20,45,50,.10); display: block; height: auto; object-fit: cover; object-position: center; width: 100%; }
.bela-site .bela-page-head { border-left: 4px solid #8A6A2F; margin-bottom: 36px; padding-left: 24px; }
.bela-site .bela-form-card { background: #F7FAF8; border: 1px solid #DCE7E4; border-radius: 18px; padding: 36px; }
.bela-site .bela-field { margin-bottom: 24px; }
.bela-site label { display: block; font-weight: 700; margin-bottom: 8px; }
.bela-site input, .bela-site textarea { background: #fff; border: 1px solid #66777B; border-radius: 10px; box-sizing: border-box; color: #1D2A2E; font: inherit; min-height: 44px; padding: 12px; width: 100%; }
.bela-site textarea { min-height: 150px; resize: vertical; }
.bela-site .bela-products ul.products { display: grid; gap: 24px; grid-template-columns: repeat(4, minmax(0, 1fr)); list-style: none; margin: 0; padding: 0; }
.bela-site .bela-products ul.products::before, .bela-site .bela-products ul.products::after { content: none; }
.bela-site .bela-products ul.products li.product { background: #fff; border: 1px solid #DCE7E4; box-sizing: border-box; display: flex; float: none; flex-direction: column; margin: 0; padding: 16px; width: auto; }
.bela-site .bela-products ul.products li.product a { color: #1D2A2E; }
.bela-site .bela-products ul.products li.product a:focus-visible { outline: 3px solid #8A6A2F; outline-offset: 3px; }
.bela-site .bela-products ul.products li.product img { display: block; height: 180px; margin: 0 0 16px; object-fit: contain; width: 100%; }
.bela-site .bela-products ul.products li.product .woocommerce-loop-product__title { color: #1F5F68; font-size: 18px; line-height: 1.35; margin: 0 0 12px; padding: 0; }
.bela-site .bela-products ul.products li.product .price { color: #1D2A2E; display: block; font-size: 16px; margin: 0 0 16px; }
.bela-site .bela-products ul.products li.product .button { align-self: flex-start; background: #1F5F68; border-radius: 18px; color: #fff; margin: auto 0 0; padding: 10px 16px; text-decoration: none; }
@media (max-width: 960px) { .bela-site .bela-products ul.products { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 768px) { .bela-site .bela-split { gap: 36px; grid-template-columns: 1fr; } .bela-site .bela-shell { padding-block: 36px; } }
@media (max-width: 600px) { .bela-site .bela-products ul.products { grid-template-columns: 1fr; } }
@media (max-width: 390px) { .bela-site { font-size: 16px; } .bela-site .bela-shell { padding: 36px 16px; } .bela-site .bela-form-card { padding: 24px 16px; } }
@media (prefers-reduced-motion: reduce) { .bela-site .bela-button { scroll-behavior: auto; } }