/* ================== FONTS (ίδιο σετ με το κύριο site) ================== */
@font-face{font-family:'IBM Plex Sans';font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/ibm-plex-sans-greek-400-normal.woff2') format('woff2');unicode-range:U+0370-03FF,U+1F00-1FFF;}
@font-face{font-family:'IBM Plex Sans';font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/ibm-plex-sans-latin-400-normal.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+2000-206F;}
@font-face{font-family:'IBM Plex Sans';font-style:normal;font-weight:500;font-display:swap;src:url('../fonts/ibm-plex-sans-greek-500-normal.woff2') format('woff2');unicode-range:U+0370-03FF,U+1F00-1FFF;}
@font-face{font-family:'IBM Plex Sans';font-style:normal;font-weight:500;font-display:swap;src:url('../fonts/ibm-plex-sans-latin-500-normal.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+2000-206F;}
@font-face{font-family:'IBM Plex Sans';font-style:normal;font-weight:600;font-display:swap;src:url('../fonts/ibm-plex-sans-greek-600-normal.woff2') format('woff2');unicode-range:U+0370-03FF,U+1F00-1FFF;}
@font-face{font-family:'IBM Plex Sans';font-style:normal;font-weight:600;font-display:swap;src:url('../fonts/ibm-plex-sans-latin-600-normal.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+2000-206F;}
@font-face{font-family:'IBM Plex Sans';font-style:normal;font-weight:700;font-display:swap;src:url('../fonts/ibm-plex-sans-greek-700-normal.woff2') format('woff2');unicode-range:U+0370-03FF,U+1F00-1FFF;}
@font-face{font-family:'IBM Plex Sans';font-style:normal;font-weight:700;font-display:swap;src:url('../fonts/ibm-plex-sans-latin-700-normal.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+2000-206F;}

/* ================== ΊΔΙΑ ΧΡΩΜΑΤΙΚΗ ΠΑΛΕΤΑ ΜΕ hearingplus.gr ================== */
:root{
  --navy:#0b3647; --navy-dp:#082530;
  --teal:#27bdbe; --teal-dp:#1a9a9b;
  --coral:#f5845c; --coral-text:#b8532e;
  --paper:#faf6f0; --ink-soft:#4c6b74; --line:rgba(11,54,71,.12);
}
*{box-sizing:border-box;margin:0;padding:0;}
html,body{background:var(--paper);}
body{font-family:'IBM Plex Sans',sans-serif;color:var(--navy);line-height:1.5;min-height:100vh;display:flex;flex-direction:column;}
img{max-width:100%;display:block;}
a{color:inherit;}

/* ================== TOP BAR ================== */
.quiz-top{padding:20px 24px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:4px;}
.quiz-top img{height:26px;margin-bottom:2px;}
.quiz-top .eyebrow{font-size:11.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft);}

/* ================== SHELL ================== */
.quiz-shell{flex:1;display:flex;align-items:center;justify-content:center;padding:10px 20px 60px;}
.quiz-card{width:100%;max-width:580px;background:#fff;border:1px solid var(--line);border-radius:24px;padding:36px 32px;box-shadow:0 30px 60px -30px rgba(11,54,71,.25);}

/* ================== PROGRESS ================== */
.quiz-progress-wrap{display:flex;align-items:center;justify-content:space-between;margin-bottom:26px;}
.quiz-progress{display:flex;gap:6px;flex:1;margin-right:14px;}
.quiz-progress span{flex:1;height:4px;border-radius:100px;background:var(--line);}
.quiz-progress span.done{background:var(--teal);}
.quiz-progress-n{font-size:12.5px;font-weight:700;color:var(--ink-soft);white-space:nowrap;}

/* ================== QUESTION ================== */
.quiz-step{display:none;}
.quiz-step.active{display:block;animation:qfade .35s ease;}
@keyframes qfade{from{opacity:0;transform:translateY(8px);}to{opacity:1;transform:translateY(0);}}
.quiz-k{color:var(--coral-text);font-weight:700;font-size:12.5px;letter-spacing:.04em;text-transform:uppercase;margin-bottom:10px;}
.quiz-step h2{font-size:21px;font-weight:700;line-height:1.35;margin-bottom:8px;}
.quiz-step .sub{font-size:14px;color:var(--ink-soft);margin-bottom:22px;}

.quiz-options{display:grid;gap:10px;}
.quiz-opt{display:flex;align-items:center;gap:14px;text-align:left;width:100%;padding:14px 16px;border-radius:14px;border:1.5px solid var(--line);background:#fff;font-family:inherit;font-size:15px;font-weight:500;color:var(--navy);cursor:pointer;transition:border-color .2s ease,background .2s ease;}
.quiz-opt:hover{border-color:var(--teal);background:rgba(39,189,190,.06);}
.quiz-opt .ic{flex-shrink:0;width:34px;height:34px;border-radius:10px;background:rgba(39,189,190,.12);display:flex;align-items:center;justify-content:center;color:var(--teal-dp);}
.quiz-opt .ic svg{width:19px;height:19px;stroke-width:1.7;}
.quiz-opt .opt-txt{display:flex;flex-direction:column;gap:2px;}
.quiz-opt .opt-txt .t2{font-size:12px;color:var(--ink-soft);font-weight:400;}

.quiz-nav{display:flex;justify-content:space-between;align-items:center;margin-top:24px;}
.quiz-back{font-size:14px;color:var(--ink-soft);background:none;border:none;cursor:pointer;font-family:inherit;text-decoration:underline;}
.quiz-back:disabled{visibility:hidden;}

/* ================== RESULT ================== */
.quiz-result{display:none;}
.quiz-result.active{display:block;animation:qfade .4s ease;}
.result-photo{border-radius:16px;overflow:hidden;margin-bottom:20px;aspect-ratio:4/3;background:linear-gradient(145deg,#f3efe8,#e9e3d8);}
.result-photo img{width:100%;height:100%;object-fit:cover;}
.result-k{color:var(--teal-dp);font-weight:700;font-size:12.5px;letter-spacing:.04em;text-transform:uppercase;margin-bottom:8px;}
.quiz-result h2{font-size:25px;font-weight:700;margin-bottom:14px;}

.result-reasoning{background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:16px 18px;margin-bottom:20px;font-size:14px;color:var(--ink-soft);line-height:1.6;}
.result-reasoning strong{color:var(--navy);}

.result-spec-row{display:flex;gap:10px;margin-bottom:20px;flex-wrap:wrap;}
.result-spec{flex:1;min-width:130px;border:1px solid var(--line);border-radius:12px;padding:10px 14px;}
.result-spec .lbl{font-size:10.5px;font-weight:700;letter-spacing:.03em;text-transform:uppercase;color:var(--ink-soft);margin-bottom:3px;}
.result-spec .val{font-size:14.5px;font-weight:700;color:var(--navy);}

.result-price-row{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:26px;}
.result-price{display:inline-flex;flex-direction:column;gap:2px;padding:10px 18px;border-radius:14px;background:rgba(39,189,190,.12);}
.result-price.rec{background:var(--navy);color:#fff;}
.result-price .lbl{font-size:11.5px;font-weight:600;color:var(--ink-soft);}
.result-price.rec .lbl{color:#a9c7c4;}
.result-price .amt{font-size:19px;font-weight:800;}
.result-price.rec::after{content:'Προτείνεται για εσάς';font-size:10.5px;font-weight:600;color:var(--teal);margin-top:2px;}

.btn-solid{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--teal);color:var(--navy);padding:15px 28px;border-radius:100px;font-weight:700;font-size:14.5px;text-decoration:none;width:100%;box-shadow:0 16px 34px -14px rgba(39,189,190,.55);}
.quiz-restart{display:block;text-align:center;margin-top:16px;font-size:14px;color:var(--ink-soft);background:none;border:none;cursor:pointer;font-family:inherit;text-decoration:underline;width:100%;}

.quiz-foot{text-align:center;font-size:12px;color:var(--ink-soft);padding:0 24px 30px;}

@media(max-width:480px){
  .quiz-card{padding:28px 22px;border-radius:20px;}
  .quiz-step h2{font-size:18px;}
  .quiz-result h2{font-size:21px;}
}