/* OGC · Sıkça Sorulan Sorular — tam sayfa widget */

.ogc-faq{
	--fq-primary: #1a3f92;
	--fq-primary-d: #102861;
	--fq-accent: #e10c14;
	--fq-text: #0f172a;
	--fq-muted: #64748b;
	--fq-bg-soft: #f8fafc;
	--fq-stroke: #e2e8f0;
	--fq-card: #fff;
	--fq-radius: 14px;
	--fq-shadow-sm: 0 1px 3px rgba(15,23,42,.06), 0 2px 8px rgba(15,23,42,.04);
	--fq-shadow-lg: 0 12px 30px rgba(15,23,42,.10), 0 4px 12px rgba(15,23,42,.04);
	display:block;color:var(--fq-text);font-family:inherit;
	width:100%;
}
.ogc-faq *,.ogc-faq *::before,.ogc-faq *::after{box-sizing:border-box}

/* ─── HERO (tam genişlik gradient) ─── */
.ogc-faq__hero{
	position:relative;overflow:hidden;
	background:linear-gradient(135deg,var(--fq-primary) 0%,var(--fq-primary-d) 100%);
	color:#fff;padding:60px 24px 50px;text-align:center;margin-bottom:0;
}
.ogc-faq__hero::before{
	content:'';position:absolute;inset:0;
	background:
		radial-gradient(ellipse at 90% 0%,rgba(225,12,20,.18),transparent 55%),
		radial-gradient(ellipse at 10% 100%,rgba(255,255,255,.10),transparent 55%);
	pointer-events:none;
}
.ogc-faq__hero::after{
	content:'?';position:absolute;right:5%;top:50%;transform:translateY(-50%);
	font-size:240px;font-weight:900;color:rgba(255,255,255,.07);
	line-height:1;pointer-events:none;font-family:Georgia,serif;
}
.ogc-faq__hero > *{position:relative;z-index:1}
.ogc-faq__kicker{
	display:inline-block;font-size:11px;font-weight:700;letter-spacing:.18em;
	background:rgba(255,255,255,.14);padding:6px 16px;border-radius:999px;margin-bottom:14px;
	backdrop-filter:blur(6px);
}
.ogc-faq__title{
	font-size:clamp(22px,3.4vw,36px);font-weight:700;line-height:1.2;
	margin:0 auto 12px;letter-spacing:-.015em;color:#fff;max-width:760px;
}
.ogc-faq__sub{
	font-size:clamp(13.5px,1.4vw,16px);line-height:1.65;opacity:.92;
	margin:0 auto;max-width:680px;
}

/* ─── İÇERİK SARMALAYICI ─── */
.ogc-faq__hero + .ogc-faq__search,
.ogc-faq__hero + .ogc-faq__cats,
.ogc-faq__hero + .ogc-faq__list,
.ogc-faq > .ogc-faq__search,
.ogc-faq > .ogc-faq__cats,
.ogc-faq > .ogc-faq__list,
.ogc-faq > .ogc-faq__cta,
.ogc-faq > .ogc-faq__empty{
	max-width:980px;margin-left:auto;margin-right:auto;
	padding-left:24px;padding-right:24px;
}

