/* Prestij Pano — kurumsal tasarım sistemi */
[x-cloak] { display: none !important; }
html { scroll-behavior: smooth; }
body { background: #fff; color: #0c1b2a; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
main { animation: pageIn .35s ease-out; }
.container { max-width: 1280px; }
input:focus, textarea:focus, select:focus { outline: none; }
::selection { background: #b72e4a; color: #fff; }
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { background: #eef3f2; }
::-webkit-scrollbar-thumb { background: #456a72; border-radius: 999px; }
::-webkit-scrollbar-thumb:hover { background: #b72e4a; }

@keyframes pageIn { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: translateY(0); } }
@keyframes shimmer { from { background-position: -200% 0; } to { background-position: 200% 0; } }
.shimmer { background: linear-gradient(90deg,#eef2f1 25%,#dfe8e6 50%,#eef2f1 75%); background-size: 200% 100%; animation: shimmer 1.5s infinite; }

/* Marka */
.pp-brand { display: inline-flex; align-items: center; gap: .75rem; color: #102d3b; }
.pp-brand-mark { position: relative; width: 2.85rem; height: 2.85rem; flex: 0 0 auto; border-radius: .85rem .2rem .85rem .2rem; overflow: hidden; background: #102d3b; box-shadow: 0 8px 22px rgba(12,27,42,.16); }
.pp-brand-mark-letter { position: absolute; inset: 0; display: grid; place-items: center; color: #fff; font-family: Sora,sans-serif; font-size: 1.5rem; font-weight: 800; transform: translateX(-.15rem); }
.pp-brand-mark-panel { position: absolute; top: 0; right: 0; width: .58rem; height: 100%; background: #b72e4a; }
.pp-brand-copy { display: grid; line-height: 1; }
.pp-brand-name { font-family: Sora,sans-serif; font-size: 1.18rem; font-weight: 800; letter-spacing: .13em; white-space: nowrap; }
.pp-brand-line { margin-top: .3rem; font-size: .56rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: #647d82; white-space: nowrap; }
.pp-brand-light { color: #fff; }
.pp-brand-light .pp-brand-mark { background: #fff; }
.pp-brand-light .pp-brand-mark-letter { color: #102d3b; }
.pp-brand-light .pp-brand-line { color: rgba(255,255,255,.55); }
.pp-brand-compact .pp-brand-line { display: none; }

/* Üst gezinme */
.pp-topbar { background: #0c1b2a; color: rgba(255,255,255,.75); font-size: .72rem; }
.pp-header { position: relative; z-index: 40; border-bottom: 1px solid rgba(16,45,59,.08); background: rgba(255,255,255,.97); box-shadow: 0 12px 36px rgba(12,27,42,.05); backdrop-filter: blur(16px); }
.pp-nav-link { position: relative; display: inline-flex; align-items: center; gap: .3rem; padding: 1.9rem .15rem 1.7rem; color: #284853; font-size: .82rem; font-weight: 700; transition: color .2s ease; }
.pp-nav-link::after { content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 3px; background: #b72e4a; transform: scaleX(0); transform-origin: center; transition: transform .2s ease; }
.pp-nav-link:hover, .pp-nav-link.is-active { color: #b72e4a; }
.pp-nav-link:hover::after, .pp-nav-link.is-active::after { transform: scaleX(1); }
.pp-mega-menu { position: absolute; top: calc(100% - 1px); left: 50%; display: grid; grid-template-columns: 270px 1fr; width: min(720px,90vw); transform: translate(-50%,8px); border: 1px solid #dce7e5; border-radius: 0 0 1.4rem 1.4rem; background: #fff; padding: 1rem; opacity: 0; visibility: hidden; box-shadow: 0 30px 70px rgba(12,27,42,.14); transition: .2s ease; }
.group:hover > .pp-mega-menu { opacity: 1; visibility: visible; transform: translate(-50%,0); }
.pp-mega-feature { display: flex; min-height: 100%; flex-direction: column; justify-content: flex-end; border-radius: 1rem .25rem 1rem .25rem; background: linear-gradient(145deg,#102d3b,#183b49); color: #fff; padding: 1.15rem; }
.pp-mega-link { display: flex; align-items: center; justify-content: space-between; padding: .72rem .85rem; border-radius: .75rem; color: #31525a; font-size: .82rem; font-weight: 650; transition: .2s ease; }
.pp-mega-link:hover { color: #b72e4a; background: #f3f6f5; transform: translateX(3px); }
.pp-quote-button { display: inline-flex; align-items: center; justify-content: center; gap: .5rem; min-height: 2.8rem; padding: 0 1rem; border-radius: .8rem .18rem .8rem .18rem; background: #b72e4a; color: #fff; font-size: .78rem; font-weight: 800; box-shadow: 0 10px 26px rgba(183,46,74,.2); transition: .2s ease; }
.pp-quote-button:hover { background: #8d1f38; transform: translateY(-2px); }
.pp-icon-button { display: grid; width: 2.75rem; height: 2.75rem; place-items: center; border: 1px solid #dce7e5; border-radius: .8rem; color: #173846; background: #fff; transition: .2s ease; }
.pp-icon-button:hover { color: #b72e4a; border-color: #b72e4a; }
.pp-mobile-link { display: flex; align-items: center; justify-content: space-between; padding: .9rem 0; border-bottom: 1px solid #e2eae9; font-weight: 750; color: #173846; }
.pp-mobile-sub,.pp-mobile-sublink { display: block; padding: .62rem .8rem; color: #557077; font-size: .86rem; border-radius: .6rem; }
.pp-mobile-sub:hover,.pp-mobile-sublink:hover { background: #f3f6f5; color: #b72e4a; }

/* Ana sayfa hero */
.pp-hero { position: relative; overflow: hidden; background: linear-gradient(135deg,#0c1b2a 0%,#102d3b 62%,#183b49 100%); }
.pp-hero::before { content: ''; position: absolute; inset: 0; background-image: linear-gradient(rgba(16,45,59,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(16,45,59,.04) 1px,transparent 1px); background-size: 36px 36px; mask-image: linear-gradient(to bottom,#000,transparent 88%); }
.pp-hero-grid { position: absolute; inset: 0; background-image: linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px); background-size: 40px 40px; mask-image: linear-gradient(to bottom,#000,transparent 92%); }
.pp-hero-glow { position: absolute; width: 30rem; height: 30rem; border-radius: 999px; filter: blur(80px); pointer-events: none; }
.pp-hero-glow-one { right: 5%; top: 5%; background: rgba(157,184,181,.3); }
.pp-hero-glow-two { left: -15rem; bottom: -20rem; background: rgba(183,46,74,.12); }
.pp-eyebrow { display: inline-flex; align-items: center; gap: .55rem; color: #b72e4a; font-size: .7rem; font-weight: 850; letter-spacing: .16em; text-transform: uppercase; }
.pp-eyebrow::before { content: ''; width: 2rem; height: 2px; background: currentColor; }
.pp-hero-title { margin-top: 1.25rem; max-width: 760px; font-family: Sora,sans-serif; font-size: clamp(2.65rem,5vw,5.2rem); font-weight: 780; line-height: 1.02; letter-spacing: -.055em; color: #0c1b2a; }
.pp-hero-title span { color: #b72e4a; }
.pp-hero-copy { margin-top: 1.5rem; max-width: 650px; color: #526c73; font-size: clamp(1rem,1.5vw,1.16rem); line-height: 1.8; }
.pp-button-primary, .pp-button-secondary { display: inline-flex; min-height: 3.35rem; align-items: center; justify-content: center; gap: .65rem; padding: 0 1.3rem; border-radius: .9rem .2rem .9rem .2rem; font-size: .82rem; font-weight: 850; transition: .22s ease; }
.pp-button-primary { background: #b72e4a; color: #fff; box-shadow: 0 14px 32px rgba(183,46,74,.2); }
.pp-button-primary:hover { background: #8d1f38; transform: translateY(-2px); }
.pp-button-secondary { border: 1px solid #bdd0cd; color: #173846; background: rgba(255,255,255,.66); }
.pp-button-secondary:hover { border-color: #173846; background: #fff; transform: translateY(-2px); }
.pp-hero-stats { display: flex; flex-wrap: wrap; gap: .65rem 1.6rem; margin-top: 2rem; }
.pp-hero-stat { display: block; font-family: Sora,sans-serif; font-size: 1.35rem; color: #fff; }
.pp-hero-stat + span { display: block; margin-top: .22rem; color: rgba(255,255,255,.48); font-size: .66rem; font-weight: 750; text-transform: uppercase; letter-spacing: .08em; }
.pp-showcase,.pp-hero-showcase { position: relative; min-height: 540px; }
.pp-showcase-main { position: absolute; inset: 0 4.5rem 3rem 0; overflow: hidden; border-radius: 2rem .35rem 2rem .35rem; background: #fff; box-shadow: 0 35px 80px rgba(12,27,42,.18); }
.pp-hero-showcase.is-single .pp-showcase-main { inset: 0 0 2.5rem 0; }
.pp-showcase-main img { width: 100%; height: 100%; object-fit: cover; }
.pp-showcase-main::after { content: ''; position: absolute; inset: auto 0 0; height: 45%; background: linear-gradient(transparent,rgba(12,27,42,.88)); }
.pp-showcase-caption { position: absolute; z-index: 2; left: 1.5rem; right: 1.5rem; bottom: 1.4rem; color: #fff; }
.pp-showcase-caption small { display: block; color: #d75a72; font-size: .62rem; font-weight: 850; letter-spacing: .1em; text-transform: uppercase; }
.pp-showcase-caption strong { display: block; margin-top: .35rem; font-family: Sora,sans-serif; font-size: 1.08rem; line-height: 1.3; }
.pp-showcase-caption em { display: block; margin-top: .4rem; color: rgba(255,255,255,.62); font-size: .7rem; font-style: normal; }
.pp-showcase-side { position: absolute; right: 0; top: 2.2rem; width: 42%; aspect-ratio: 1/1.18; overflow: hidden; border: 7px solid #f3f6f5; border-radius: 1.2rem .2rem 1.2rem .2rem; background: #fff; box-shadow: 0 25px 50px rgba(12,27,42,.18); }
.pp-showcase-side img { width: 100%; height: 100%; object-fit: cover; }
.pp-showcase-side > span { position: absolute; inset: auto .75rem .75rem; padding: .55rem .7rem; border-radius: .55rem; background: rgba(12,27,42,.78); color: #fff; font-size: .65rem; font-weight: 800; text-align: center; backdrop-filter: blur(8px); }
.pp-showcase-badge { position: absolute; z-index: 4; top: -.8rem; left: -1rem; display: grid; width: 6.5rem; height: 6.5rem; place-items: center; border: 5px solid #f3f6f5; border-radius: 50%; background: #b72e4a; color: #fff; text-align: center; font-family: Sora,sans-serif; font-size: .67rem; font-weight: 800; line-height: 1.35; text-transform: uppercase; transform: rotate(-8deg); }
.pp-showcase-badge strong { display: block; font-size: 1.15rem; }.pp-showcase-badge span { display: block; max-width: 5rem; }
.pp-showcase-note { position: absolute; z-index: 5; right: 1.2rem; bottom: 0; max-width: 15rem; border-left: 4px solid #b72e4a; background: #102d3b; color: #fff; padding: 1rem 1.15rem; box-shadow: 0 18px 36px rgba(12,27,42,.18); }

/* Ortak bölümler */
.pp-trust-strip { border-top: 1px solid #e2eae9; border-bottom: 1px solid #e2eae9; background: #fff; }
.pp-trust-grid { display: grid; grid-template-columns: repeat(4,1fr); }
.pp-trust-item { display: flex; align-items: center; gap: .8rem; padding: 1.3rem 1rem; border-right: 1px solid #e2eae9; }
.pp-trust-item:last-child { border-right: 0; }
.pp-trust-icon { display: grid; width: 2.6rem; height: 2.6rem; flex: 0 0 auto; place-items: center; border-radius: .75rem; background: #eef3f2; color: #b72e4a; }
.pp-section { padding-top: 6rem; padding-bottom: 6rem; }
.pp-section-soft { background: #f3f6f5; }
.pp-section-dark { position: relative; overflow: hidden; background: #0c1b2a; color: #fff; }
.pp-section-heading { display: flex; align-items: end; justify-content: space-between; gap: 2rem; margin-bottom: 2.6rem; }
.pp-kicker,.pp-section-kicker { color: #b72e4a; font-size: .7rem; font-weight: 850; letter-spacing: .16em; text-transform: uppercase; }
.pp-section-heading h2 { margin-top: .6rem; max-width: 740px; font-family: Sora,sans-serif; font-size: clamp(2rem,3.7vw,3.35rem); font-weight: 750; line-height: 1.12; letter-spacing: -.045em; color: #102d3b; }
.pp-section-heading > p { max-width: 430px; color: #647d82; line-height: 1.75; }
.pp-heading { margin-top: .6rem; max-width: 740px; font-family: Sora,sans-serif; font-size: clamp(2rem,3.7vw,3.35rem); line-height: 1.12; letter-spacing: -.045em; color: #102d3b; }
.pp-heading-light { color: #fff; }
.pp-section-copy { max-width: 690px; margin-top: 1rem; color: #647d82; line-height: 1.8; }
.pp-inline-link { display: inline-flex; align-items: center; gap: .45rem; color: #b72e4a; font-size: .78rem; font-weight: 850; white-space: nowrap; }
.pp-inline-link:hover { color: #8d1f38; }
.pp-audience-card { position: relative; display: flex; min-height: 420px; overflow: hidden; align-items: flex-end; border-radius: 1.6rem .3rem 1.6rem .3rem; background-color: #102d3b; background-position: center; background-size: cover; color: #fff; isolation: isolate; }
.pp-audience-card img { position: absolute; inset: 0; z-index: -2; width: 100%; height: 100%; object-fit: cover; transition: transform .6s ease; }
.pp-audience-card::after { content: ''; position: absolute; inset: 0; z-index: -1; background: linear-gradient(180deg,rgba(12,27,42,.05) 15%,rgba(12,27,42,.92) 90%); }
.pp-audience-card:hover img { transform: scale(1.045); }
.pp-audience-school { background-image: radial-gradient(circle at 85% 15%,rgba(215,90,114,.32),transparent 34%),linear-gradient(145deg,#102d3b,#0c1b2a); }
.pp-audience-office { background-image: radial-gradient(circle at 15% 15%,rgba(157,184,181,.28),transparent 34%),linear-gradient(145deg,#183b49,#0c1b2a); }
.pp-audience-public { background-image: linear-gradient(125deg,rgba(183,46,74,.2),transparent 45%),linear-gradient(145deg,#102d3b,#183b49); }
.pp-audience-card > div { padding: 1.65rem; }
.pp-audience-index { position: absolute; top: 1rem; right: 1rem; color: rgba(255,255,255,.75); font-family: Sora,sans-serif; font-size: .72rem; font-weight: 850; letter-spacing: .12em; }
.pp-audience-card small { color: #d75a72; font-size: .65rem; font-weight: 850; letter-spacing: .1em; text-transform: uppercase; }
.pp-audience-card strong { display: inline-flex; margin-top: 1.1rem; font-size: .78rem; }
.pp-audience-card-content { align-self: end; padding: 1.65rem; }
.pp-audience-card h3 { font-family: Sora,sans-serif; font-size: 1.35rem; font-weight: 750; }
.pp-audience-card p { margin-top: .6rem; color: rgba(255,255,255,.72); font-size: .85rem; line-height: 1.65; }
.pp-audience-card-arrow { display: grid; width: 2.8rem; height: 2.8rem; place-items: center; margin-top: 1rem; border: 1px solid rgba(255,255,255,.3); border-radius: 50%; transition: .2s ease; }
.pp-audience-card:hover .pp-audience-card-arrow { background: #b72e4a; border-color: #b72e4a; transform: translateX(4px); }
.pp-category-card { display: block; height: 100%; overflow: hidden; padding: 0; border: 1px solid #dce7e5; border-radius: 1.25rem .25rem 1.25rem .25rem; background: #fff; transition: .25s ease; }
.pp-category-card:hover { border-color: #9db8b5; transform: translateY(-5px); box-shadow: 0 20px 45px rgba(12,27,42,.08); }
.pp-category-number { color: #b72e4a; font-family: Sora,sans-serif; font-size: .67rem; font-weight: 800; letter-spacing: .12em; }
.pp-category-card:not(:has(.pp-category-media)) { padding: 1.4rem; }
.pp-category-media { aspect-ratio: 4/3; overflow: hidden; background: #e8efed; }
.pp-category-copy { padding: 1.35rem; }
.pp-category-copy span { color: #b72e4a; font-size: .65rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.pp-category-copy h3 { margin-top: .45rem; font-family: Sora,sans-serif; font-size: 1.08rem; font-weight: 750; color: #102d3b; }
.pp-category-copy strong { display: inline-flex; margin-top: .9rem; color: #557077; font-size: .72rem; }
.pp-process-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 1rem; }
.pp-process-card { position: relative; min-height: 230px; padding: 1.5rem; border: 1px solid rgba(255,255,255,.12); border-radius: 1.2rem .25rem 1.2rem .25rem; background: rgba(255,255,255,.04); }
.pp-process-number { color: #d75a72; font-family: Sora,sans-serif; font-size: 2.8rem; font-weight: 800; line-height: 1; opacity: .75; }
.pp-process-card h3 { margin-top: 2.8rem; font-family: Sora,sans-serif; font-size: 1.05rem; font-weight: 750; }
.pp-process-card p { margin-top: .65rem; color: rgba(255,255,255,.58); font-size: .82rem; line-height: 1.65; }
.pp-production-section { position: relative; overflow: hidden; background: #0c1b2a; }
.pp-production-section .pp-process-card > span { color: #d75a72; font-family: Sora,sans-serif; font-size: 2.5rem; font-weight: 800; opacity: .75; }
.pp-cta-panel { position: relative; overflow: hidden; display: grid; grid-template-columns: 1.2fr .8fr; align-items: center; gap: 2rem; border-radius: 2rem .35rem 2rem .35rem; background: linear-gradient(135deg,#102d3b,#183b49); color: #fff; padding: clamp(2rem,5vw,4.5rem); box-shadow: 0 30px 70px rgba(12,27,42,.18); }
.pp-cta-panel::after { content: ''; position: absolute; right: -10rem; top: -12rem; width: 28rem; height: 28rem; border: 80px solid rgba(255,255,255,.035); border-radius: 50%; }
.pp-cta-panel > * { position: relative; z-index: 1; }
.pp-cta-panel > div:first-child > p { color: #d75a72; font-size: .7rem; font-weight: 850; letter-spacing: .14em; text-transform: uppercase; }
.pp-cta-panel > div:first-child > h2 { margin-top: .8rem; font-family: Sora,sans-serif; font-size: clamp(1.8rem,3.3vw,3.1rem); font-weight: 750; line-height: 1.12; letter-spacing: -.04em; }
.pp-button-dark { display: inline-flex; min-height: 3.35rem; align-items: center; justify-content: center; padding: 0 1.3rem; border: 1px solid rgba(255,255,255,.25); border-radius: .9rem .2rem .9rem .2rem; color: #fff; font-size: .82rem; font-weight: 850; transition: .22s ease; }
.pp-button-dark:hover { background: #fff; color: #102d3b; }

/* Ürün/kategori kartları */
.okd-products-section { background: linear-gradient(180deg,#fff 0%,#f3f6f5 100%); }
.okd-product-card { overflow: hidden; border-radius: 1.35rem .25rem 1.35rem .25rem !important; border-color: #dce7e5 !important; box-shadow: 0 12px 35px rgba(12,27,42,.06); transition: .3s ease; }
.okd-product-card:hover { transform: translateY(-7px); border-color: #9db8b5 !important; box-shadow: 0 24px 52px rgba(12,27,42,.13); }
.okd-product-media { aspect-ratio: 4/3 !important; background: #eef3f2; }
.okd-product-media img { transition-duration: .65s !important; }
.okd-product-card:hover .okd-product-media img { transform: scale(1.035); }
.okd-card-light .okd-product-body { background: linear-gradient(145deg,#fff,#fbfdfc); }
.okd-category-card { border-radius: 1.35rem .25rem 1.35rem .25rem !important; border: 1px solid #dce7e5; }
.okd-category-card:hover { transform: translateY(-5px); border-color: #9db8b5; }
.okd-filter-card { border: 1px solid #dce7e5; border-radius: 1.2rem .25rem 1.2rem .25rem !important; box-shadow: 0 14px 36px rgba(12,27,42,.055); }

/* İçerik ve footer */
.prose { color: #435d65; line-height: 1.78; }
.prose h1,.prose h2,.prose h3,.prose h4 { margin-top: 1.5em; margin-bottom: .5em; color: #102d3b; font-family: Sora,sans-serif; font-weight: 750; line-height: 1.2; }
.prose h1 { font-size: 2.25em; }.prose h2 { font-size: 1.875em; }.prose h3 { font-size: 1.5em; }
.prose p { margin-bottom: 1em; }.prose a { color: #b72e4a; text-decoration: underline; }.prose strong { color: #0c1b2a; font-weight: 700; }
.prose ul,.prose ol { margin: 1em 0; padding-left: 1.5em; }.prose ul li { list-style: disc; }.prose ol li { list-style: decimal; }
.prose blockquote { border-left: 4px solid #b72e4a; padding-left: 1em; color: #557077; font-style: italic; }
.prose img { max-width: 100%; border-radius: .75rem; margin: 1em 0; }.prose table { width: 100%; border-collapse: collapse; margin: 1em 0; }.prose th,.prose td { border: 1px solid #dce7e5; padding: .6em; text-align: left; }.prose th { background: #f3f6f5; font-weight: 700; }
.pp-footer { margin-top: 6rem; background: #0c1b2a; color: rgba(255,255,255,.68); }
.pp-footer-title { color: #fff; font-family: Sora,sans-serif; font-size: .9rem; font-weight: 750; letter-spacing: .02em; }
.pp-footer-link { color: rgba(255,255,255,.62); transition: color .2s ease; }.pp-footer-link:hover { color: #fff; }

@media (max-width: 1023px) {
  .pp-hero-grid { min-height: 0; }
  .pp-showcase,.pp-hero-showcase { min-height: 500px; max-width: 680px; }
  .pp-trust-grid { grid-template-columns: repeat(2,1fr); }
  .pp-trust-item:nth-child(2) { border-right: 0; }
  .pp-trust-item:nth-child(-n+2) { border-bottom: 1px solid #e2eae9; }
  .pp-process-grid { grid-template-columns: repeat(2,1fr); }
  .pp-cta-panel { grid-template-columns: 1fr; }
}
@media (max-width: 639px) {
  .pp-brand-name { font-size: .94rem; }.pp-brand-line { display: none; }.pp-brand-mark { width: 2.45rem; height: 2.45rem; }
  .pp-hero-grid { gap: 2.8rem; padding-top: 3.2rem; padding-bottom: 3.5rem; }.pp-hero-title { font-size: 2.55rem; }
  .pp-hero-stats { gap: 1rem; }
  .pp-showcase,.pp-hero-showcase { min-height: 400px; }.pp-showcase-main { inset: 0 2rem 2.2rem 0; }.pp-hero-showcase.is-single .pp-showcase-main { inset: 0 0 2rem 0; }.pp-showcase-side { width: 38%; border-width: 4px; }.pp-showcase-badge { width: 5rem; height: 5rem; font-size: .55rem; }.pp-showcase-note { display: none; }
  .pp-trust-grid { grid-template-columns: 1fr; }.pp-trust-item { border-right: 0; border-bottom: 1px solid #e2eae9 !important; }.pp-trust-item:last-child { border-bottom: 0 !important; }
  .pp-section { padding-top: 4.5rem; padding-bottom: 4.5rem; }.pp-section-heading { display: block; }.pp-section-heading .pp-inline-link { margin-top: 1rem; }
  .pp-process-grid { grid-template-columns: 1fr; }.pp-process-card { min-height: 190px; }.pp-process-card h3 { margin-top: 1.5rem; }
  .okd-product-media { aspect-ratio: 1/1 !important; }
}
@media print { header,footer,.no-print { display:none !important; } }