/* ====================================================
   ÜRÜN SAYFASI — Anduril "Dive-LD" tarzı
   Monokrom, Helvetica, dev kalın ad, açık spec kartı.
   pages.css ile birlikte kullanılır (nav/footer/reveal).
   ==================================================== */
.pp { background: #000; }
.pp, .pp * { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }

/* HERO */
.pp-hero {
  position: relative; min-height: 100vh;
  display: flex; flex-direction: column; justify-content: center;
  padding: clamp(120px,16vh,200px) clamp(20px,5vw,80px) clamp(70px,10vh,110px);
}
.pp-name { font-size: clamp(64px, 16vw, 250px); font-weight: 700; letter-spacing: -0.045em; line-height: 0.86; color: #fff; }
.pp-hero-meta { display: grid; grid-template-columns: 1fr 1.8fr; gap: clamp(20px,4vw,90px); margin-top: clamp(34px,6vh,80px); max-width: 920px; }
.pp-hero-meta .lbl { font-size: 12px; font-weight: 700; letter-spacing: 0.03em; text-transform: uppercase; line-height: 1.45; color: #fff; }
.pp-hero-meta .desc { font-size: 13px; font-weight: 700; letter-spacing: 0.015em; text-transform: uppercase; line-height: 1.5; color: rgba(255,255,255,0.82); max-width: 560px; }
.pp-code { position: absolute; bottom: clamp(22px,5vh,48px); left: clamp(20px,5vw,80px); font-family: 'JetBrains Mono', monospace; font-size: 12px; letter-spacing: 0.12em; color: rgba(255,255,255,0.55); }
.pp-arrow { position: absolute; bottom: clamp(20px,5vh,46px); right: clamp(20px,5vw,80px); color: #fff; opacity: 0.8; animation: ppArrow 2.2s ease-in-out infinite; }
@keyframes ppArrow { 0%,100%{transform:translateY(0)} 50%{transform:translateY(8px)} }

/* FULL-BLEED MEDIA */
.pp-media { width: 100%; overflow: hidden; }
.pp-media img, .pp-media video { width: 100%; height: clamp(420px, 82vh, 920px); object-fit: cover; display: block; filter: grayscale(0.18) contrast(1.02); }

/* SPEC KARTI (açık) */
.pp-specs { position: relative; padding: clamp(48px,9vw,130px) clamp(20px,5vw,80px); }
.pp-card { background: #e9e7e0; color: #14140f; max-width: 470px; padding: clamp(28px,3vw,46px); }
.pp-card h2 { font-size: clamp(22px,2.4vw,32px); font-weight: 700; letter-spacing: -0.01em; margin-bottom: 26px; }
.pp-row { display: flex; flex-direction: column; gap: 3px; padding: 15px 0; border-top: 1px solid rgba(0,0,0,0.16); }
.pp-row .k { font-size: 12px; font-weight: 700; letter-spacing: 0.04em; text-transform: uppercase; }
.pp-row .v { font-size: 15px; color: #5a584f; }
.pp-card .more { display: inline-flex; align-items: center; gap: 8px; margin-top: 28px; font-size: 13px; font-weight: 700; letter-spacing: 0.04em; text-transform: uppercase; color: #14140f; text-decoration: none; border-bottom: 1px solid #14140f; padding-bottom: 3px; transition: gap 0.3s ease; }
.pp-card .more:hover { gap: 14px; }

/* YETENEKLER */
.pp-caps { padding: clamp(48px,8vw,120px) clamp(20px,5vw,80px); }
.pp-caps .eyebrow { font-family: 'JetBrains Mono', monospace; font-size: 11px; letter-spacing: 0.28em; text-transform: uppercase; color: rgba(255,255,255,0.45); margin-bottom: 16px; }
.pp-caps h2 { font-size: clamp(30px,4.4vw,64px); font-weight: 700; letter-spacing: -0.025em; line-height: 1; color: #fff; margin-bottom: 30px; }
.pp-cap { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(24px,4vw,70px); align-items: center; padding: clamp(34px,5vh,64px) 0; border-top: 1px solid rgba(255,255,255,0.12); }
.pp-cap .num { font-family: 'JetBrains Mono', monospace; font-size: 13px; letter-spacing: 0.1em; color: rgba(255,255,255,0.42); }
.pp-cap h3 { font-size: clamp(22px,2.6vw,38px); font-weight: 700; letter-spacing: -0.01em; text-transform: uppercase; color: #fff; margin: 12px 0 16px; }
.pp-cap p { color: rgba(255,255,255,0.6); font-weight: 300; line-height: 1.7; font-size: clamp(14px,1.1vw,16px); max-width: 460px; }
.pp-cap .pp-cap-img { overflow: hidden; }
.pp-cap img { width: 100%; height: clamp(230px,32vw,440px); object-fit: cover; display: block; filter: grayscale(0.18); transition: transform 0.9s cubic-bezier(0.16,1,0.3,1); }
.pp-cap:hover img { transform: scale(1.04); }
.pp-cap.flip .pp-cap-img { order: -1; }

/* GÖREV LİSTELERİ */
.pp-mission { padding: clamp(48px,8vw,120px) clamp(20px,5vw,80px); display: grid; grid-template-columns: 1fr 1fr; gap: clamp(34px,5vw,90px); border-top: 1px solid rgba(255,255,255,0.12); }
.pp-mission .col h2 { font-size: clamp(26px,3.2vw,46px); font-weight: 700; letter-spacing: -0.02em; color: #fff; margin-bottom: 20px; }
.pp-mission .col p { color: rgba(255,255,255,0.6); font-weight: 300; line-height: 1.7; margin-bottom: 26px; }
.pp-mission ul { list-style: none; }
.pp-mission li { padding: 14px 0; border-top: 1px solid rgba(255,255,255,0.1); font-size: 15px; font-weight: 300; color: rgba(255,255,255,0.85); }

@media (max-width: 860px) {
  .pp-hero-meta, .pp-cap, .pp-mission { grid-template-columns: 1fr; }
  .pp-cap.flip .pp-cap-img { order: 0; }
}

/* ====================================================
   ÜRÜN LİSTESİ / SERGİ SAYFASI (urunler.html)
   Anduril "Products index" — tam genişlik tıklanabilir satırlar
   ==================================================== */
.pi-wrap { padding: clamp(120px,18vh,200px) clamp(20px,5vw,80px) clamp(40px,6vh,80px); }
.pi-eyebrow { font-family:'JetBrains Mono',monospace; font-size:11px; letter-spacing:0.28em; text-transform:uppercase; color:rgba(255,255,255,0.45); margin-bottom:16px; }
.pi-head { font-size:clamp(48px,11vw,150px); font-weight:700; letter-spacing:-0.04em; line-height:0.9; color:#fff; }
.pi-sub { margin-top:clamp(20px,3vh,34px); max-width:620px; font-size:clamp(13px,1.1vw,16px); font-weight:300; line-height:1.7; color:rgba(255,255,255,0.6); }

.pi-grid { display:flex; flex-direction:column; }
.pi-card { position:relative; display:block; text-decoration:none; height:clamp(360px,64vh,640px); overflow:hidden; border-top:1px solid rgba(255,255,255,0.12); }
.pi-card:last-child { border-bottom:1px solid rgba(255,255,255,0.12); }
.pi-card video, .pi-card img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; filter:grayscale(0.22) contrast(1.02); transition:transform 1.1s cubic-bezier(0.16,1,0.3,1); }
.pi-card::after { content:""; position:absolute; inset:0; background:linear-gradient(90deg, rgba(0,0,0,0.78) 0%, rgba(0,0,0,0.35) 45%, rgba(0,0,0,0.15) 100%); }
.pi-card:hover video, .pi-card:hover img { transform:scale(1.05); }
.pi-card-body { position:absolute; z-index:2; left:clamp(20px,5vw,80px); bottom:clamp(28px,6vh,64px); right:clamp(20px,5vw,80px); }
.pi-num { font-family:'JetBrains Mono',monospace; font-size:12px; letter-spacing:0.14em; color:rgba(255,255,255,0.55); margin-bottom:14px; }
.pi-name { font-size:clamp(42px,8vw,120px); font-weight:700; letter-spacing:-0.04em; line-height:0.88; color:#fff; }
.pi-tag { margin-top:14px; max-width:480px; font-size:12px; font-weight:700; letter-spacing:0.02em; text-transform:uppercase; line-height:1.5; color:rgba(255,255,255,0.78); }
.pi-go { display:inline-flex; align-items:center; gap:9px; margin-top:22px; font-size:13px; font-weight:700; letter-spacing:0.05em; text-transform:uppercase; color:#fff; border-bottom:1px solid rgba(255,255,255,0.7); padding-bottom:4px; transition:gap 0.3s ease; }
.pi-card:hover .pi-go { gap:16px; }

@media (max-width:860px){
  .pi-card::after { background:linear-gradient(180deg, rgba(0,0,0,0.25) 0%, rgba(0,0,0,0.8) 100%); }
}

/* Ürün sayfası dev ismi: parlak beyaz + her arka planda okunur derinlik gölgesi */
.pp-name {
  color: #fff;
  text-shadow:
    0 1px 2px rgba(0,0,0,0.55),
    0 4px 18px rgba(0,0,0,0.5),
    0 12px 50px rgba(0,0,0,0.6);
}

/* ============ BEBAS NEUE — DISPLAY/BAŞLIK FONTU ============ */
.pp .pp-name, .pp .pi-head, .pp .pi-name,
.pp .pp-caps h2, .pp .pp-cap h3, .pp .pp-card h2, .pp .pp-mission h2 {
  font-family: 'Bebas Neue', 'Montserrat', sans-serif !important;
  font-weight: 400 !important; letter-spacing: 0.01em !important;
}

/* ============ YAZI GÖLGELERİNİ KALDIR ============ */
.pp .pp-name, .pp-name, .pp .pi-head, .pp .pi-name,
.pp .pp-caps h2, .pp .pp-cap h3, .pp .pp-card h2 { text-shadow: none !important; }

/* ============ ÜRÜN SPEC KARTI → YATAY GLASS BANNER (tüm ürün sayfaları) ============ */
.pp-specs .pp-card{
  max-width:none !important; width:100% !important;
  background:rgba(16,20,28,0.42) !important; color:#fff !important;
  -webkit-backdrop-filter:blur(18px) saturate(140%) !important;
          backdrop-filter:blur(18px) saturate(140%) !important;
  border:1px solid rgba(255,255,255,0.12) !important;
  border-radius:16px !important;
  padding:clamp(22px,2.6vw,38px) clamp(22px,3.4vw,52px) !important;
  display:grid !important;
  grid-template-columns:repeat(auto-fit,minmax(150px,1fr)) !important;
  column-gap:0; row-gap:0;
  box-shadow:0 20px 50px rgba(0,0,0,0.35) !important;
}
.pp-specs .pp-card h2{ grid-column:1 / -1; color:#fff !important; margin:0 0 20px !important; }
.pp-specs .pp-row{
  flex-direction:column; gap:5px;
  border-top:none !important;
  border-left:1px solid rgba(255,255,255,0.12) !important;
  padding:10px clamp(14px,1.4vw,22px) !important;
}
.pp-specs .pp-row:first-of-type{ border-left:none !important; }
.pp-specs .pp-row .k{ color:rgba(255,255,255,0.55) !important; font-size:11px !important; }
.pp-specs .pp-row .v{ color:#fff !important; font-size:15px !important; }
.pp-specs .pp-card .more{ grid-column:1 / -1; color:#fff !important; border-bottom-color:rgba(255,255,255,0.6) !important; margin-top:22px !important; }
/* mobilde 2 sütun, ilk satır border'ı sıfırla */
@media (max-width:600px){
  .pp-specs .pp-card{ grid-template-columns:repeat(2,1fr) !important; }
  .pp-specs .pp-row{ border-left:none !important; border-top:1px solid rgba(255,255,255,0.10) !important; }
}

/* ============ Spec banner: metin varyantı (.pp-intro) ============ */
.pp-specs .pp-card.pp-intro{ display:block !important; }
.pp-specs .pp-card.pp-intro .pp-text{
  color:rgba(255,255,255,0.92);
  font-size:clamp(15px,1.4vw,19px);
  line-height:1.85;
  font-weight:300;
  letter-spacing:0.01em;
  max-width:1150px;
  margin:0;
}