.eeef-wiz { --eeef-line:#cbd5d3; color:#1c2b2a; max-width:100%; }
.eeef-wiz *, .eeef-wiz *::before, .eeef-wiz *::after { box-sizing:border-box; }
.eeef-wiz-title { color:var(--eeef-accent); margin:0 0 .8rem; }
.eeef-wiz-intro { font-size:1.02rem; margin:0 0 1rem; }
.eeef-wiz-hp { position:absolute !important; left:-9999px !important; width:1px; height:1px; overflow:hidden; } .eeef-wiz-cards { display:flex; flex-wrap:wrap; gap:1rem; }
.eeef-wiz-card { flex:1 1 220px; text-align:left; background:#fff; border:2px solid var(--eeef-line); border-radius:14px; padding:1.1rem 1.2rem; cursor:pointer; transition:border-color .15s, box-shadow .15s; font:inherit; color:inherit; }
.eeef-wiz-card:hover { border-color:var(--eeef-accent); box-shadow:0 4px 16px rgba(15,118,110,.10); }
.eeef-wiz-card-h { display:block; font-weight:700; font-size:1.08rem; color:var(--eeef-accent); margin-bottom:.25rem; }
.eeef-wiz-card-d { display:block; font-size:.92rem; color:#4b5b5a; } .eeef-wiz-positions { display:flex; flex-direction:column; gap:.6rem; }
.eeef-wiz-pos { display:flex; align-items:flex-start; gap:.75rem; border:1px solid var(--eeef-line); border-radius:12px; padding:.85rem 1rem; cursor:pointer; transition:border-color .15s, background .15s; }
.eeef-wiz-pos:hover { border-color:var(--eeef-accent); }
.eeef-wiz-pos input { margin-top:.25rem; accent-color:var(--eeef-accent); width:auto; }
.eeef-wiz-pos-main { flex:1 1 auto; }
.eeef-wiz-pos-label { display:block; font-weight:600; }
.eeef-wiz-pos-desc { display:block; font-size:.88rem; color:#5b6b6a; margin-top:.15rem; }
.eeef-wiz-pos-price { font-weight:700; white-space:nowrap; color:var(--eeef-accent); }
.eeef-wiz-pos.is-on { border-color:var(--eeef-accent); background:rgba(15,118,110,.05); }
.eeef-wiz-total { margin-top:1rem; border-top:2px solid var(--eeef-line); padding-top:.8rem; }
.eeef-wiz-total-row { display:flex; justify-content:space-between; align-items:baseline; font-size:1.15rem; }
.eeef-wiz-total-sum { color:var(--eeef-accent); font-size:1.3rem; }
.eeef-wiz-total-note { font-size:.85rem; color:#5b6b6a; margin-top:.2rem; } .eeef-wiz-grid { display:flex; flex-wrap:wrap; gap:0 1rem; }
.eeef-wiz-field { margin:0 0 .9rem; }
.eeef-full { flex:1 1 100%; }
.eeef-half { flex:1 1 calc(50% - .5rem); }
.eeef-quarter { flex:1 1 calc(50% - .5rem); }
@media (min-width:560px){ .eeef-quarter { flex:1 1 calc(25% - .75rem); } }
@media (max-width:560px){ .eeef-half { flex:1 1 100%; } }
.eeef-wiz-field > label { display:block; font-size:.9rem; font-weight:600; margin-bottom:.3rem; }
.eeef-wiz-field input, .eeef-wiz-field textarea { width:100%; padding:.6rem .7rem; border:1px solid var(--eeef-line); border-radius:9px; font-size:1rem; background:#fff; font-family:inherit; }
.eeef-wiz-field input:focus, .eeef-wiz-field textarea:focus { outline:none; border-color:var(--eeef-accent); box-shadow:0 0 0 3px rgba(15,118,110,.15); }
.eeef-wiz-check { display:flex; gap:.5rem; align-items:flex-start; font-size:.9rem; margin:.2rem 0 .3rem; }
.eeef-wiz-check input { margin-top:.2rem; accent-color:var(--eeef-accent); width:auto; }
.eeef-wiz-check a { color:var(--eeef-accent); text-decoration:underline; }
.eeef-wiz-check a:hover { color:var(--eeef-accent-dark); } .eeef-wiz-nav { display:flex; gap:.6rem; margin-top:1.2rem; }
.eeef-wiz-nav button { border:0; border-radius:10px; padding:.75rem 1.5rem; font-size:1rem; font-weight:600; cursor:pointer; font-family:inherit; }
.eeef-wiz-next, .eeef-wiz-submit { background:var(--eeef-btn-bg, var(--eeef-accent)); color:var(--eeef-btn-text,#fff); }
.eeef-wiz-next:hover, .eeef-wiz-submit:hover { background:var(--eeef-btn-hover, var(--eeef-accent-dark)); }
.eeef-wiz-back { background:#eef2f1; color:#33413f; }
.eeef-wiz-back:hover { background:#e2e8e7; }
.eeef-wiz-nav button:disabled { opacity:.6; cursor:default; }
.eeef-wiz-msg { color:#b91c1c; background:#fef2f2; border:1px solid #fecaca; border-radius:8px; padding:.6rem .75rem; margin:.8rem 0 0; font-size:.9rem; }
.eeef-wiz-success { background:#ecfdf5; border:1px solid #a7f3d0; border-radius:12px; padding:1.15rem 1.25rem; color:#065f46; font-size:1.02rem; } .eeef-wiz-pos-desc p, .eeef-wiz-card-d p, .eeef-wiz-intro p { margin:0 0 .5rem; }
.eeef-wiz-pos-desc p:last-child, .eeef-wiz-card-d p:last-child, .eeef-wiz-intro p:last-child { margin-bottom:0; }
.eeef-wiz-pos-desc ul, .eeef-wiz-card-d ul, .eeef-wiz-intro ul { margin:.3rem 0; padding-left:1.25rem; list-style-position:outside; }
.eeef-wiz-pos-desc li, .eeef-wiz-card-d li, .eeef-wiz-intro li { margin:.15rem 0; } .eeef-wiz-pos.is-locked { opacity:.55; cursor:not-allowed; }
.eeef-wiz-pos-req { display:block; font-size:.8rem; color:#9a6b00; margin-top:.3rem; } .eeef-wiz-posopt { display:block; margin-top:.5rem; padding:.4rem .5rem; border:1px solid var(--eeef-line); border-radius:8px; font:inherit; font-size:.9rem; background:#fff; max-width:100%; } .eeef-wiz-pos-desc.is-clamp { max-height:4.2em; overflow:hidden; position:relative; }
.eeef-wiz-pos-desc.is-clamp::after { content:""; position:absolute; left:0; right:0; bottom:0; height:1.6em; background:linear-gradient(to bottom, rgba(255,255,255,0), #fff); pointer-events:none; }
.eeef-wiz-pos.is-on .eeef-wiz-pos-desc.is-clamp::after { background:linear-gradient(to bottom, rgba(244,249,248,0), #f4f9f8); }
.eeef-wiz-pos-more { display:inline-block; margin-top:.4rem; background:none; border:0; padding:0; font:inherit; font-size:.85rem; font-weight:600; color:var(--eeef-accent); cursor:pointer; text-decoration:underline; }
.eeef-wiz-pos-more:hover { color:var(--eeef-accent-dark); }.eeecc, .eeecc *, .eeecc-embed, .eeecc-embed * { box-sizing: border-box; } html.eeecc-locked { overflow: hidden; }
html.eeecc-locked body::before {
content: ""; position: fixed; inset: 0; z-index: 99998;
background: rgba(17, 24, 39, .55);
} .eeecc-banner {
position: fixed; z-index: 99999;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
font-size: 15px; line-height: 1.5; color: var(--eeecc-ink, #232a18);
}
.eeecc-banner[hidden] { display: none; }
.eeecc-banner-card {
background: var(--eeecc-bg, #fff);
border: 1px solid #e5e7eb;
border-radius: var(--eeecc-radius, 14px);
box-shadow: 0 12px 40px rgba(0, 0, 0, .18);
padding: 22px 24px;
max-width: 440px;
}
.eeecc-banner-title { font-size: 1.15rem; font-weight: 700; margin: 0 0 8px; color: var(--eeecc-ink, #232a18); }
.eeecc-banner-text { margin: 0 0 12px; color: var(--eeecc-ink, #232a18); }
.eeecc-banner-links { margin: 0 0 6px; font-size: .9rem; }
.eeecc-banner .eeecc-banner-links a { color: var(--eeecc-accent-dk, #7d9c09) !important; text-decoration: underline !important; box-shadow: none !important; } .eeecc-layout-box.eeecc-pos-right { right: 20px; bottom: 20px; }
.eeecc-layout-box.eeecc-pos-left  { left: 20px;  bottom: 20px; } .eeecc-layout-bar { left: 0; right: 0; bottom: 0; }
.eeecc-layout-bar .eeecc-banner-card {
max-width: none; border-radius: 0; border-left: 0; border-right: 0; border-bottom: 0;
display: flex; flex-wrap: wrap; align-items: center; gap: 10px 24px;
}
.eeecc-layout-bar .eeecc-banner-head,
.eeecc-layout-bar .eeecc-banner-body { flex: 1 1 320px; }
.eeecc-layout-bar .eeecc-banner-actions { flex: 0 0 auto; } .eeecc-layout-center { inset: 0; display: flex; align-items: center; justify-content: center; padding: 20px; }
.eeecc-layout-center::before { content: ""; position: fixed; inset: 0; background: rgba(17, 24, 39, .55); }
.eeecc-layout-center .eeecc-banner-card { position: relative; max-width: 520px; max-height: 86vh; overflow: auto; } .eeecc-banner-actions {
display: flex; flex-wrap: wrap; gap: 8px; margin-top: 16px; align-items: center;
} .eeecc-banner .eeecc-btn {
appearance: none; -webkit-appearance: none; cursor: pointer;
font-family: inherit; font-size: 15px; font-weight: 600; line-height: 1.1;
border-radius: 8px !important; padding: 10px 16px !important;
border: 1px solid transparent !important; margin: 0;
text-transform: none !important; letter-spacing: normal;
text-decoration: none !important; text-shadow: none !important; box-shadow: none !important;
width: auto; min-width: 0; height: auto; transition: background .15s ease;
}
.eeecc-banner .eeecc-btn-accept,
.eeecc-banner .eeecc-btn-save {
background: var(--eeecc-accent, #9cc20b) !important;
color: var(--eeecc-on-accent, #1d2a08) !important;
border-color: var(--eeecc-accent-dk, #7d9c09) !important;
}
.eeecc-banner .eeecc-btn-accept { margin-left: auto; }
.eeecc-banner .eeecc-btn-accept:hover,
.eeecc-banner .eeecc-btn-accept:focus,
.eeecc-banner .eeecc-btn-save:hover,
.eeecc-banner .eeecc-btn-save:focus {
background: var(--eeecc-accent-dk, #7d9c09) !important;
color: var(--eeecc-on-accent, #1d2a08) !important;
} .eeecc-banner .eeecc-btn-deny,
.eeecc-banner .eeecc-btn-settings {
background: #f3f4f6 !important; color: #374151 !important; border-color: #d1d5db !important;
}
.eeecc-banner .eeecc-btn-deny:hover,
.eeecc-banner .eeecc-btn-deny:focus,
.eeecc-banner .eeecc-btn-settings:hover,
.eeecc-banner .eeecc-btn-settings:focus { background: #e5e7eb !important; color: #374151 !important; }
.eeecc-banner .eeecc-btn:focus-visible { outline: 2px solid var(--eeecc-accent-dk, #7d9c09); outline-offset: 2px; }
.eeecc-layout-bar .eeecc-btn-accept { margin-left: 0; } .eeecc-settings { margin-top: 8px; border-top: 1px solid #e5e7eb; padding-top: 12px; }
.eeecc-settings[hidden] { display: none; }
.eeecc-settings-intro { margin: 0 0 10px; font-size: .9rem; color: #6b7280; }
.eeecc-cat {
display: block; padding: 10px 12px; margin-bottom: 8px;
background: #f9fafb; border: 1px solid #e5e7eb; border-radius: 10px;
}
.eeecc-cat-main { display: flex; align-items: center; gap: 8px; font-weight: 600; }
.eeecc-cat-cb { width: 16px; height: 16px; accent-color: var(--eeecc-accent, #9cc20b); }
.eeecc-cat-label em { font-weight: 400; color: #9ca3af; font-style: normal; font-size: .85em; }
.eeecc-cat-desc { display: block; margin: 4px 0 0 24px; font-size: .85rem; color: #6b7280; } .eeecc-embed {
position: relative; background: #f3f4f6; border: 1px dashed #d1d5db;
border-radius: 10px; overflow: hidden; color: #374151;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}
.eeecc-embed-inner { position: relative; }
.eeecc-embed[data-eeecc-embed] .eeecc-embed-inner { width: 100%; }
.eeecc-embed-box {
display: flex; flex-direction: column; align-items: center; justify-content: center;
text-align: center; gap: 8px; padding: 28px 22px; min-height: 180px;
}
.eeecc-embed[data-eeecc-embed] .eeecc-embed-box { position: absolute; inset: 0; }
.eeecc-embed-icon {
width: 38px; height: 38px; border-radius: 50%;
background: #e5e7eb url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='11' width='18' height='11' rx='2'/%3E%3Cpath d='M7 11V7a5 5 0 0 1 10 0v4'/%3E%3C/svg%3E") center / 22px no-repeat;
}
.eeecc-embed-title { font-weight: 700; font-size: 1rem; color: #1f2937; }
.eeecc-embed-text { font-size: .88rem; max-width: 42ch; color: #4b5563; }
.eeecc-embed-provider { font-size: .8rem; color: #9ca3af; }
.eeecc-embed .eeecc-embed-load {
appearance: none; -webkit-appearance: none; cursor: pointer;
font-family: inherit; font-size: 15px; font-weight: 600; line-height: 1.1; margin-top: 4px;
background: var(--eeecc-accent, #9cc20b) !important; color: var(--eeecc-on-accent, #1d2a08) !important;
border: 1px solid var(--eeecc-accent-dk, #7d9c09) !important; border-radius: 8px !important;
padding: 9px 16px !important; text-decoration: none !important; text-shadow: none !important; box-shadow: none !important;
text-transform: none !important; width: auto; height: auto;
}
.eeecc-embed .eeecc-embed-load:hover,
.eeecc-embed .eeecc-embed-load:focus { background: var(--eeecc-accent-dk, #7d9c09) !important; color: var(--eeecc-on-accent, #1d2a08) !important; }
.eeecc-embed-always { font-size: .78rem; color: #6b7280; display: flex; align-items: center; gap: 6px; margin-top: 4px; }
.eeecc-embed-always input { accent-color: var(--eeecc-accent, #9cc20b); }
.eeecc-embed.is-loading .eeecc-embed-load { opacity: .6; pointer-events: none; } .eeecc-embed[data-eeecc-embed] iframe,
.eeecc-loaded iframe { max-width: 100%; } @media (max-width: 520px) {
.eeecc-layout-box { left: 12px; right: 12px; bottom: 12px; }
.eeecc-layout-box .eeecc-banner-card { max-width: none; }
.eeecc-banner .eeecc-btn-accept { margin-left: 0; }
.eeecc-banner-actions { gap: 6px; }
}