/* ============================================================
   CATEGORY PAGE STYLES — products/*.html
   Loaded in addition to styles.css. Shares the same palette,
   typography and background layers as the homepage; adds
   breadcrumb, page hero, product grid, product cards and
   application suitability blocks.
   ============================================================ */

.page-hero{
  padding:80px 0 60px;position:relative;z-index:2;
  border-bottom:1px solid var(--line);
}
.page-hero-inner{
  display:grid;grid-template-columns:1.3fr 1fr;gap:48px;align-items:center;
}
.breadcrumb{
  display:flex;gap:10px;align-items:center;
  font:600 11px/1 var(--mono);letter-spacing:.2em;text-transform:uppercase;
  color:var(--text-mute);margin-bottom:18px;
}
.breadcrumb a{color:var(--olive-2)}
.breadcrumb a:hover{color:var(--amber)}
.breadcrumb .sep{opacity:.5}
.page-hero h1{
  font-family:var(--display);font-weight:700;
  font-size:clamp(34px,4.2vw,58px);line-height:1.05;
  letter-spacing:-.005em;margin:0 0 18px;
}
.page-hero h1 em{font-style:normal;color:var(--amber)}
.page-hero .lead{
  color:var(--text-dim);font-size:16.5px;line-height:1.6;
  max-width:580px;margin:0 0 24px;
}
.page-hero-meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}
.page-hero-visual{
  position:relative;aspect-ratio:4/3;
  background:
    radial-gradient(ellipse at center, rgba(0,0,0,.05), transparent 70%),
    repeating-linear-gradient(45deg,transparent 0 10px, rgba(0,0,0,.04) 10px 11px),
    linear-gradient(180deg,var(--graphite-2),var(--graphite-1));
  border:1px solid var(--line-2);border-radius:var(--radius);
  display:grid;place-items:center;overflow:hidden;
  box-shadow:0 30px 80px -30px rgba(15,23,32,.12);
}
.page-hero-visual img{
  width:78%;height:78%;object-fit:contain;
  filter:drop-shadow(0 24px 30px rgba(15,23,32,.10));
}
.page-hero-visual::before,
.page-hero-visual::after{
  content:"";position:absolute;border:1px solid var(--amber);
  width:32px;height:32px;opacity:.7;
}
.page-hero-visual::before{top:12px;left:12px;border-right:none;border-bottom:none}
.page-hero-visual::after{bottom:12px;right:12px;border-left:none;border-top:none}

.tech-intro{padding:60px 0;position:relative;z-index:2;border-bottom:1px solid var(--line)}
.tech-intro-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:24px}
.tech-cell{
  padding:22px;border:1px solid var(--line);
  background:linear-gradient(180deg,rgba(250,251,253,.5),rgba(255,255,255,.3));
  border-radius:var(--radius);position:relative;
}
.tech-cell .num{
  position:absolute;top:14px;right:16px;
  font:700 11px/1 var(--mono);letter-spacing:.2em;color:var(--amber);opacity:.6;
}
.tech-cell h4{font-family:var(--display);font-weight:600;font-size:18px;margin:0 0 8px;color:var(--text)}
.tech-cell p{margin:0;color:var(--text-dim);font-size:14px;line-height:1.55}

