/* Container */
.wf-container { max-width: 1100px; margin: 0 auto; padding: 2rem 1rem; }
.wf-section { margin-block: 2rem; }

/* Hero */
.wf-hero { background: #111 center/cover no-repeat; color: #fff; padding: 6rem 1rem 2rem; }
.wf-hero .wf-hero-inner { max-width: 1100px; margin: 0 auto; text-align: center; }
.wf-hero-title { font-size: clamp(34px, 6vw, 64px); font-weight: 700; letter-spacing: .02em; }
.wf-breadcrumbs { margin-top: .75rem; font-size: .95rem; opacity: .9; }
.wf-breadcrumbs a { color: #fff; text-decoration: underline; }

/* Columns */
.wf-section-2col { display: grid; grid-template-columns: 1fr; gap: 1.5rem; align-items: start; }
@media (min-width: 800px) { .wf-section-2col { grid-template-columns: 1fr 1fr; } }
.wf-section-1col { text-align: center; max-width: 900px; margin: 2rem auto; }
.wf-section img { width: 100%; height: auto; border-radius: 14px; display: block; }
.wf-brand-title { margin-top: 0; margin-bottom: .5rem; font-size: clamp(28px, 4vw, 42px); }

/* Products */
.wf-products-banner { background: #fff center/cover no-repeat; padding: 2.5rem 0; }
.wf-products-grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 1rem; }
@media (min-width: 900px) { .wf-products-grid { grid-template-columns: repeat(5, minmax(0,1fr)); } }
.wf-product { background:#fff; border:1px solid #e8e8e8; border-radius:14px; padding: .8rem; text-align:center; }
.wf-product img { max-height: 160px; width:auto; margin: 0 auto .5rem; }
.wf-product h3 { font-size: 1rem; margin: .4rem 0; min-height: 2.6em; }
.wf-price { margin:.25rem 0 .5rem; font-weight:600; }

/* FAQ */
.wf-faq .wf-acc-item { border:1px solid #ddd; border-radius:12px; margin-bottom:.6rem; overflow:hidden; }
.wf-acc-btn { width:100%; text-align:left; padding: .9rem 1rem; display:flex; justify-content:space-between; align-items:center; background:#fafafa; border:none; font-size:1rem; cursor:pointer; }
.wf-acc-panel { padding: .9rem 1rem; background:#fff; }
.wf-acc-icon { font-weight:700; }
.wf-acc-btn[aria-expanded="true"] .wf-acc-icon { transform: rotate(45deg); }

/* Misc */
.wf-products-empty { text-align:center; opacity:.7; }