/* Sayfa bazlı CSS: set-detay.html */

:root{--bg:#020b17;--white:#f4f7fb;--red:#ff1e24}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{background:var(--bg);color:var(--white);font-family:'Public Sans',sans-serif;overflow-x:hidden}
a{text-decoration:none;color:inherit}
.container{width:min(1200px, calc(100% - 60px));margin:0 auto}
.component-header-wrap{background:linear-gradient(180deg, rgba(1,8,18,.96), rgba(1,8,18,.90)),#020b17;border-bottom:1px solid rgba(255,255,255,.08)}
.detail-page{min-height:calc(100vh - 90px);padding:70px 0;background:radial-gradient(circle at 20% 18%, rgba(255,30,36,.10), transparent 28%),radial-gradient(circle at 80% 20%, rgba(65,145,255,.12), transparent 28%),linear-gradient(180deg,#020b17,#030d19)}
.back-link{display:inline-flex;margin-bottom:24px;color:rgba(255,255,255,.65);font-weight:700;transition:.25s}
.back-link:hover{color:#ff1e24;transform:translateX(-3px)}
.detail-wrap{display:grid;grid-template-columns:1fr 1fr;gap:42px;align-items:start}
.detail-media{background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.015));border:1px solid rgba(255,255,255,.08);padding:24px;box-shadow:0 18px 45px rgba(0,0,0,.28)}
.detail-media img{width:100%;height:420px;object-fit:contain;background:#fff;padding:20px}
.detail-info{background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.015));border:1px solid rgba(255,255,255,.08);padding:32px;box-shadow:0 18px 45px rgba(0,0,0,.28)}
.detail-brand{font-family:'Rajdhani',sans-serif;color:rgba(255,255,255,.55);font-weight:800;letter-spacing:.12em;text-transform:uppercase;margin-bottom:12px}
.detail-title{font-family:'Orbitron',sans-serif;font-size:clamp(28px,4vw,46px);line-height:1.1;margin:0 0 18px;text-transform:uppercase}
.detail-spec{color:rgba(255,255,255,.66);line-height:1.7;font-size:16px;margin-bottom:22px}
.detail-price{font-family:'Orbitron',sans-serif;font-size:30px;font-weight:900;margin-bottom:24px}
.detail-actions{display:flex;gap:12px;flex-wrap:wrap}
.detail-btn{display:inline-flex;align-items:center;justify-content:center;min-width:170px;height:52px;border:0;background:#ff1e24;color:#fff;font-family:'Rajdhani',sans-serif;font-size:17px;font-weight:900;letter-spacing:.04em;cursor:pointer;transition:.25s}
.detail-btn:hover{transform:translateY(-2px);box-shadow:0 16px 32px rgba(255,30,36,.24)}
.detail-btn.secondary{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.18)}
.not-found{padding:40px;border:1px dashed rgba(255,255,255,.18);color:rgba(255,255,255,.7)}
@media(max-width:850px){.detail-wrap{grid-template-columns:1fr}.detail-media img{height:320px}.container{width:calc(100% - 28px)}}