/* /prolab_academy_downloads/static/src/css/downloads.css */
 .dl-container{padding-left: 48px; padding-right: 48px;}.dl-hero{position: relative; background: #000; background-image: url('/prolab_product_brand/static/src/img/brand-banner.jpg'); background-image: image-set( url('/prolab_product_brand/static/src/img/brand-banner.webp') type('image/webp'), url('/prolab_product_brand/static/src/img/brand-banner.jpg') type('image/jpeg') ); background-size: cover; background-position: center top; padding: 56px 48px 48px; min-height: 220px; display: flex; flex-direction: column; justify-content: flex-end;}.dl-hero-overlay{position: absolute; inset: 0; background: linear-gradient(90deg, rgba(0,0,0,0.88) 50%, rgba(0,0,0,0.5) 100%);}.dl-hero-body{position: relative; z-index: 1; max-width: 600px;}.dl-breadcrumb{font-size: 13px; color: rgba(255,255,255,0.45); margin-bottom: 12px;}.dl-breadcrumb a{color: rgba(255,255,255,0.55); text-decoration: none; transition: color 0.2s;}.dl-breadcrumb a:hover{color: #D00C65;}.dl-hero-title{font-size: 42px; font-weight: 800; color: #ffffff; letter-spacing: 2px; text-transform: uppercase; margin-bottom: 10px; font-family: 'Dax', 'Arial', sans-serif;}.dl-hero-desc{font-size: 15px; color: rgba(255,255,255,0.65); margin: 0;}.dl-body{background: #000; padding: 48px 0 64px; min-height: 60vh;}.dl-layout{display: grid; grid-template-columns: 240px 1fr; gap: 40px; align-items: start;}.dl-sidebar{position: sticky; top: 80px;}.dl-sidebar-heading{font-size: 13px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; color: rgba(255,255,255,0.4); margin-bottom: 16px;}.dl-search-form{margin-bottom: 24px;}.dl-search-wrap{display: flex; align-items: center; background: #0d0d0d; border: 1px solid rgba(255,255,255,0.1); border-radius: 6px; overflow: hidden;}.dl-search-input{flex: 1; background: transparent; border: none; outline: none; padding: 10px 14px; font-size: 13px; color: #ffffff;}.dl-search-input::placeholder{color: rgba(255,255,255,0.3);}.dl-search-btn{background: transparent; border: none; padding: 10px 14px; color: rgba(255,255,255,0.4); cursor: pointer; transition: color 0.2s;}.dl-search-btn:hover{color: #D00C65;}.dl-cat-list{list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 4px;}.dl-cat-link{display: flex; align-items: center; gap: 10px; padding: 10px 14px; border-radius: 6px; font-size: 14px; color: rgba(255,255,255,0.6); text-decoration: none; transition: background 0.15s, color 0.15s; border: 1px solid transparent;}.dl-cat-link:hover{background: rgba(255,255,255,0.04); color: #ffffff; text-decoration: none;}.dl-cat-active{background: rgba(208,12,101,0.1) !important; color: #ffffff !important; border-color: rgba(208,12,101,0.3) !important;}.dl-cat-icon{width: 20px; height: 20px; object-fit: contain; filter: brightness(0) invert(1); opacity: 0.6;}.dl-results-header{display: flex; align-items: center; justify-content: space-between; margin-bottom: 24px; padding-bottom: 16px; border-bottom: 1px solid rgba(255,255,255,0.07);}.dl-results-count{font-size: 13px; color: rgba(255,255,255,0.45);}.dl-results-count strong{color: rgba(255,255,255,0.75); font-weight: 600;}.dl-clear-link{font-size: 12px; color: #D00C65; text-decoration: none; transition: opacity 0.2s;}.dl-clear-link:hover{opacity: 0.75; text-decoration: none; color: #D00C65;}.dl-grid{display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px;}.dl-card{background: #0a0b0d; border: 1px solid rgba(255,255,255,0.07); border-radius: 8px; padding: 20px; display: flex; flex-direction: column; gap: 12px; transition: border-color 0.2s, background 0.2s;}.dl-card:hover{border-color: rgba(208,12,101,0.35); background: rgba(208,12,101,0.03);}.dl-card-icon{font-size: 28px; color: #D00C65; line-height: 1;}.dl-card-body{flex: 1;}.dl-card-filename{font-size: 13px; font-weight: 600; color: #ffffff; line-height: 1.4; margin-bottom: 6px; word-break: break-word;}.dl-card-product{font-size: 12px; color: rgba(255,255,255,0.45); margin: 0; line-height: 1.4;}.dl-card-btn{display: inline-flex; align-items: center; gap: 8px; background: transparent; border: 1px solid rgba(208,12,101,0.5); border-radius: 5px; color: #D00C65; font-size: 12px; font-weight: 700; letter-spacing: 0.5px; text-transform: uppercase; padding: 8px 14px; text-decoration: none; transition: background 0.2s, color 0.2s; width: fit-content;}.dl-card-btn:hover{background: #D00C65; color: #ffffff; text-decoration: none;}.dl-empty{display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 80px 24px; text-align: center;}.dl-empty-icon{font-size: 48px; color: rgba(255,255,255,0.15); margin-bottom: 16px;}.dl-empty-text{font-size: 15px; color: rgba(255,255,255,0.4); margin-bottom: 16px;}.dl-empty-reset{font-size: 13px; color: #D00C65; text-decoration: none;}.dl-empty-reset:hover{text-decoration: underline; color: #D00C65;}@media (max-width: 1199px){.dl-grid{grid-template-columns: repeat(2, 1fr);}}@media (max-width: 991px){.dl-container{padding-left: 24px; padding-right: 24px;}.dl-layout{grid-template-columns: 1fr;}.dl-sidebar{position: static;}.dl-cat-list{flex-direction: row; flex-wrap: wrap;}}@media (max-width: 767px){.dl-hero{padding: 40px 24px 36px; min-height: 180px;}.dl-hero-title{font-size: 30px;}.dl-grid{grid-template-columns: 1fr;}}