/* Layout wrappers only. All colors, fields, cards and buttons use the approved shared stylesheet. */
.hw-sample-elewacje .hw-sample-elewacje-tabs{display:flex;flex-wrap:wrap;gap:16px;margin-block:24px}
.hw-sample-elewacje .hw-sample-elewacje-form-layout{min-width:0}
.hw-sample-elewacje .hw-sample-elewacje-steps>*+*{margin-top:24px}
.hw-sample-elewacje .hw-sample-elewacje-step-title{display:block}
.hw-sample-elewacje .hw-sample-elewacje-species{min-width:0}
.hw-sample-elewacje .hw-photo{margin-block:24px}
.hw-sample-elewacje .hw-card__body>[data-widget_type="button.default"]{margin-top:24px}
.hw-sample-elewacje .hw-panel>section:has(>[data-widget_type="button.default"]){display:flex;flex-wrap:wrap;align-items:flex-start;gap:16px;margin-top:24px}
.hw-sample-elewacje .hw-panel>section:has(>[data-widget_type="button.default"])>[data-widget_type="button.default"]{margin:0}
@media(max-width:767px){.hw-sample-elewacje .hw-panel>section:has(>[data-widget_type="button.default"]){flex-direction:column;align-items:stretch}.hw-sample-elewacje .hw-panel>section:has(>[data-widget_type="button.default"])>[data-widget_type="button.default"]>.hw-button{width:100%}}
.hw-sample-elewacje .hw-sample-elewacje-cta-title>span,.hw-sample-elewacje .hw-sample-elewacje-cta-copy>span{display:block;margin-bottom:16px}
.hw-sample-elewacje .hw-sample-elewacje-cta-title>span{font:700 32px/1.2 Arial,sans-serif}
.hw-sample-elewacje .faq-list .faq-answer{padding-inline:20px}
.hw-sample-elewacje .faq-list .faq-answer>:is(p,ul,ol){margin-inline:0}
.hw-sample-elewacje .faq-list .faq-answer>p{padding-inline:0}
/* Lower dark opening uses the existing realization photograph as decoration. */
.hw-template-sample.hw-sample-elewacje .hw-page-heading{position:relative;isolation:isolate;min-height:240px;display:flex;align-items:center;background:var(--hw-dark);color:var(--hw-light);overflow:hidden}
.hw-sample-elewacje .hw-page-heading::before{content:"";position:absolute;z-index:-1;inset:0 0 0 auto;width:min(48%,620px);background:linear-gradient(90deg,#252522,rgba(37,37,34,.25)),url('/wp-content/uploads/2022/06/hardwood-footer-5-1024x615.jpg') center/cover no-repeat}
.hw-template-sample.hw-sample-elewacje .hw-page-heading h1,.hw-sample-elewacje .hw-page-heading .hw-breadcrumb{color:var(--hw-light)}
.hw-sample-elewacje .hw-page-heading .hw-breadcrumb a{color:var(--hw-button)}
.hw-sample-elewacje .hw-page-heading .hw-breadcrumb li{color:var(--hw-light)}
@media(max-width:768px){.hw-sample-elewacje .hw-sample-elewacje-cta-title>span{font-size:26px}.hw-template-sample.hw-sample-elewacje .hw-page-heading{min-height:190px}.hw-sample-elewacje .hw-page-heading::before{width:45%;opacity:.5}}
/* A source H3 retains its semantic level while inheriting the approved18px summary role. */
.hw-sample-elewacje .faq-list summary>.hw-sample-elewacje-faq-title{font:inherit;color:inherit;margin:0}
.hw-sample-elewacje .faq-list .faq-answer>.hw-list{margin:20px 0}
.hw-sample-elewacje [hidden]{display:none!important}
/* Exact aria-hidden Elementor triangle; no text, identifiers or interactive nodes. */
.hw-sample-elewacje div[aria-hidden="true"][data-negative="false"]:has(>svg[viewBox="0 0 700 10"]>path[d="M350,10L340,0h20L350,10z"]){display:none}
