.details-container { max-width: 1152px; margin: 0 auto; padding: 0 1.5rem; }
.breadcrumb-wrap { padding: 1rem 1.5rem; border-bottom: 1px solid #263039; margin-bottom: 2.5rem; }
.breadcrumb { font-size: 0.75rem; text-transform: uppercase; color: #7c8b93; display: flex; align-items: center; gap: 0.5rem; max-width: 1152px; margin: 0 auto; }
.breadcrumb a { color: #7c8b93; text-decoration: none; transition: 0.2s; }
.breadcrumb a:hover { color: #ffffff; }

.product-layout { display: grid; grid-template-columns: 1fr; gap: 2.5rem; margin-bottom: 3.5rem; }
@media (min-width: 768px) { .product-layout { grid-template-columns: 1fr 1fr; } }


.gallery-main { background-color: #212b32; border: 1px solid #3d4d57; aspect-ratio: 1; display: flex; align-items: center; justify-content: center; margin-bottom: 0.75rem; position: relative; }
.gallery-main img { max-width: 100%; max-height: 100%; object-fit: contain; }
.gallery-thumbs { display: flex; gap: 0.75rem; overflow-x: auto; }
.thumb-box { width: 4rem; height: 4rem; flex-shrink: 0; background-color: #212b32; border: 1px solid #3d4d57; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: 0.2s; }
.thumb-box:hover, .thumb-box.active { border-color: #4F8FC4; }
.thumb-box img { max-width: 100%; max-height: 100%; object-fit: contain; }
.info-badges { display: flex; align-items: center; gap: 0.5rem; flex-wrap: wrap; margin-bottom: 0.75rem; }
.badge-dark { background-color: #2d3a42; color: #aab8bf; padding: 2px 8px; font-size: 0.75rem; }
.info-title { font-size: 1.875rem; font-weight: 600; margin-bottom: 0.5rem; line-height: 1.2; }
.info-code { color: #7c8b93; font-size: 0.875rem; margin-bottom: 1.25rem; }
.info-stock { display: flex; align-items: center; gap: 0.5rem; margin-bottom: 1.5rem; font-size: 0.75rem; text-transform: uppercase; }
.info-price { font-size: 1.875rem; font-weight: 600; font-family: 'Oswald', sans-serif; margin-bottom: 1.5rem; }


.btn-quote { width: 100%; padding: 0.75rem; font-size: 0.875rem; text-transform: uppercase; font-weight: 500; display: flex; align-items: center; justify-content: center; gap: 0.5rem; cursor: pointer; border: none; transition: 0.2s; }
.btn-quote.added { background-color: #023D79; color: #ffffff; }
.btn-quote.normal { background-color: #4F8FC4; color: #161d22; }


.tabs-wrap { border-bottom: 1px solid #263039; margin-bottom: 1.5rem; display: flex; gap: 1.5rem; }
.tab-btn { background: transparent; border: none; padding-bottom: 0.75rem; font-size: 0.875rem; text-transform: uppercase; color: #ffffff; border-bottom: 2px solid #4F8FC4; cursor: default; }
.tab-content { font-size: 0.875rem; line-height: 1.6; color: #aab8bf; max-width: 42rem; margin-bottom: 3.5rem; }


.related-section { background-color: #12171b; border-top: 1px solid #263039; padding: 3.5rem 0; }
.related-grid { display: grid; grid-template-columns: 1fr; gap: 1.25rem; }
@media (min-width: 640px) { .related-grid { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1024px) { .related-grid { grid-template-columns: repeat(3, 1fr); } }