/* ============================
   GÜL DEMİR ÇELİK — DETAY SAYFA CSS
   Tüm urun-detay-*.html sayfaları bu dosyayı kullanır
   ============================ */

body { background:#f5f5f5; }

/* BREADCRUMB */
.breadcrumb-bar {
    background:#111;
    padding:0.9rem 8%;
    display:flex;
    align-items:center;
    gap:0.5rem;
    font-size:0.8rem;
    color:#888;
    margin-top:80px;
    flex-wrap:wrap;
}
.breadcrumb-bar a { color:#888; text-decoration:none; transition:color 0.2s; }
.breadcrumb-bar a:hover { color:var(--color-primary); }
.breadcrumb-bar span { color:#fff; }
.breadcrumb-bar .sep { font-size:0.6rem; }

/* PRODUCT HERO */
.product-hero {
    display:grid;
    grid-template-columns:1fr 1fr;
    min-height:580px;
}
.product-hero-img { position:relative; overflow:hidden; background:#000; }
.product-hero-img img { width:100%; height:100%; object-fit:cover; display:block; min-height:580px; }
.product-hero-info {
    background:#111;
    padding:4rem;
    display:flex;
    flex-direction:column;
    justify-content:center;
}
.product-cat-tag {
    display:inline-block;
    background:var(--color-primary);
    color:#fff;
    font-size:0.7rem;
    font-weight:700;
    letter-spacing:3px;
    text-transform:uppercase;
    padding:0.4rem 1rem;
    margin-bottom:2rem;
    width:fit-content;
}
.product-hero-info h1 {
    color:#fff;
    font-size:2rem;
    font-weight:900;
    text-transform:uppercase;
    line-height:1.15;
    margin-bottom:2rem;
}
.product-hero-info h1 small {
    display:block;
    font-size:0.9rem;
    font-weight:400;
    color:#aaa;
    text-transform:none;
    margin-top:0.5rem;
}

/* SPEC GRID */
.spec-grid { display:grid; grid-template-columns:1fr 1fr; gap:0; }
.spec-cell { padding:0.9rem 1rem; border-bottom:1px solid rgba(255,255,255,0.07); }
.spec-cell:nth-child(odd) { border-right:1px solid rgba(255,255,255,0.07); }
.spec-cell-label { color:#888; font-size:0.7rem; font-weight:700; letter-spacing:1.5px; text-transform:uppercase; margin-bottom:0.3rem; }
.spec-cell-value { color:#fff; font-size:0.9rem; font-weight:600; }

/* ACTIONS */
.hero-actions { margin-top:2.5rem; display:flex; gap:1rem; flex-wrap:wrap; }
.btn-primary-red {
    display:inline-flex; align-items:center; gap:0.5rem;
    background:var(--color-primary); color:#fff;
    padding:1rem 2rem;
    font-family:'Montserrat',sans-serif; font-weight:700; font-size:0.82rem;
    text-transform:uppercase; letter-spacing:1px; border-radius:50px; transition:all 0.3s;
}
.btn-primary-red:hover { background:#c00; transform:translateY(-2px); }
.btn-secondary {
    display:inline-flex; align-items:center; gap:0.5rem;
    background:transparent; color:#fff;
    padding:1rem 2rem;
    font-family:'Montserrat',sans-serif; font-weight:700; font-size:0.82rem;
    text-transform:uppercase; letter-spacing:1px; border-radius:50px;
    border:1px solid rgba(255,255,255,0.2); transition:all 0.3s;
}
.btn-secondary:hover { background:rgba(255,255,255,0.08); }

/* SECTION HEADER */
.section-header { padding:4rem 8% 2rem; background:#fff; }
.section-tag { color:var(--color-primary); font-size:0.72rem; font-weight:700; letter-spacing:4px; text-transform:uppercase; margin-bottom:0.8rem; display:block; }
.section-header h2 { font-size:1.8rem; font-weight:900; text-transform:uppercase; color:#111; }

/* TABLE */
.table-section { background:#fff; padding:0 8% 5rem; }
.data-table-wrap { overflow-x:auto; border:1px solid #e8e8e8; }
.data-table { width:100%; border-collapse:collapse; font-size:0.88rem; }
.data-table thead tr { background:#111; }
.data-table thead th {
    color:#fff;
    font-family:'Montserrat',sans-serif;
    font-size:0.7rem;
    font-weight:700;
    letter-spacing:2px;
    text-transform:uppercase;
    padding:1.1rem 1.2rem;
    text-align:left;
    white-space:nowrap;
}
.data-table thead th:first-child { border-left:4px solid var(--color-primary); }
.data-table tbody tr { border-bottom:1px solid #f0f0f0; transition:background 0.2s; }
.data-table tbody tr:hover { background:#fff7f7; }
.data-table tbody td { padding:0.9rem 1.2rem; color:#333; vertical-align:middle; }
.data-table tbody td:first-child { font-weight:700; color:#111; }
.badge {
    display:inline-block;
    background:#f5f5f5;
    border:1px solid #e0e0e0;
    padding:0.2rem 0.6rem;
    font-size:0.78rem;
    border-radius:3px;
    font-family:'Montserrat',sans-serif;
    font-weight:600;
}

/* STANDARDS */
.standards-section { background:#f9f9f9; padding:4rem 8%; }
.standards-grid { display:grid; grid-template-columns:repeat(auto-fit, minmax(260px, 1fr)); gap:1.5rem; margin-top:2rem; }
.standard-card { background:#fff; padding:1.8rem; border-left:4px solid var(--color-primary); box-shadow:0 2px 12px rgba(0,0,0,0.05); }
.standard-card h4 { font-size:0.9rem; font-weight:700; text-transform:uppercase; margin-bottom:0.5rem; color:#111; }
.standard-card p { color:#666; font-size:0.85rem; line-height:1.6; }

/* APPLICATIONS */
.applications-section { background:#111; padding:4rem 8%; }
.applications-section .section-tag { color:var(--color-primary); }
.applications-section h2 { color:#fff; font-size:1.8rem; font-weight:900; text-transform:uppercase; margin-bottom:2.5rem; }
.app-grid { display:grid; grid-template-columns:repeat(auto-fit, minmax(180px, 1fr)); gap:1.5rem; }
.app-item { background:rgba(255,255,255,0.04); border:1px solid rgba(255,255,255,0.08); padding:1.8rem; text-align:center; transition:all 0.3s; }
.app-item:hover { background:rgba(227,6,19,0.1); border-color:var(--color-primary); }
.app-item i { font-size:2rem; color:var(--color-primary); margin-bottom:1rem; display:block; }
.app-item span { color:#ccc; font-size:0.85rem; font-weight:600; text-transform:uppercase; letter-spacing:1px; }

/* CTA */
.cta-band { background:var(--color-primary); padding:4rem 8%; display:flex; justify-content:space-between; align-items:center; gap:2rem; }
.cta-band h3 { color:#fff; font-size:1.8rem; font-weight:900; }
.cta-band p { color:rgba(255,255,255,0.8); margin-top:0.5rem; }
.btn-white {
    display:inline-flex; align-items:center; gap:0.5rem;
    background:#fff; color:var(--color-primary);
    padding:1rem 2.5rem;
    font-family:'Montserrat',sans-serif; font-weight:700; font-size:0.85rem;
    text-transform:uppercase; letter-spacing:1px; border-radius:50px;
    white-space:nowrap; transition:all 0.3s;
}
.btn-white:hover { background:#f0f0f0; transform:translateY(-2px); }

/* RESPONSIVE */
@media(max-width:900px) {
    .product-hero { grid-template-columns:1fr; }
    .product-hero-img img { min-height:300px; }
    .product-hero-info { padding:3rem 5%; }
    .section-header, .table-section, .standards-section, .applications-section { padding-left:5%; padding-right:5%; }
    .cta-band { flex-direction:column; text-align:center; padding:3rem 5%; }
    .breadcrumb-bar { padding-left:5%; padding-right:5%; }
}
@media(max-width:600px) {
    .spec-grid { grid-template-columns:1fr; }
    .spec-cell:nth-child(odd) { border-right:none; }
    .product-hero-info h1 { font-size:1.6rem; }
}