.detail-dialog{width:min(790px,100%);max-height:min(86vh,840px)}
.detail-data-grid{display:grid;grid-template-columns:214px minmax(0,1fr);gap:14px;align-items:stretch;margin-top:22px}
.detail-data-grid .fmt-index{min-width:0;margin-top:0}
.detail-optic-preview{position:relative;display:flex;flex-direction:column;min-width:0;margin:0;padding:12px;border:1px solid #e7e0fa;border-radius:15px;overflow:hidden;background:linear-gradient(145deg,#f6f2ff 0%,#f6f9ff 62%,#effbff 100%);box-shadow:0 12px 25px rgba(76,58,155,.08)}
.detail-optic-preview::before{content:"";position:absolute;top:-75px;right:-55px;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,rgba(114,94,238,.2),transparent 68%);pointer-events:none}
.detail-optic-preview-head{position:relative;display:flex;align-items:center;justify-content:space-between;gap:5px;min-height:24px;color:#6555d2;font-size:9px;font-weight:900;letter-spacing:.12em}
.detail-optic-preview-hd{padding:5px 6px;border:1px solid #dcd5fd;border-radius:99px;background:#fff;color:#7565e8;font-size:8px;letter-spacing:.03em;white-space:nowrap}
.detail-optic-preview-art{position:relative;display:grid;place-items:center;flex:1;min-height:272px;margin:7px 0 8px;border:1px solid rgba(217,210,244,.85);border-radius:11px;background:radial-gradient(circle at 50% 34%,#fff 0%,#f3efff 90%);overflow:hidden}
.detail-optic-preview-art img{display:block;width:auto;max-width:100%;height:258px;object-fit:contain;filter:drop-shadow(0 10px 13px rgba(56,42,125,.18))}
.detail-optic-preview figcaption{position:relative;display:grid;gap:3px;padding:0 3px 2px}
.detail-optic-preview figcaption strong{font-size:11px;color:#332e60}
.detail-optic-preview figcaption small{font-size:9px;color:#817b9d;line-height:1.35}
.detail-optic-preview.is-unavailable .detail-optic-preview-art::after{content:"Önizleme şu anda yüklenemiyor";position:absolute;inset:0;display:grid;place-items:center;padding:14px;background:#f7f4ff;color:#736a93;text-align:center;font-size:11px}
@media(max-width:700px){.detail-dialog{max-height:91dvh}.detail-data-grid{grid-template-columns:1fr}.detail-optic-preview{display:grid;grid-template-columns:minmax(0,1fr) 150px;column-gap:12px;align-items:center}.detail-optic-preview-head{grid-column:1/-1}.detail-optic-preview-art{grid-column:2;grid-row:2;min-height:0;height:170px;margin:5px 0 0}.detail-optic-preview-art img{height:160px}.detail-optic-preview figcaption{grid-column:1;grid-row:2}.detail-optic-preview figcaption strong{font-size:13px}.detail-optic-preview figcaption small{font-size:10px}}
@media(max-width:400px){.detail-optic-preview{grid-template-columns:minmax(0,1fr) 120px}.detail-optic-preview-art{height:148px}.detail-optic-preview-art img{height:140px}}