.prod-list{padding:80px 0;position:relative;z-index:2}
.prod-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.prod-card{
  display:flex;flex-direction:column;
  background:linear-gradient(180deg,var(--graphite-2),var(--graphite-1));
  border:1px solid var(--line);border-radius:var(--radius);
  overflow:hidden;transition:transform .3s, border-color .3s, box-shadow .3s;
}
.prod-card:hover{
  transform:translateY(-3px);border-color:rgba(194,65,12,.3);
  box-shadow:0 24px 50px -25px rgba(15,23,32,.12), 0 0 0 1px rgba(194,65,12,.1);
}
.prod-img{
  position:relative;aspect-ratio:4/3;
  background:
    radial-gradient(ellipse 70% 60% at 50% 60%, rgba(255,255,255,.55), transparent 70%),
    radial-gradient(ellipse 95% 80% at 50% 120%, rgba(179,66,12,.10), transparent 70%),
    repeating-linear-gradient(45deg,transparent 0 12px, rgba(34,40,20,.05) 12px 13px),
    var(--paper-3);
  display:grid;place-items:center;overflow:hidden;border-bottom:1px solid var(--line);
}
.prod-img img{
  width:84%;height:84%;object-fit:contain;
  mix-blend-mode:multiply;
  filter:contrast(1.04) saturate(.98) drop-shadow(0 16px 18px rgba(34,40,20,.18));
}
.prod-img img.img-missing{
  width:100%;height:100%;
  background:repeating-linear-gradient(45deg,#e2e7ec 0 10px, #f3f5f8 10px 20px);
}
.prod-img img.img-missing + .placeholder-label,
.prod-img .placeholder-label{
  position:absolute;inset:0;display:grid;place-items:center;
  font:600 10px/1.4 var(--mono);letter-spacing:.2em;color:var(--amber);
  text-align:center;padding:10px;pointer-events:none;
}
.prod-card .sku-tag{
  position:absolute;top:10px;left:10px;
  font:600 10px/1 var(--mono);letter-spacing:.16em;
  color:#ffffff;background:var(--amber);
  border:1px solid var(--amber-2);padding:5px 8px;z-index:2;
}
.prod-body{padding:18px 18px 20px;display:flex;flex-direction:column;flex:1;gap:8px}
.prod-body h3{
  font-family:var(--display);font-weight:700;font-size:19px;
  line-height:1.15;margin:0;letter-spacing:.01em;
}
.prod-desc{color:var(--text-dim);font-size:13px;margin:0 0 4px;min-height:38px}
.prod-specs{list-style:none;padding:0;margin:0 0 12px;display:flex;flex-direction:column;gap:5px}
.prod-specs li{
  font:500 11.5px/1.4 var(--mono);letter-spacing:.02em;color:var(--text-dim);
  padding-left:14px;position:relative;
}
.prod-specs li::before{content:"";position:absolute;left:0;top:8px;width:7px;height:1px;background:var(--amber)}
.prod-foot{
  margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:10px;
  padding-top:12px;border-top:1px dashed var(--line-2);
}
.prod-foot .datasheet{
  font:600 10.5px/1 var(--mono);letter-spacing:.16em;text-transform:uppercase;
  color:var(--text-mute);display:inline-flex;align-items:center;gap:6px;cursor:default;
}
.prod-foot .datasheet.has{color:var(--olive-2)}
.prod-foot .datasheet.has::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--olive-2)}
.prod-foot .datasheet.todo::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--amber);opacity:.7}
.prod-foot .quote-btn{
  display:inline-flex;align-items:center;gap:6px;
  font:600 11px/1 var(--body);letter-spacing:.16em;text-transform:uppercase;
  color:var(--amber);padding:8px 12px;
  border:1px solid rgba(194,65,12,.4);background:rgba(194,65,12,.06);
  border-radius:var(--radius);transition:all .2s;
}
.prod-foot .quote-btn:hover{background:var(--amber);color:#1a1300;border-color:var(--amber)}

.apps-suit{padding:80px 0;position:relative;z-index:2;border-top:1px solid var(--line);
  background:linear-gradient(180deg,rgba(255,255,255,.4),rgba(255,255,255,.6))}
.apps-suit-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.apps-suit-cell{
  padding:18px;border:1px solid var(--line);border-radius:var(--radius);
  background:linear-gradient(180deg,rgba(250,251,253,.6),rgba(255,255,255,.4));
  display:flex;flex-direction:column;gap:8px;
  transition:border-color .25s, background .25s;
}
.apps-suit-cell:hover{border-color:rgba(82,97,42,.4);background:rgba(82,97,42,.04)}
.apps-suit-cell .icon{
  width:36px;height:36px;display:grid;place-items:center;
  border:1px solid rgba(82,97,42,.4);color:var(--olive-2);border-radius:var(--radius);margin-bottom:4px;
}
.apps-suit-cell h4{font-family:var(--display);font-weight:600;font-size:15px;margin:0;color:var(--text)}
.apps-suit-cell p{margin:0;color:var(--text-dim);font-size:12.5px;line-height:1.5}

.rfq-band{
  padding:70px 0;position:relative;z-index:2;
  background:
    radial-gradient(ellipse 700px 300px at 80% 50%, rgba(194,65,12,.08), transparent 70%),
    linear-gradient(180deg,rgba(255,255,255,.6),var(--graphite-0));
  border-top:1px solid var(--line);
}
.rfq-band-inner{display:grid;grid-template-columns:1.5fr 1fr;gap:40px;align-items:center}
.rfq-band h2{font-family:var(--display);font-weight:700;font-size:clamp(26px,3vw,38px);line-height:1.1;margin:0 0 12px}
.rfq-band h2 em{font-style:normal;color:var(--amber)}
.rfq-band p{color:var(--text-dim);font-size:15px;margin:0;max-width:560px}
.rfq-band-actions{display:flex;gap:12px;justify-content:flex-end;flex-wrap:wrap}

.section-eyebrow.amber-bar .bar{background:var(--amber)}

@media (max-width:1100px){
  .page-hero-inner{grid-template-columns:1fr;gap:32px}
  .page-hero-visual{aspect-ratio:16/10;max-width:560px}
  .tech-intro-grid{grid-template-columns:1fr}
  .prod-grid{grid-template-columns:repeat(2,1fr)}
  .apps-suit-grid{grid-template-columns:repeat(2,1fr)}
  .rfq-band-inner{grid-template-columns:1fr}
  .rfq-band-actions{justify-content:flex-start}
}
@media (max-width:760px){
  .page-hero{padding:48px 0 40px}
  .prod-list{padding:48px 0}
  .prod-grid{grid-template-columns:1fr}
  .apps-suit-grid{grid-template-columns:1fr 1fr}
  .prod-foot{flex-direction:column;align-items:flex-start;gap:10px}
  .prod-foot .quote-btn{width:100%;justify-content:center}
}

/* ============================================================
   PRODUCT DETAIL PAGES — products/detail/<slug>.html
   Hybrid: askeri "dossier" hero + paper datasheet body.
   ============================================================ */

@keyframes detBlink{
  0%,55%,100%{opacity:1}
  60%,95%{opacity:.3}
}
@keyframes detScan{
  0%{transform:translateX(-100%)}
  100%{transform:translateX(120%)}
}

/* ---------- HERO ---------- */
.detail-hero{
  position:relative;z-index:2;
  padding:0;margin:0;
  background:
    linear-gradient(180deg,#0a0c05 0%, #14180a 70%, #1d240a 100%);
  color:#e8eadb;
  border-bottom:2px solid #000;
  overflow:hidden;
}
.detail-hero::before{
  /* Hazard kenarlık üst */
  content:"";position:absolute;left:0;right:0;top:0;height:3px;z-index:3;
  background:repeating-linear-gradient(135deg,var(--amber) 0 10px,#000 10px 20px);
}
.detail-hero::after{
  /* Arka plan blueprint grid */
  content:"";position:absolute;inset:0;z-index:1;pointer-events:none;opacity:.18;
  background:
    repeating-linear-gradient(0deg,transparent 0 38px, rgba(179,66,12,.4) 38px 39px),
    repeating-linear-gradient(90deg,transparent 0 38px, rgba(179,66,12,.4) 38px 39px);
  mask-image:radial-gradient(ellipse 80% 70% at 50% 50%, #000 30%, transparent 80%);
}
.detail-hero .wrap{position:relative;z-index:2;padding:38px 0 56px}

.detail-hero .breadcrumb{
  display:flex;gap:10px;align-items:center;
  font:700 10px/1 var(--mono);letter-spacing:.26em;text-transform:uppercase;
  color:#b8a48a;margin-bottom:28px;
}
.detail-hero .breadcrumb a{color:#ffbf80}
.detail-hero .breadcrumb a:hover{color:#fff}
.detail-hero .breadcrumb .sep{color:rgba(255,191,128,.4)}

.detail-hero-inner{
  display:grid;grid-template-columns:1fr 1.1fr;gap:40px;align-items:stretch;
  position:relative;
}
/* Üst stencil bant */
.detail-hero-inner::before{
  content:"// EQUIPMENT DOSSIER  ▸  MIL-SPEC HARDWARE  ▸  AUTHORIZED · ICC TR  ▸  CLASSIFIED · TECHNICAL DATA";
  position:absolute;left:0;right:0;top:-12px;z-index:3;
  padding:6px 14px;
  font:800 9px/1 var(--mono);letter-spacing:.32em;color:#ffe2c4;
  background:linear-gradient(90deg,#1a0a02,#3a1305 50%,#1a0a02);
  border:1px solid rgba(179,66,12,.45);
  border-left:none;border-right:none;
}

/* Hero ürün görseli kutusu — aydınlık platform üzerine yerleştirilen ürün */
.detail-visual{
  position:relative;aspect-ratio:1/1;
  background:
    radial-gradient(ellipse 75% 60% at 50% 56%, rgba(255,255,255,.85), rgba(243,244,236,.7) 50%, rgba(34,40,20,.15) 90%),
    repeating-linear-gradient(45deg,transparent 0 14px, rgba(34,40,20,.07) 14px 15px),
    var(--paper-3);
  border:1px solid rgba(255,191,128,.4);
  display:grid;place-items:center;overflow:hidden;
  box-shadow:
    inset 0 0 80px rgba(34,40,20,.25),
    0 30px 80px -30px rgba(0,0,0,.7);
}
.detail-visual img{
  position:relative;z-index:3;
  width:88%;height:88%;object-fit:contain;
  mix-blend-mode:multiply;
  filter:contrast(1.05) saturate(.98) drop-shadow(0 22px 28px rgba(34,40,20,.32));
}
/* HUD köşe braketleri */
.detail-visual::before,
.detail-visual::after{
  content:"";position:absolute;width:32px;height:32px;z-index:4;pointer-events:none;
}
.detail-visual::before{
  top:14px;left:14px;
  border-left:2px solid var(--amber);border-top:2px solid var(--amber);
}
.detail-visual::after{
  bottom:14px;right:14px;
  border-right:2px solid var(--amber);border-bottom:2px solid var(--amber);
}
.detail-visual img.img-missing{
  width:100%;height:100%;
  background:repeating-linear-gradient(45deg,rgba(255,191,128,.08) 0 10px, transparent 10px 20px);
}
/* Detail visual — ana görsel + thumb strip carousel */
.detail-visual{display:flex;flex-direction:column;gap:14px;aspect-ratio:auto;padding:18px}
.detail-hero-img{
  width:100%;height:auto;max-height:480px;object-fit:contain;
  mix-blend-mode:multiply;
  filter:contrast(1.05) saturate(.98) drop-shadow(0 22px 28px rgba(34,40,20,.32));
  transition:opacity .25s ease;
}
.detail-hero-img.is-swapping{opacity:0}
.detail-thumbs{
  display:flex;gap:8px;flex-wrap:wrap;justify-content:center;
  padding-top:10px;border-top:1px dashed rgba(255,191,128,.25);
}
.detail-thumbs .thumb{
  width:64px;height:64px;padding:4px;
  background:rgba(0,0,0,.35);
  border:1px solid rgba(255,191,128,.28);
  cursor:pointer;transition:border-color .2s, transform .2s, background .2s;
  display:grid;place-items:center;
}
.detail-thumbs .thumb img{
  width:100%;height:100%;object-fit:contain;
  mix-blend-mode:multiply;background:rgba(255,255,255,.85);
}
.detail-thumbs .thumb:hover{border-color:var(--amber);transform:translateY(-2px)}
.detail-thumbs .thumb.is-active{
  border-color:var(--amber);
  box-shadow:0 0 0 2px rgba(179,66,12,.25);
  background:rgba(179,66,12,.1);
}

.detail-visual .placeholder-label{
  position:absolute;inset:0;display:grid;place-items:center;
  font:800 11px/1.4 var(--mono);letter-spacing:.26em;color:#ffbf80;
  text-align:center;padding:14px;pointer-events:none;
}

/* Hero metin alanı */
.detail-text{padding:6px 4px;position:relative}
.detail-text .sku-line{
  display:inline-flex;align-items:center;gap:10px;
  padding:7px 12px;margin-bottom:18px;
  font:900 11px/1 var(--mono);letter-spacing:.28em;text-transform:uppercase;
  color:#000;
  background:linear-gradient(180deg,var(--amber),var(--amber-2));
  clip-path:polygon(0 0,100% 0,calc(100% - 10px) 50%,100% 100%,0 100%);
  padding-right:22px;
  box-shadow:inset 0 -2px 0 rgba(0,0,0,.35);
}
.detail-text .sku-line::before{
  content:"";width:7px;height:7px;border-radius:50%;background:#7ab440;
  box-shadow:0 0 8px rgba(122,180,64,.8);
  animation:detBlink 2.4s ease-in-out infinite;
}
.detail-text h1{
  font-family:var(--display);font-weight:800;text-transform:uppercase;
  font-size:clamp(34px,4vw,56px);line-height:.98;letter-spacing:.01em;
  margin:0 0 14px;color:#fff;
  text-shadow:0 2px 0 rgba(0,0,0,.4);
}
.detail-text .lead{
  color:#cfd5b3;font-size:15.5px;line-height:1.6;
  margin:0 0 22px;max-width:580px;
  padding-left:14px;border-left:2px solid var(--amber);
}
.detail-text .tag-row{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:24px}
.detail-text .tag{
  font:800 10px/1 var(--mono);letter-spacing:.18em;text-transform:uppercase;
  padding:7px 10px;border:1px solid rgba(255,191,128,.4);
  background:rgba(0,0,0,.35);color:#ffd9b3;
}
.detail-text .tag.tag-olive{color:#cfd5b3;border-color:rgba(207,213,179,.35)}
.detail-text .tag.tag-amber{color:#000;background:var(--amber);border-color:var(--amber-2)}

.detail-cta-row{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:26px}
.detail-cta-row .btn-ghost{
  border-color:rgba(255,191,128,.4);color:#ffd9b3;
  background:rgba(0,0,0,.25);
}
.detail-cta-row .btn-ghost:hover{
  border-color:var(--amber);color:#fff;background:rgba(179,66,12,.2);
}

/* Hero alt hızlı şartname grid */
.quick-specs{
  list-style:none;padding:0;margin:0;
  display:grid;grid-template-columns:1fr 1fr;gap:0;
  border:1px solid rgba(255,191,128,.3);
  background:rgba(0,0,0,.4);
  backdrop-filter:blur(4px);
}
.quick-specs li{
  padding:14px 16px;
  border-right:1px solid rgba(255,191,128,.18);
  border-bottom:1px solid rgba(255,191,128,.18);
  display:flex;flex-direction:column;gap:6px;
  position:relative;
}
.quick-specs li:nth-child(2n){border-right:none}
.quick-specs li:nth-last-child(-n+2){border-bottom:none}
.quick-specs .k{
  font:800 9.5px/1 var(--mono);letter-spacing:.24em;text-transform:uppercase;
  color:#ffbf80;
}
.quick-specs .v{font:700 14px/1.3 var(--body);color:#fff}

/* ---------- BODY SECTIONS — açık kâğıt zeminli (B) ---------- */
.detail-specs,
.detail-prose,
.ordering,
.detail-downloads,
.detail-features,
.detail-gallery,
.detail-video,
.apps-suit{
  position:relative;z-index:2;padding:64px 0;
  background:var(--paper-0);
  border-bottom:1px solid var(--line);
}
.detail-specs{padding-top:72px}

/* Bölüm başlığı stencil — askeri dossier kart başlığı */
.detail-specs .section-head,
.detail-prose .section-head,
.ordering .section-head,
.detail-downloads .section-head,
.apps-suit .section-head,
.related .section-head{
  margin-bottom:28px;position:relative;
  padding:18px 22px;
  background:linear-gradient(90deg,var(--olive-dark),#1f2710);
  color:#fff;border:1px solid #000;
  box-shadow:inset 0 -2px 0 rgba(179,66,12,.6);
}
.detail-specs .section-head::before,
.detail-prose .section-head::before,
.ordering .section-head::before,
.detail-downloads .section-head::before,
.apps-suit .section-head::before,
.related .section-head::before{
  content:"";position:absolute;left:0;top:0;bottom:0;width:6px;
  background:var(--amber);
}
.detail-specs .section-eyebrow,
.detail-prose .section-eyebrow,
.ordering .section-eyebrow,
.detail-downloads .section-eyebrow,
.apps-suit .section-eyebrow,
.related .section-eyebrow{
  color:#ffbf80;font:800 10px/1 var(--mono);letter-spacing:.28em;
  display:inline-flex;align-items:center;gap:10px;margin-bottom:8px;
}
.detail-specs .section-eyebrow .bar,
.detail-prose .section-eyebrow .bar,
.ordering .section-eyebrow .bar,
.detail-downloads .section-eyebrow .bar,
.apps-suit .section-eyebrow .bar,
.related .section-eyebrow .bar{
  display:inline-block;width:18px;height:2px;background:var(--amber);
}
.detail-specs h2,
.detail-prose h2,
.ordering h2,
.detail-downloads h2,
.apps-suit h2,
.related h2{
  color:#fff !important;text-transform:uppercase;letter-spacing:.01em;
  margin:0 !important;
}
.detail-specs h2 em,
.detail-prose h2 em,
.ordering h2 em,
.detail-downloads h2 em,
.apps-suit h2 em,
.related h2 em{color:#ffbf80 !important}

/* Sade varyant — Ürün Açıklaması & İndirilebilir Dokümanlar için ince banner */
.detail-prose .section-head,
.detail-downloads .section-head{
  background:transparent;color:var(--text);
  border:none;border-bottom:1px solid var(--line-2);
  box-shadow:none;padding:0 0 14px 0;
  position:relative;
}
.detail-prose .section-head::before,
.detail-downloads .section-head::before{
  left:0;width:48px;height:3px;top:auto;bottom:-2px;
  background:var(--amber);
}
.detail-prose .section-eyebrow,
.detail-downloads .section-eyebrow{color:var(--amber)}
.detail-prose .section-eyebrow .bar,
.detail-downloads .section-eyebrow .bar{background:var(--amber)}
.detail-prose h2,
.detail-downloads h2{
  color:var(--text) !important;
}
.detail-prose h2 em,
.detail-downloads h2 em{color:var(--amber) !important}

/* Şartname tablosu — dossier satırları */
.spec-table{
  border:1px solid var(--line-2);
  background:#fff;overflow:hidden;
  box-shadow:0 18px 40px -28px rgba(34,40,20,.35);
}
.spec-table .row{
  display:grid;grid-template-columns:260px 1fr;
  border-bottom:1px solid var(--line);
}
.spec-table .row:last-child{border-bottom:none}
.spec-table .row:hover{background:rgba(179,66,12,.04)}
.spec-table .row .k{
  font:700 11.5px/1.45 var(--mono);letter-spacing:.06em;text-transform:uppercase;
  color:var(--olive-2);
  background:repeating-linear-gradient(90deg,transparent 0 6px,rgba(34,40,20,.03) 6px 7px);
  padding:15px 18px;border-right:1px solid var(--line);
}
.spec-table .row .v{
  padding:15px 18px;color:var(--text);font-size:14px;line-height:1.55;
}
.spec-table .row .v small{color:var(--text-mute);font-size:12px;display:block;margin-top:4px}

/* Section header satırı — olive blok */
.spec-table .row.section{
  grid-template-columns:1fr;
  background:linear-gradient(90deg,var(--olive-dark),#1f2710);
  border-top:none;padding:11px 20px;
  font:800 11px/1 var(--mono);letter-spacing:.3em;text-transform:uppercase;
  color:#ffbf80;
  position:relative;
}
.spec-table .row.section::before{
  content:"▸";color:var(--amber);margin-right:10px;
}
.spec-table .row.section + .row .k{border-top:none}

.spec-note{
  margin-top:18px;padding:14px 18px;
  border:1px dashed rgba(179,66,12,.4);
  background:rgba(179,66,12,.05);
  color:var(--text-dim);font-size:13px;line-height:1.6;
}
.spec-note a{color:var(--amber);font-weight:700}

/* Uzun açıklama — saha raporu dossier */
.prose-block{
  max-width:none;background:#fff;
  border:1px solid var(--line-2);
  padding:30px 32px;position:relative;
  box-shadow:0 18px 40px -28px rgba(34,40,20,.3);
}
.prose-block::before{
  content:"FIELD REPORT · MIL-SPEC";
  position:absolute;left:24px;top:-9px;padding:0 8px;
  font:800 9px/1 var(--mono);letter-spacing:.28em;color:var(--amber);
  background:var(--paper-0);
}
.prose-block p{
  margin:0 0 14px;color:var(--text);font-size:14.5px;line-height:1.75;
}
.prose-block p:first-of-type{
  font-size:15.5px;font-weight:500;
  padding-left:14px;border-left:3px solid var(--amber);
}
.prose-block p:last-child{margin-bottom:0}

/* Sipariş listesi — dosya satırı */
.ordering-list{display:grid;grid-template-columns:1fr;gap:10px}
.ordering-row{
  display:grid;grid-template-columns:220px 1fr;gap:18px;
  padding:18px 18px 18px 20px;position:relative;
  border:1px solid var(--line-2);background:#fff;
  box-shadow:0 8px 22px -18px rgba(34,40,20,.3);
}
.ordering-row::before{
  content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--amber);
}
.ordering-row:hover{border-color:var(--amber);background:rgba(179,66,12,.03)}
.ordering-row .ord-sku{
  display:inline-flex;align-items:center;align-self:start;
  padding:6px 10px;
  font:800 11.5px/1 var(--mono);letter-spacing:.16em;
  color:#fff;background:var(--olive-dark);
  border:1px solid var(--olive-dark);
}
.ordering-row .ord-desc{color:var(--text);font-size:13.5px;line-height:1.65}

/* İndirilebilir dokümanlar — askeri dosya etiketi */
.dl-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:10px}
.dl-list a{
  display:flex;align-items:center;gap:14px;
  padding:14px 16px;border:1px solid var(--line-2);background:#fff;
  color:var(--text);font:700 13px/1.3 var(--body);
  transition:border-color .2s, background .2s, transform .2s;
  position:relative;
}
.dl-list a::after{
  content:"↓";margin-left:auto;color:var(--amber);font-weight:800;
}
.dl-list a:hover{border-color:var(--amber);background:rgba(179,66,12,.05);transform:translateY(-2px)}
.dl-list .dl-icon{
  width:34px;height:34px;display:grid;place-items:center;
  background:linear-gradient(180deg,var(--amber),var(--amber-2));
  color:#fff;font:900 10px/1 var(--mono);letter-spacing:.1em;
  flex:0 0 auto;
  box-shadow:inset 0 -2px 0 rgba(0,0,0,.3);
}

/* Uygulama alanları — koyu mat dosya kartları */
.apps-suit{
  background:linear-gradient(180deg,#14180a,#0a0c05);
  color:#e8eadb;
  border-bottom:2px solid #000;
}
.apps-suit .section-head{
  background:linear-gradient(90deg,var(--amber-2),#7a2a08);
  border-color:#000;
}
.apps-suit .section-head h2 em{color:#ffd9b3 !important}
.apps-suit-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.apps-suit-cell{
  padding:22px 18px;border:1px solid rgba(255,191,128,.25);
  background:
    repeating-linear-gradient(135deg,rgba(255,191,128,.04) 0 8px,transparent 8px 16px),
    rgba(0,0,0,.35);
  display:flex;flex-direction:column;gap:10px;position:relative;
  transition:border-color .25s, transform .25s, background .25s;
}
.apps-suit-cell::before{
  content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--amber);
  transform:scaleY(.2);transform-origin:top;transition:transform .3s ease;
}
.apps-suit-cell:hover{border-color:var(--amber);transform:translateY(-3px)}
.apps-suit-cell:hover::before{transform:scaleY(1)}
.apps-suit-cell .icon{
  width:42px;height:42px;display:grid;place-items:center;
  border:1px solid var(--amber);color:var(--amber);
  background:rgba(179,66,12,.1);
}
.apps-suit-cell h4{
  font-family:var(--display);font-weight:800;font-size:16px;
  margin:0;color:#fff;text-transform:uppercase;letter-spacing:.02em;
}
.apps-suit-cell p{margin:0;color:#cfd5b3;font-size:13px;line-height:1.55}

/* İlgili modeller — ana sayfa kategori kart havası */
.related{
  padding:64px 0;position:relative;z-index:2;
  background:var(--paper-2);
  border-bottom:1px solid var(--line);
}
.related-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.related-card{
  display:flex;flex-direction:column;position:relative;
  background:#fff;border:1px solid var(--line-2);
  overflow:hidden;text-decoration:none;color:inherit;
  transition:transform .25s, border-color .25s, box-shadow .25s;
}
.related-card::before{
  content:"";position:absolute;left:0;top:0;right:0;height:3px;
  background:linear-gradient(90deg,var(--amber),var(--amber-2));
  z-index:2;
}
.related-card:hover{
  transform:translateY(-4px);border-color:var(--amber);
  box-shadow:0 22px 50px -22px rgba(34,40,20,.4);
}
.related-card .ri{
  position:relative;aspect-ratio:4/3;overflow:hidden;
  background:
    radial-gradient(ellipse 70% 50% at 50% 60%, rgba(179,66,12,.1), transparent 70%),
    repeating-linear-gradient(45deg,transparent 0 10px, rgba(34,40,20,.04) 10px 11px),
    var(--paper-3);
  display:grid;place-items:center;border-bottom:1px solid var(--line);
}
.related-card .ri img{
  width:82%;height:82%;object-fit:contain;
  mix-blend-mode:multiply;
  filter:contrast(1.04) saturate(.98) drop-shadow(0 12px 14px rgba(34,40,20,.18));
}
.related-card .ri img.img-missing{
  width:100%;height:100%;
  background:repeating-linear-gradient(45deg,#e2e7ec 0 10px, #f3f5f8 10px 20px);
}
.related-card .rb{padding:14px 16px;display:flex;flex-direction:column;gap:6px}
.related-card .rsku{
  font:800 10px/1 var(--mono);letter-spacing:.2em;color:#fff;
  padding:4px 8px;align-self:flex-start;
  background:var(--olive-dark);
}
.related-card .rname{font-family:var(--display);font-weight:800;font-size:16px;line-height:1.2;color:var(--text);text-transform:uppercase}
.related-card .rmeta{font:600 11px/1.4 var(--mono);color:var(--text-mute);letter-spacing:.06em}

/* Gallery */
.gallery-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}
.gallery-cell{
  position:relative;aspect-ratio:4/3;
  background:
    radial-gradient(ellipse at center, rgba(179,66,12,.08), transparent 70%),
    var(--paper-3);
  border:1px solid var(--line-2);
  display:grid;place-items:center;overflow:hidden;
  transition:border-color .25s, transform .25s;
}
.gallery-cell:hover{border-color:var(--amber);transform:translateY(-2px)}
.gallery-cell img{width:78%;height:78%;object-fit:contain;filter:drop-shadow(0 14px 16px rgba(34,40,20,.2))}
.gallery-cell .view-label{
  position:absolute;left:10px;bottom:10px;
  font:800 9.5px/1 var(--mono);letter-spacing:.22em;text-transform:uppercase;
  background:var(--olive-dark);color:#ffbf80;padding:6px 9px;
}

/* Video frame */
.video-frame{
  position:relative;aspect-ratio:16/9;max-width:960px;margin:0 auto;
  background:#000;border:1px solid var(--olive-dark);
  overflow:hidden;
  box-shadow:0 30px 70px -30px rgba(0,0,0,.6);
}
.video-frame::before{
  content:"";position:absolute;inset:0;z-index:2;pointer-events:none;
  border:1px solid rgba(255,191,128,.3);margin:8px;
}
.video-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0;z-index:1}

/* Feature panel (varsa) */
.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.feature-cell{
  padding:18px;border:1px solid var(--line-2);background:#fff;
  display:flex;gap:12px;align-items:flex-start;
  transition:border-color .25s, transform .25s;
  position:relative;
}
.feature-cell::before{
  content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--olive-2);
}
.feature-cell:hover{border-color:var(--amber);transform:translateY(-2px)}
.feature-cell:hover::before{background:var(--amber)}
.feature-cell .dot{
  width:7px;height:7px;border-radius:50%;background:var(--amber);
  margin-top:7px;flex:0 0 auto;
  box-shadow:0 0 0 3px rgba(179,66,12,.18);
}
.feature-cell p{margin:0;color:var(--text);font-size:14px;line-height:1.55}

/* RFQ band override — askeri ton */
.rfq-band{
  padding:64px 0;position:relative;z-index:2;
  background:
    radial-gradient(ellipse 800px 300px at 80% 50%, rgba(179,66,12,.18), transparent 70%),
    linear-gradient(180deg,#14180a,#0a0c05);
  color:#fff;border-top:2px solid #000;
}
.rfq-band::before{
  content:"";position:absolute;left:0;right:0;top:0;height:3px;
  background:repeating-linear-gradient(135deg,var(--amber) 0 10px,#000 10px 20px);
}
.rfq-band h2{color:#fff;text-transform:uppercase}
.rfq-band h2 em{color:#ffbf80}
.rfq-band p{color:#cfd5b3}
.rfq-band .section-eyebrow{color:#ffbf80}
.rfq-band .section-eyebrow .bar{background:var(--amber)}
.rfq-band-inner{display:grid;grid-template-columns:1.5fr 1fr;gap:40px;align-items:center}
.rfq-band-actions{display:flex;gap:12px;justify-content:flex-end;flex-wrap:wrap}
.rfq-band-actions .btn-ghost{border-color:rgba(255,191,128,.4);color:#ffd9b3}
.rfq-band-actions .btn-ghost:hover{border-color:var(--amber);color:#fff}

@media (max-width:1100px){
  .detail-hero-inner{grid-template-columns:1fr;gap:30px}
  .detail-visual{aspect-ratio:4/3;max-width:560px;width:100%}
  .spec-table .row{grid-template-columns:200px 1fr}
  .related-grid{grid-template-columns:repeat(2,1fr)}
  .apps-suit-grid{grid-template-columns:repeat(2,1fr)}
  .feature-grid{grid-template-columns:1fr}
  .rfq-band-inner{grid-template-columns:1fr}
  .rfq-band-actions{justify-content:flex-start}
}
@media (max-width:760px){
  .detail-hero .wrap{padding:32px 0 42px}
  .detail-text h1{font-size:clamp(28px,7vw,38px)}
  .quick-specs{grid-template-columns:1fr}
  .quick-specs li{border-right:none}
  .quick-specs li:nth-last-child(-n+1){border-bottom:none}
  .spec-table{overflow-x:auto}
  .spec-table .row{grid-template-columns:140px 1fr;min-width:520px}
  .related-grid,
  .apps-suit-grid{grid-template-columns:1fr}
  .ordering-row{grid-template-columns:1fr;gap:8px}
  .gallery-grid{grid-template-columns:1fr 1fr}
}

/* ============================================================
   WHITE THEME OVERRIDES — ürün kategori & detay sayfaları
   Askeri koyu blokları beyaz temada açık tona çevirir.
   ============================================================ */

/* Detail hero — koyu olive bant → açık paper banda dönüşür */
body.theme-white .detail-hero{
  background:linear-gradient(180deg, var(--paper-1) 0%, var(--paper-2) 70%, var(--paper-3) 100%);
  color:var(--text);
  border-bottom-color:rgba(82,97,42,.35);
}
body.theme-white .detail-hero::after{ opacity:.12 }
body.theme-white .detail-hero .breadcrumb{ color:var(--text-mute) }
body.theme-white .detail-hero .breadcrumb a{ color:var(--olive-2) }
body.theme-white .detail-hero .breadcrumb a:hover{ color:var(--amber) }
body.theme-white .detail-hero .breadcrumb .sep{ color:rgba(15,23,42,.25) }

/* Detail hero üstündeki "EQUIPMENT DOSSIER" stencil bant */
body.theme-white .detail-hero-inner::before{
  background:linear-gradient(90deg,var(--paper-2),var(--paper-3) 50%,var(--paper-2));
  color:var(--text-dim);
  border-color:var(--line-2);
}

/* Detail metni ve lead */
body.theme-white .detail-text h1{ color:var(--text) }
body.theme-white .detail-text .lead{ color:var(--text-dim) }
body.theme-white .detail-text .tag{
  background:rgba(255,255,255,.85);
  border-color:var(--line-2);
  color:var(--text);
}
body.theme-white .detail-text .tag.tag-olive{ color:var(--olive-2); border-color:rgba(82,97,42,.4) }
body.theme-white .detail-cta-row .btn-ghost{
  color:var(--text); border-color:var(--line-2); background:rgba(255,255,255,.7);
}
body.theme-white .detail-cta-row .btn-ghost:hover{
  border-color:var(--amber); color:var(--amber); background:#fff;
}

/* Quick specs hızlı şartname grid */
body.theme-white .quick-specs{
  background:rgba(255,255,255,.7);
  border-color:var(--line-2);
}
body.theme-white .quick-specs li{
  border-right-color:var(--line);
  border-bottom-color:var(--line);
}
body.theme-white .quick-specs .k{ color:var(--amber) }
body.theme-white .quick-specs .v{ color:var(--text) }

/* Spec table satır başlığı (olive blok) */
body.theme-white .spec-table .row.section{
  background:linear-gradient(90deg, rgba(82,97,42,.18), rgba(82,97,42,.06));
  color:var(--olive-dark);
  border-color:rgba(82,97,42,.3);
}
body.theme-white .spec-table .row.head{
  background:linear-gradient(90deg, rgba(82,97,42,.18), rgba(82,97,42,.06));
  color:var(--olive-dark);
  border-color:rgba(82,97,42,.3);
}

/* Apps-suit — koyu dosya kartları beyaza döner */
body.theme-white .apps-suit{
  background:linear-gradient(180deg, var(--paper-1), var(--paper-2));
  color:var(--text);
  border-bottom-color:rgba(82,97,42,.35);
}
body.theme-white .apps-suit .section-head{
  background:linear-gradient(90deg, rgba(194,65,12,.18), rgba(194,65,12,.05));
  border-color:var(--line-2);
}
body.theme-white .apps-suit .section-head h2 em{ color:var(--amber) !important }
body.theme-white .apps-suit-cell{
  background:rgba(255,255,255,.85);
  border-color:var(--line-2);
}
body.theme-white .apps-suit-cell h4{ color:var(--text) }
body.theme-white .apps-suit-cell p{ color:var(--text-dim) }

/* Related cards — sku badge'ini açık olive yap */
body.theme-white .related-card .rsku{
  background:rgba(82,97,42,.12);
  color:var(--olive-dark);
  border:1px solid rgba(82,97,42,.3);
}

/* Gallery view-label */
body.theme-white .gallery-cell .view-label{
  background:rgba(82,97,42,.12);
  color:var(--olive-dark);
}

/* RFQ band — alt koyu CTA → açık paper bant */
body.theme-white .rfq-band{
  background:
    radial-gradient(ellipse 800px 300px at 80% 50%, rgba(194,65,12,.10), transparent 70%),
    linear-gradient(180deg, var(--paper-1), var(--paper-2));
  color:var(--text);
  border-top-color:rgba(82,97,42,.35);
}
body.theme-white .rfq-band h2{ color:var(--text) }
body.theme-white .rfq-band h2 em{ color:var(--amber) }
body.theme-white .rfq-band p{ color:var(--text-dim) }
body.theme-white .rfq-band .section-eyebrow{ color:var(--amber) }
body.theme-white .rfq-band-actions .btn-ghost{
  border-color:var(--line-2); color:var(--text); background:rgba(255,255,255,.6);
}
body.theme-white .rfq-band-actions .btn-ghost:hover{
  border-color:var(--amber); color:var(--amber); background:#fff;
}

/* === Section head stencil — beyaz temada açık olive band === */
body.theme-white .detail-specs .section-head,
body.theme-white .detail-prose .section-head,
body.theme-white .ordering .section-head,
body.theme-white .detail-downloads .section-head,
body.theme-white .apps-suit .section-head,
body.theme-white .related .section-head{
  background:linear-gradient(90deg, rgba(82,97,42,.14), rgba(82,97,42,.04));
  color:var(--olive-dark);
  border-color:rgba(82,97,42,.3);
  box-shadow:inset 0 -2px 0 rgba(194,65,12,.45);
}
body.theme-white .detail-specs h2,
body.theme-white .detail-prose h2,
body.theme-white .ordering h2,
body.theme-white .detail-downloads h2,
body.theme-white .apps-suit h2,
body.theme-white .related h2{ color:var(--text) !important }
body.theme-white .detail-specs .section-eyebrow,
body.theme-white .ordering .section-eyebrow,
body.theme-white .apps-suit .section-eyebrow,
body.theme-white .related .section-eyebrow{ color:var(--amber) }

/* Detail visual — koyu inset gölgeyi söndür */
body.theme-white .detail-visual{
  background:
    radial-gradient(ellipse 75% 60% at 50% 56%, #ffffff, rgba(247,248,250,.85) 50%, rgba(82,97,42,.10) 90%),
    repeating-linear-gradient(45deg,transparent 0 14px, rgba(82,97,42,.05) 14px 15px),
    var(--paper-2);
  border-color:rgba(82,97,42,.28);
  box-shadow:
    inset 0 0 80px rgba(82,97,42,.12),
    0 30px 80px -40px rgba(15,23,42,.25);
}
body.theme-white .detail-thumbs{ border-top-color:rgba(82,97,42,.25) }
body.theme-white .detail-thumbs .thumb{
  background:rgba(255,255,255,.85);
  border-color:var(--line-2);
}
body.theme-white .detail-thumbs .thumb.is-active{
  border-color:var(--amber);
  background:rgba(194,65,12,.06);
}

/* Spec table — fwhite arkaplan zaten, ama hover ve detaylar */
body.theme-white .spec-table{ background:#ffffff; border-color:var(--line-2) }
body.theme-white .spec-table .row .k{ color:var(--olive-2) }

/* Ordering rows */
body.theme-white .ordering-row{ background:#ffffff; border-color:var(--line-2) }
body.theme-white .ordering-row .ord-sku{
  background:rgba(82,97,42,.14);
  color:var(--olive-dark);
  border-color:rgba(82,97,42,.3);
}

/* Downloads list */
body.theme-white .dl-list a{ background:#ffffff; border-color:var(--line-2); color:var(--text) }

/* Prose block FIELD REPORT badge */
body.theme-white .prose-block{ background:#ffffff; border-color:var(--line-2) }
body.theme-white .prose-block::before{ background:var(--paper-0); color:var(--amber) }

/* Spec note */
body.theme-white .spec-note{
  background:rgba(194,65,12,.05);
  border-color:rgba(194,65,12,.35);
  color:var(--text-dim);
}