.wf-config{ max-width:1200px; margin:0 auto; padding:16px; }
.wf-c-title{ text-align:center; font-weight:800; font-size:1.5rem; margin:0 0 28px; color:#2f2f2f; }
.wf-c-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:22px; max-width:1080px; margin:0 auto; }
.wf-c-card{ border:1px solid #e6e8ee; border-radius:16px; padding:14px; background:#fff; cursor:pointer; display:flex; flex-direction:column; gap:12px; align-items:center; transition:box-shadow .15s,border-color .15s,transform .1s; font:inherit; }
.wf-c-card:hover{ box-shadow:0 8px 24px rgba(0,0,0,.09); transform:translateY(-2px); }
.wf-c-card.is-selected{ border-color:#2563eb; box-shadow:0 6px 18px rgba(37,99,235,.15); }
.wf-c-card-img{ width:100%; aspect-ratio:16/10; background-size:cover; background-position:center; border-radius:12px; }
.wf-c-card-lbl{ font-weight:700; color:#3a3a3a; font-size:1rem; text-align:center; }
.wf-c-card--text{ justify-content:center; min-height:74px; padding:18px 22px; background:#f7f8fa; }
.wf-c-nav{ margin-top:26px; }
.wf-c-nav--center{ text-align:center; }
.wf-c-back{ background:#565656; color:#fff; border:0; border-radius:4px; padding:11px 20px; cursor:pointer; font:inherit; display:inline-flex; align-items:center; gap:8px; }
.wf-c-back:hover{ background:#444; }
.wf-c-restart{ background:#fff; border:1px solid #cfcfcf; border-radius:6px; padding:12px 24px; cursor:pointer; font:inherit; display:inline-flex; align-items:center; gap:8px; }
.wf-c-restart:hover{ background:#f6f6f6; }
/* Resultat */
.wf-c-intro{ background:#eef7e9; border:1px solid #d7ecc8; color:#556b48; border-radius:10px; padding:22px 26px; text-align:center; margin:0 auto 30px; max-width:1180px; font-size:1.05rem; line-height:1.55; }
.wf-c-products{ display:grid; grid-template-columns:repeat(auto-fill,minmax(190px,1fr)); gap:16px; max-width:1180px; margin:0 auto; }
.wf-c-prod{ border:1px solid #ededed; border-radius:8px; padding:14px; display:flex; flex-direction:column; gap:8px; text-align:center; background:#fff; }
.wf-c-prod-img{ display:block; }
.wf-c-prod-img img{ width:100%; height:160px; object-fit:contain; }
.wf-c-prod-title{ font-weight:700; color:#3a3a3a; text-decoration:none; font-size:.95rem; }
.wf-c-prod-title:hover{ color:#2563eb; }
.wf-c-prod-sub{ color:#9a9a9a; font-size:.85rem; }
.wf-c-prod-price{ font-weight:800; color:#2f2f2f; margin-top:auto; }
.wf-c-prod-add{ background:linear-gradient(180deg,#7ab648,#67a13a); color:#fff; border:0; border-radius:6px; padding:11px; cursor:pointer; font-weight:600; font:inherit; }
.wf-c-prod-add:hover{ filter:brightness(1.05); }
.wf-c-actions{ display:flex; gap:16px; justify-content:center; flex-wrap:wrap; margin:30px 0 6px; }
.wf-c-act{ border:1px solid #cfcfcf; background:#fff; border-radius:6px; padding:14px 22px; cursor:pointer; font-size:1rem; color:#2f2f2f; text-decoration:none; display:inline-flex; align-items:center; gap:10px; font:inherit; }
.wf-c-act:hover{ background:#f6f6f6; }

.wf-config {padding-bottom: 60px; padding-top: 60px;}
.wf-c-grid button:hover {background-color: #010E1E; }
.wf-c-grid button:hover .wf-c-card-lbl {color: #ffffff;}
.page-id-1769 .elementor.elementor-177.elementor-location-header {background-color: #010E1E; }


@media (max-width:900px){ .wf-c-grid{ grid-template-columns:repeat(2,1fr); } }
@media (max-width:560px){ .wf-c-grid{ grid-template-columns:1fr; } .wf-c-products{ grid-template-columns:repeat(2,1fr); } }