/* OGC · Partnerlerimiz Sayfası — tam sayfa marka showcase */

.ogc-pp{
	--pp-primary: #1a3f92;
	--pp-primary-d: #102861;
	--pp-accent: #e10c14;
	--pp-text: #0f172a;
	--pp-muted: #64748b;
	--pp-bg-soft: #f8fafc;
	--pp-stroke: #e5e7eb;
	--pp-card: #ffffff;
	--pp-radius: 16px;
	--pp-shadow-sm: 0 1px 3px rgba(15,23,42,.06), 0 2px 8px rgba(15,23,42,.04);
	--pp-shadow-lg: 0 12px 36px rgba(15,23,42,.10), 0 4px 12px rgba(15,23,42,.04);
	display:block;color:var(--pp-text);font-family:inherit;
}
.ogc-pp *,.ogc-pp *::before,.ogc-pp *::after{box-sizing:border-box}
.ogc-pp img{max-width:100%;height:auto;display:block}
.ogc-pp__container{max-width:1240px;margin:0 auto;padding:0 24px}
.ogc-pp__kicker{
	display:inline-block;font-size:12px;font-weight:700;letter-spacing:.18em;
	color:var(--pp-accent);text-transform:uppercase;margin-bottom:14px;
}
.ogc-pp__h2{
	font-size:clamp(26px,3.4vw,40px);font-weight:800;line-height:1.15;color:var(--pp-primary);
	margin:0 0 18px;letter-spacing:-.015em;
}
.ogc-pp__h4{
	font-size:18px;font-weight:700;color:var(--pp-primary);margin:0 0 8px;letter-spacing:-.005em;
}
.ogc-pp__lead{font-size:16px;line-height:1.7;color:var(--pp-muted);margin:0 auto;max-width:760px}
.ogc-pp__section-head{text-align:center;margin-bottom:48px}

