/* STEP 2.3 – Sıkça Sorulan Sorular */
.faq-page{
  display:none;position:fixed;inset:88px 0 0;z-index:1001;
  background:rgba(7,31,58,.20);backdrop-filter:blur(3px);padding:14px 0;
}
.faq-page.open{display:block}
.faq-shell{
  position:relative;width:min(90vw,1040px);height:calc(100vh - 116px);margin:auto;
  background:linear-gradient(145deg,#071f3a 0%,#0b2b50 100%);
  border:1px solid #ffffff2b;border-radius:16px;box-shadow:0 20px 50px #0005;
  display:flex;flex-direction:column;overflow:hidden;
}
.faq-progress{position:absolute;z-index:5;left:0;top:0;height:4px;width:0;background:var(--orange);transition:width .08s linear}
.faq-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:19px 20px 13px;border-bottom:1px solid #ffffff20}
.faq-head h1{margin:0;font-size:clamp(23px,2.4vw,32px);line-height:1.1;color:#fff}
.faq-head p{margin:7px 0 0;color:#dbe7f2;font-size:13.5px;line-height:1.45}
.faq-close-top,.faq-close-bottom{
  border:1px solid #ffffff66;background:#0b2b50;color:#fff;border-radius:8px;
  padding:9px 14px;font-weight:800;cursor:pointer
}
.faq-close-top:hover,.faq-close-bottom:hover{border-color:var(--orange);color:var(--orange)}
.faq-scroll{flex:1;min-height:0;overflow-y:auto;scroll-behavior:smooth;padding:18px 20px 28px;scrollbar-color:var(--orange) #071f3a}
.faq-scroll::-webkit-scrollbar{width:10px}.faq-scroll::-webkit-scrollbar-track{background:#071f3a}.faq-scroll::-webkit-scrollbar-thumb{background:var(--orange);border-radius:10px;border:3px solid #071f3a}
.faq-index{scroll-margin-top:16px;padding:18px;border:1px solid #ffffff28;border-radius:13px;background:#071f3ab8}
.faq-index h2{margin:0 0 13px;color:var(--orange);font-size:18px}
.faq-index-list{display:grid;grid-template-columns:1fr 1fr;gap:8px 12px}
.faq-index-link{display:flex;align-items:flex-start;gap:9px;padding:9px 10px;border:1px solid #ffffff17;border-radius:8px;color:#fff;text-decoration:none;font-style:italic;font-weight:700;font-size:13.5px;line-height:1.35;background:#ffffff08;transition:.18s ease}
.faq-index-link:hover,.faq-index-link.active{border-color:var(--orange);color:var(--orange);background:#f47b0012;transform:translateX(2px)}
.faq-index-number{flex:0 0 27px;color:var(--orange);font-style:normal;font-weight:900}
.faq-answers{display:grid;gap:13px;margin-top:17px}
.faq-card{scroll-margin-top:16px;border:1px solid #ffffff24;border-radius:12px;background:#0b2b50;padding:17px 18px;box-shadow:0 7px 20px #0002}
.faq-question{display:flex;gap:11px;align-items:flex-start;margin:0 0 11px;color:var(--orange);font-size:17px;line-height:1.35;font-style:italic}
.faq-number{flex:0 0 34px;color:var(--orange);font-style:normal;font-weight:900}
.faq-answer{margin:0;color:#eef5fb;font-size:14px;line-height:1.68;font-style:italic;font-weight:800}
.faq-answer p{margin:0 0 9px}.faq-answer p:last-child{margin-bottom:0}
.faq-answer ul{margin:4px 0 0;padding-left:21px}.faq-answer li{margin:3px 0}
.faq-package-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:9px 0}
.faq-package{padding:10px 12px;border-radius:9px;background:#ffffff0c;border:1px solid #ffffff18}
.faq-package strong{display:block;color:var(--orange);font-style:normal}
.faq-return{display:inline-block;margin-top:13px;color:#ffd54a;font-size:12.5px;font-weight:900;text-decoration:none;font-style:normal}
.faq-return:hover{text-decoration:underline}
.faq-finish{padding:24px 0 4px;text-align:center}
.faq-finish p{margin:0 0 13px;color:#dbe7f2;font-size:13px;font-style:italic}
.faq-close-bottom{min-width:180px;padding:12px 24px;background:var(--orange);border-color:var(--orange);font-size:15px}
.faq-close-bottom:hover{background:#ff8b18;color:#fff}
@media(max-width:820px){
  .faq-page{inset:72px 0 0;padding:6px 0}
  .faq-shell{width:98vw;height:calc(100vh - 82px);border-radius:12px}
  .faq-head{padding:16px 13px 11px}.faq-head p{font-size:12.5px}
  .faq-scroll{padding:13px 11px 22px}.faq-index{padding:13px}
  .faq-index-list{grid-template-columns:1fr}.faq-card{padding:15px 13px}
  .faq-question{font-size:16px}.faq-answer{font-size:13.5px}.faq-package-grid{grid-template-columns:1fr}
}