/* ─── ARAMA ─── */
.ogc-faq__search{
	position:relative;margin-top:-26px;margin-bottom:18px;
	background:var(--fq-card);border:1px solid var(--fq-stroke);
	border-radius:14px;box-shadow:var(--fq-shadow-lg);
	display:flex;align-items:center;gap:10px;padding:0 16px;
	z-index:5;
}
.ogc-faq__search > svg{
	width:20px;height:20px;color:var(--fq-muted);flex-shrink:0;
}
.ogc-faq__search-input{
	flex:1;border:0;outline:0;background:transparent;
	font-size:15px;color:var(--fq-text);padding:16px 0;font-family:inherit;
	min-width:0;
}
.ogc-faq__search-input::placeholder{color:var(--fq-muted);opacity:.85}
.ogc-faq__search-clear{
	width:28px;height:28px;border-radius:50%;
	background:var(--fq-bg-soft);color:var(--fq-muted);
	border:0;font-size:18px;line-height:1;cursor:pointer;
	display:none;align-items:center;justify-content:center;flex-shrink:0;
	transition:background .15s,color .15s;
}
.ogc-faq__search-clear:hover{background:var(--fq-accent);color:#fff}
.ogc-faq__search.is-active .ogc-faq__search-clear{display:inline-flex}

/* ─── KATEGORİ CHIP'LERİ ─── */
.ogc-faq__cats{
	display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px;
	padding-top:6px;
}
.ogc-faq__cat{
	display:inline-flex;align-items:center;gap:8px;
	padding:8px 16px;border-radius:999px;
	background:var(--fq-card);border:1.5px solid var(--fq-stroke);
	color:var(--fq-text);font-size:13px;font-weight:600;
	cursor:pointer;transition:all .2s;font-family:inherit;
}
.ogc-faq__cat:hover{border-color:var(--fq-primary);color:var(--fq-primary)}
.ogc-faq__cat.is-active{
	background:linear-gradient(135deg,var(--fq-primary),var(--fq-primary-d));
	border-color:transparent;color:#fff;
	box-shadow:0 4px 12px rgba(26,63,146,.25);
}
.ogc-faq__cat-count{
	display:inline-block;padding:1px 7px;font-size:11px;font-weight:700;
	background:rgba(0,0,0,.06);border-radius:999px;
}
.ogc-faq__cat.is-active .ogc-faq__cat-count{background:rgba(255,255,255,.22);color:#fff}

/* ─── ACCORDION LİSTE ─── */
.ogc-faq__list{display:flex;flex-direction:column;gap:10px;padding-bottom:30px}
.ogc-faq__item{
	background:var(--fq-card);border:1px solid var(--fq-stroke);
	border-radius:var(--fq-radius);box-shadow:var(--fq-shadow-sm);
	overflow:hidden;transition:border-color .2s,box-shadow .25s;
}
.ogc-faq__item[open]{border-color:var(--fq-primary);box-shadow:var(--fq-shadow-lg)}
.ogc-faq__item.is-hidden{display:none}

/* Soru (summary) */
.ogc-faq__q{
	display:flex;align-items:center;gap:14px;
	padding:18px 22px;cursor:pointer;list-style:none;
	font-size:15px;font-weight:600;color:var(--fq-text);
	transition:background .15s;line-height:1.4;
}
.ogc-faq__q::-webkit-details-marker{display:none}
.ogc-faq__q:hover{background:var(--fq-bg-soft)}
.ogc-faq__q-mark{
	flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;
	width:32px;height:32px;border-radius:50%;
	background:linear-gradient(135deg,#dbeafe,#eff6ff);
	color:var(--fq-primary);font-weight:800;font-size:15px;
	transition:all .25s;
}
.ogc-faq__item[open] .ogc-faq__q-mark{
	background:linear-gradient(135deg,var(--fq-primary),var(--fq-primary-d));
	color:#fff;
}
.ogc-faq__q-text{flex:1;min-width:0;word-break:break-word}
.ogc-faq__q-cat{
	flex-shrink:0;font-size:11px;font-weight:700;letter-spacing:.04em;
	color:var(--fq-accent);background:#fee2e2;padding:3px 10px;border-radius:6px;
}
.ogc-faq__q-toggle{
	flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;
	width:28px;height:28px;color:var(--fq-muted);
	transition:transform .3s,color .2s;
}
.ogc-faq__q-toggle svg{width:18px;height:18px}
.ogc-faq__item[open] .ogc-faq__q-toggle{transform:rotate(180deg);color:var(--fq-primary)}

/* Cevap */
.ogc-faq__a{
	padding:0 22px 20px 68px;
	font-size:14.5px;line-height:1.75;color:var(--fq-text);
	border-top:1px solid var(--fq-stroke);
	margin-top:0;padding-top:18px;
}
.ogc-faq__a p{margin:0 0 10px}
.ogc-faq__a p:last-child{margin-bottom:0}
.ogc-faq__a a{color:var(--fq-primary);font-weight:600;text-decoration:underline;text-underline-offset:3px}
.ogc-faq__a a:hover{color:var(--fq-accent)}
.ogc-faq__a strong{color:var(--fq-primary-d);font-weight:700}
.ogc-faq__a ul,.ogc-faq__a ol{margin:10px 0;padding-left:20px}
.ogc-faq__a li{margin-bottom:6px}

/* ─── BOŞ DURUM ─── */
.ogc-faq__empty{
	text-align:center;padding:50px 20px;color:var(--fq-muted);
}
.ogc-faq__empty svg{margin:0 auto 12px;display:block;opacity:.5}
.ogc-faq__empty p{margin:0;font-size:15px}

/* ─── ALT CTA ─── */
.ogc-faq__cta{
	display:flex;gap:24px;align-items:center;margin-top:14px;
	padding:30px;border-radius:var(--fq-radius);
	background:linear-gradient(135deg,var(--fq-primary) 0%,var(--fq-primary-d) 100%);
	color:#fff;box-shadow:var(--fq-shadow-lg);
	margin-bottom:50px;position:relative;overflow:hidden;
}
.ogc-faq__cta::before{
	content:'';position:absolute;inset:0;pointer-events:none;
	background:radial-gradient(ellipse at 100% 0%,rgba(225,12,20,.25),transparent 50%);
}
.ogc-faq__cta-icon{
	flex-shrink:0;width:60px;height:60px;border-radius:14px;
	background:rgba(255,255,255,.16);backdrop-filter:blur(6px);
	display:inline-flex;align-items:center;justify-content:center;
	position:relative;z-index:1;
}
.ogc-faq__cta-icon svg{width:30px;height:30px;color:#fff}
.ogc-faq__cta-body{flex:1;min-width:0;position:relative;z-index:1}
.ogc-faq__cta-title{font-size:18px;font-weight:700;margin:0 0 6px;color:#fff;letter-spacing:-.01em}
.ogc-faq__cta-text{font-size:14px;line-height:1.6;opacity:.92;margin:0}
.ogc-faq__cta-btns{
	display:flex;gap:10px;flex-wrap:wrap;flex-shrink:0;
	position:relative;z-index:1;
}
.ogc-faq__cta-btn{
	display:inline-flex;align-items:center;gap:8px;
	padding:12px 20px;border-radius:999px;font-weight:700;font-size:14px;
	text-decoration:none;border:2px solid transparent;
	transition:transform .15s,background .25s,color .25s;
	white-space:nowrap;
}
.ogc-faq__cta-btn--phone{background:#fff;color:var(--fq-primary)}
.ogc-faq__cta-btn--phone:hover{background:var(--fq-accent);color:#fff;transform:translateY(-2px)}
.ogc-faq__cta-btn--wa{background:#25d366;color:#fff}
.ogc-faq__cta-btn--wa:hover{background:#1faa54;transform:translateY(-2px)}

/* ─── RESPONSIVE ─── */
@media (max-width:760px){
	.ogc-faq__hero{padding:40px 18px 60px}
	.ogc-faq__hero::after{font-size:160px;right:-10px}
	.ogc-faq > .ogc-faq__search,
	.ogc-faq > .ogc-faq__cats,
	.ogc-faq > .ogc-faq__list,
	.ogc-faq > .ogc-faq__cta,
	.ogc-faq > .ogc-faq__empty{
		padding-left:14px;padding-right:14px;
	}
	.ogc-faq__search{margin-top:-30px;padding:0 12px}
	.ogc-faq__search-input{font-size:14px;padding:13px 0}
	.ogc-faq__cats{gap:6px;margin-bottom:14px}
	.ogc-faq__cat{padding:6px 12px;font-size:12px}
	.ogc-faq__q{padding:14px 16px;gap:10px;font-size:14.5px}
	.ogc-faq__q-mark{width:28px;height:28px;font-size:13px}
	.ogc-faq__q-cat{display:none}
	.ogc-faq__a{padding:14px 16px 16px 54px;font-size:14px;line-height:1.7}
	.ogc-faq__cta{
		flex-direction:column;align-items:flex-start;
		padding:24px 20px;gap:14px;margin-bottom:30px;
	}
	.ogc-faq__cta-btns{width:100%}
	.ogc-faq__cta-btn{flex:1;justify-content:center;min-width:0}
}
@media (max-width:420px){
	.ogc-faq__hero{padding:32px 14px 56px}
	.ogc-faq__cta-btns{flex-direction:column}
	.ogc-faq__cta-btn{width:100%}
}