/* ─── 1. HERO ─── */
.ogc-pp__hero{
	background:linear-gradient(135deg, var(--pp-primary) 0%, var(--pp-primary-d) 100%);
	color:#fff;padding:90px 0 100px;
	position:relative;overflow:hidden;
}
.ogc-pp__hero::before{
	content:'';position:absolute;inset:0;
	background:
		radial-gradient(ellipse at 90% 0%, rgba(225,12,20,.20), transparent 55%),
		radial-gradient(ellipse at 10% 100%, rgba(255,255,255,.10), transparent 55%);
	pointer-events:none;
}
.ogc-pp__hero::after{
	content:'';position:absolute;inset:0;opacity:.06;
	background-image:repeating-linear-gradient(45deg, transparent 0 22px, #fff 22px 23px);
	mask-image:linear-gradient(180deg, #000 0%, transparent 80%);
	-webkit-mask-image:linear-gradient(180deg, #000 0%, transparent 80%);
	pointer-events:none;
}
.ogc-pp__hero > .ogc-pp__container{position:relative;z-index:1;text-align:center;max-width:920px}
.ogc-pp__hero .ogc-pp__kicker{color:#fff;background:rgba(255,255,255,.12);padding:6px 18px;border-radius:999px;backdrop-filter:blur(6px)}
.ogc-pp__hero-title{
	font-size:clamp(32px,4.5vw,56px);font-weight:800;line-height:1.1;
	margin:0 0 22px;color:#fff;letter-spacing:-.02em;
}
.ogc-pp__hero-sub{
	font-size:clamp(15px,1.5vw,18px);line-height:1.65;opacity:.92;
	margin:0 auto 40px;max-width:760px;
}

/* Hero mini stats */
.ogc-pp__hero-stats{
	display:grid;grid-template-columns:repeat(4,1fr);gap:16px;
	max-width:680px;margin:0 auto;
}
.ogc-pp__mini-stat{
	background:rgba(255,255,255,.10);
	border:1px solid rgba(255,255,255,.18);
	border-radius:14px;padding:18px 12px;text-align:center;
	backdrop-filter:blur(8px);
	transition:transform .25s, background .25s;
}
.ogc-pp__mini-stat:hover{transform:translateY(-3px);background:rgba(255,255,255,.16)}
.ogc-pp__mini-num{
	display:block;font-size:clamp(20px,2.6vw,30px);font-weight:800;
	color:#fff;letter-spacing:-.01em;line-height:1.05;
}
.ogc-pp__mini-lbl{
	display:block;font-size:12px;font-weight:600;letter-spacing:.06em;
	text-transform:uppercase;opacity:.85;margin-top:6px;
}

/* ─── 2. BRAND GRID ─── */
.ogc-pp__grid-sec{padding:90px 0;background:var(--pp-bg-soft)}
.ogc-pp__grid{
	display:grid;
	grid-template-columns:repeat(var(--ogc-pp-cols, 5), 1fr);
	gap:18px;
}
.ogc-pp__brand{
	background:var(--pp-card);border:1px solid var(--pp-stroke);
	border-radius:var(--pp-radius);
	padding:24px 16px 18px;text-decoration:none;color:inherit;
	display:flex;flex-direction:column;align-items:center;gap:10px;
	transition:transform .25s, box-shadow .25s, border-color .25s;
	cursor:default;
}
.ogc-pp__brand[href]{cursor:pointer}
.ogc-pp__brand:hover{
	transform:translateY(-4px);
	box-shadow:var(--pp-shadow-lg);
	border-color:var(--pp-primary);
}
.ogc-pp__brand-logo{
	width:100%;height:64px;
	display:flex;align-items:center;justify-content:center;
}
.ogc-pp__brand-logo img{
	max-height:100%;max-width:80%;width:auto;
	filter:grayscale(85%);opacity:.75;
	transition:filter .3s, opacity .3s, transform .3s;
}
.ogc-pp__brand:hover .ogc-pp__brand-logo img{
	filter:grayscale(0);opacity:1;transform:scale(1.08);
}
.ogc-pp__brand-name{
	font-size:13px;font-weight:600;color:var(--pp-text);
	letter-spacing:-.005em;text-align:center;
	transition:color .25s;
}
.ogc-pp__brand:hover .ogc-pp__brand-name{color:var(--pp-primary)}
.ogc-pp__brand-placeholder{
	font-size:13px;color:var(--pp-muted);font-weight:600;padding:6px 10px;
}

/* ─── 3. PERKS ─── */
.ogc-pp__perks{padding:90px 0}
.ogc-pp__perks-grid{
	display:grid;grid-template-columns:repeat(3,1fr);gap:24px;
}
.ogc-pp__perk-card{
	background:var(--pp-card);border:1px solid var(--pp-stroke);
	border-radius:var(--pp-radius);padding:32px 28px;
	transition:transform .25s, box-shadow .25s, border-color .25s;
}
.ogc-pp__perk-card:hover{
	transform:translateY(-4px);box-shadow:var(--pp-shadow-lg);
	border-color:transparent;
}
.ogc-pp__perk-icon{
	width:58px;height:58px;border-radius:13px;
	background:linear-gradient(135deg, var(--pp-accent), #b80910);
	color:#fff;display:inline-flex;align-items:center;justify-content:center;
	margin-bottom:18px;
}
.ogc-pp__perk-icon svg,.ogc-pp__perk-icon i{
	width:26px;height:26px;font-size:24px;color:#fff !important;
}
.ogc-pp__perk-icon svg{fill:#fff !important;stroke:#fff !important}
.ogc-pp__perk-icon svg [fill]:not([fill="none"]){fill:#fff !important}
.ogc-pp__perk-icon svg [stroke]:not([stroke="none"]){stroke:#fff !important}
.ogc-pp__perk-card p{margin:0;font-size:14.5px;line-height:1.65;color:var(--pp-muted)}

/* ─── 4. CTA ─── */
.ogc-pp__cta{
	padding:90px 0;
	background:linear-gradient(135deg, var(--pp-accent) 0%, #a00910 100%);
	color:#fff;
}
.ogc-pp__cta-inner{text-align:center;max-width:820px;margin:0 auto}
.ogc-pp__cta-title{
	font-size:clamp(24px,3vw,38px);font-weight:800;line-height:1.2;color:#fff;
	margin:0 0 16px;letter-spacing:-.015em;
}
.ogc-pp__cta-text{font-size:16px;line-height:1.65;opacity:.94;margin:0 0 28px}
.ogc-pp__cta-btns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.ogc-pp__cta-btn{
	display:inline-flex;align-items:center;gap:8px;
	padding:14px 28px;border-radius:999px;font-weight:700;font-size:15px;
	text-decoration:none;transition:transform .15s, background .25s, color .25s;
	border:2px solid transparent;
}
.ogc-pp__cta-btn--primary{background:#fff;color:var(--pp-accent)}
.ogc-pp__cta-btn--primary:hover{background:var(--pp-primary);color:#fff;transform:translateY(-2px)}
.ogc-pp__cta-btn--ghost{background:rgba(255,255,255,.12);color:#fff;border-color:rgba(255,255,255,.4);backdrop-filter:blur(6px)}
.ogc-pp__cta-btn--ghost:hover{background:#fff;color:var(--pp-accent);border-color:#fff;transform:translateY(-2px)}

/* ─── RESPONSIVE ─── */
@media (max-width: 1024px){
	.ogc-pp__grid{grid-template-columns:repeat(4,1fr) !important}
	.ogc-pp__perks-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width: 720px){
	.ogc-pp__hero{padding:70px 0 80px}
	.ogc-pp__grid-sec,.ogc-pp__perks,.ogc-pp__cta{padding:60px 0}
	.ogc-pp__hero-stats{grid-template-columns:repeat(2,1fr)}
	.ogc-pp__grid{grid-template-columns:repeat(3,1fr) !important;gap:12px}
	.ogc-pp__brand{padding:18px 10px 14px}
	.ogc-pp__brand-logo{height:50px}
	.ogc-pp__brand-name{font-size:12px}
	.ogc-pp__perks-grid{grid-template-columns:1fr}
	.ogc-pp__cta-btns{flex-direction:column}
	.ogc-pp__cta-btn{width:100%;justify-content:center}
}
@media (max-width: 420px){
	.ogc-pp__grid{grid-template-columns:repeat(2,1fr) !important}
}