/* Minimal off-canvas drawer */
.ascfwc-open{ margin-top:10px; }
.ascfwc-drawer{ position:fixed; inset:0; display:none; z-index:999999; }
.ascfwc-drawer.is-open{ display:block; }
.ascfwc-overlay{ position:absolute; inset:0; background:rgba(0,0,0,.45); }
.ascfwc-panel{ position:absolute; top:0; right:0; width:min(420px, 92vw); height:100%; background:#fff; display:flex; flex-direction:column; box-shadow:-8px 0 24px rgba(0,0,0,.2); transform:translateX(0); }
.ascfwc-header{ display:flex; align-items:center; justify-content:space-between; padding:14px 14px; border-bottom:1px solid #eee; }
.ascfwc-title{ font-weight:700; font-size:16px; }
.ascfwc-close{ border:0; background:transparent; font-size:22px; cursor:pointer; }
.ascfwc-body{ padding:14px; overflow:auto; flex:1; }
.ascfwc-footer{ padding:14px; border-top:1px solid #eee; display:flex; gap:10px; }
.ascfwc-footer button{ flex:1; padding:10px 12px; cursor:pointer; }
.ascfwc-next[disabled]{ opacity:.5; cursor:not-allowed; }
.ascfwc-stepper{ display:flex; gap:8px; margin-bottom:12px; }
.ascfwc-step{ width:28px; height:28px; border-radius:999px; display:flex; align-items:center; justify-content:center; border:1px solid #ddd; font-weight:600; }
.ascfwc-step.is-active{ border-color:#111; }
.ascfwc-card-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:10px; }
.ascfwc-card{ border:1px solid #ddd; border-radius:10px; padding:8px; text-align:center; cursor:pointer; }
.ascfwc-card.is-selected{ border-color:#111; }
.ascfwc-card img{ width:100%; height:76px; object-fit:cover; border-radius:8px; background:#f3f3f3; }
.ascfwc-pill{ border:1px solid #ddd; border-radius:999px; padding:8px 10px; cursor:pointer; display:inline-block; margin:6px 6px 0 0; }
.ascfwc-pill.is-selected{ border-color:#111; }
.ascfwc-row{ display:flex; gap:10px; align-items:center; margin:10px 0; }
.ascfwc-row label{ width:90px; font-weight:600; }
.ascfwc-row select{ flex:1; padding:8px; }
.ascfwc-unit-toggle button{ padding:6px 10px; border:1px solid #ddd; background:#fff; cursor:pointer; }
.ascfwc-unit-toggle button.is-active{ border-color:#111; }
.ascfwc-sizeguide{ margin-top:18px; border-top:1px solid #f1f1f1; padding-top:12px; }
.ascfwc-sizeguide-head{ display:flex; align-items:center; justify-content:space-between; margin-bottom:8px; }
.ascfwc-sizeguide-img img{ width:100%; height:auto; display:block; border:1px solid #eee; border-radius:10px; }
.ascfwc-result{ border:1px solid #eee; border-radius:12px; padding:12px; margin-top:10px; }
.ascfwc-result h3{ margin:0 0 6px 0; font-size:16px; }
.ascfwc-kv{ display:flex; justify-content:space-between; padding:6px 0; border-bottom:1px dashed #eee; }
.ascfwc-kv:last-child{ border-bottom:0; }