.detail-banner{background:rgb(240 240 240 / .1);position:relative;box-shadow:0 0 5px rgb(0 0 0 / .1);overflow:hidden}.detail-banner::before{content:'';position:absolute;top:-50%;right:-20%;width:800px;height:800px;background:radial-gradient(circle,var(--bg-light) 0%,transparent 60%);opacity:.5;z-index:0}.banner-split{display:flex;gap:80px;align-items:flex-start;position:relative;z-index:1}.detail-info-zone{flex:1}.detail-gallery-zone{flex:0 0 500px}.tag-main{display:flex;flex-direction:row;gap:20px;margin-bottom:20px}.product-detail-tag{background:var(--primary-color);padding:5px 10px;color:#fff;font-size:.8rem;border-radius:10px;border:2px solid var(--primary-color);transition:all 0.3s ease}.product-detail-tag:hover{background:#fff;color:var(--primary-color)}div.breadcrumb{margin:0 auto 30px;max-width:1600px;padding:0 3vw}.breadcrumb{display:flex;gap:10px;margin-bottom:25px;font-size:.95rem;color:var(--text-muted);flex-wrap:wrap}.breadcrumb a:hover{color:var(--primary-color)}.detail-title{font-size:2rem;color:var(--secondary-color);margin:20px 0;font-weight:800;line-height:1.2}.detail-short-desc{font-size:1.15rem;color:var(--text-muted);line-height:1.8}.detail-brief-params{display:flex;flex-direction:column;gap:15px;margin-bottom:40px;padding:25px;background:#fff;border:1px solid #eee;border-radius:15px;box-shadow:var(--shadow-sm)}.param-item{display:flex;gap:15px;padding-bottom:10px;border-bottom:1px dashed #eee}.param-item:last-child{border-bottom:none;padding-bottom:0}.p-label{font-weight:700;color:var(--secondary-color);min-width:100px}.p-value{color:var(--text-muted)}.detail-actions{display:flex;gap:20px;margin-top:20px}.main-image-viewport{position:relative;height:500px;background:#fff;border-radius:20px;border:1px solid #e7e7e7;overflow:hidden;margin-bottom:20px;box-shadow:var(--shadow-sm)}.main-image-viewport img{width:100%;height:100%;object-fit:cover;transition:opacity 0.3s ease}.main-img-nav{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;background:rgb(255 255 255 / .85);border:none;display:flex;align-items:center;justify-content:center;color:var(--secondary-color);font-size:1rem;cursor:pointer;z-index:2;transition:var(--transition);box-shadow:0 2px 8px rgb(0 0 0 / .1);backdrop-filter:blur(4px)}.main-img-nav:hover{background:var(--primary-color);color:#fff;box-shadow:0 4px 12px rgb(0 0 0 / .15)}.main-img-nav.prev{left:12px}.main-img-nav.next{right:12px}.thumbnail-carousel-wrapper{display:flex;align-items:center;gap:10px}.thumbnail-viewport{flex:1;overflow:hidden;height:100%;margin:0 5px}.thumbnail-track{display:flex;gap:15px;padding:3px 0;height:100%;transition:transform 0.4s cubic-bezier(.25,.46,.45,.94);will-change:transform;cursor:grab}.thumbnail-track:active{cursor:grabbing}.thumb{flex:0 0 calc(25% - 11.25px);height:100%;border-radius:12px;overflow:hidden;cursor:pointer;border:2px solid #fff0;transition:var(--transition);background:#fff;user-select:none}.thumb img{width:100%;height:100%;object-fit:cover;pointer-events:none}.thumb:hover,.thumb.active{border-color:var(--primary-color);transform:translateY(-3px);box-shadow:var(--shadow-sm)}.thumb-nav{width:30px;height:30px;border-radius:50%;background:#fff;box-shadow:0 0 2px rgb(0 0 0 / .1);display:flex;align-items:center;justify-content:center;color:var(--secondary-color);font-size:.9rem;transition:var(--transition);z-index:2;flex-shrink:0;background:#fff;color:var(--primary-color)}.thumb-nav:hover{background:var(--primary-color);color:#fff;cursor:pointer}.thumb-nav:disabled{opacity:.5;cursor:not-allowed}.detail-main-layout{background:var(--bg-light)}.detail-flex{display:flex;gap:40px}.detail-nav{display:flex;flex-direction:column}.nav-link{padding:18px 30px;border-left:3px solid #fff0;color:var(--text-muted);font-weight:600;transition:var(--transition);background:#fff;border-bottom:1px solid #f9f9f9}.nav-link:hover,.nav-link.active{background:#fffcf9;color:var(--primary-color);border-left-color:var(--primary-color)}.detail-content-area{flex:1;display:flex;flex-direction:column;gap:40px;word-wrap:break-word;min-width:0}.content-section{background:#fff;padding:30px;border-radius:20px;box-shadow:var(--shadow-sm);scroll-margin-top:100px;position:relative;overflow:hidden}.content-section p{line-height:1.8;color:var(--text-muted);margin-bottom:30px}.full-width-img{width:100%;height:500px;border-radius:15px;margin-bottom:30px}.section-header{margin-bottom:30px;border-bottom:2px solid var(--bg-light);padding-bottom:15px}.section-subtitle{display:block;font-size:.9rem;color:var(--primary-color);font-weight:700;text-transform:uppercase;letter-spacing:1px;margin-bottom:5px}.content-section h3{font-size:1.8rem;color:var(--secondary-color);margin:0;border:none;padding:0}.lead-text{font-size:1.1rem;line-height:1.8;color:var(--text-dark);margin-bottom:40px}.feature-grid-visual{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:40px}.visual-feature{text-align:center;padding:25px 15px;background:var(--bg-light);border-radius:12px;transition:var(--transition)}.visual-feature:hover{transform:translateY(-5px);box-shadow:var(--shadow-sm);background:#fffcf9}.visual-feature i{font-size:2rem;color:var(--primary-color);margin-bottom:15px}.visual-feature h4{font-size:1.1rem;margin-bottom:10px;color:var(--secondary-color)}.visual-feature p{font-size:.9rem;color:var(--text-muted);line-height:1.5;margin:0}.shadow-img{box-shadow:0 10px 30px rgb(0 0 0 / .1)}.benefit-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-top:20px}.benefit-item{display:flex;gap:15px;align-items:flex-start}.b-icon{width:50px;height:50px;background:rgb(230 126 34 / .1);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--primary-color);font-size:1.2rem;flex-shrink:0}.b-text strong{display:block;margin-bottom:5px;color:var(--secondary-color);font-size:1.05rem}.b-text p{font-size:.95rem;margin:0}.specs-wrapper{display:flex;gap:40px;align-items:flex-start}.spec-table{flex:2;display:flex;flex-direction:column;gap:15px}.spec-row{display:flex;justify-content:space-between;padding:18px 25px;background:#fdfdfd;border:1px solid #f0f0f0;border-radius:10px;transition:var(--transition)}.spec-row:hover{background:#fff;box-shadow:var(--shadow-sm);border-color:#eee}.spec-label{font-weight:700;color:var(--secondary-color)}.spec-value{color:var(--text-muted);font-weight:500}.spec-download{flex:1}.download-card{background:var(--bg-light);padding:25px;border-radius:12px;text-align:center;border:1px dashed #ddd}.download-card i.fa-file-pdf{font-size:2.5rem;color:#e74c3c;margin-bottom:15px}.download-card h5{margin-bottom:5px;color:var(--secondary-color)}.download-card p{margin-bottom:20px;font-size:.9rem}.btn-download{width:40px;height:40px;background:#fff;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:var(--secondary-color);box-shadow:var(--shadow-sm);transition:var(--transition)}.btn-download:hover{background:var(--primary-color);color:#fff}.cert-display-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-top:30px}.cert-badge{background:#fdfdfd;border:1px solid #eee;padding:20px 10px;border-radius:12px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px}.cert-badge i{font-size:1.5rem;color:var(--primary-color)}.cert-badge strong{color:var(--secondary-color);font-size:1.1rem}.cert-badge span{font-size:.8rem;color:var(--text-muted);background:var(--bg-light);padding:4px 8px;border-radius:4px}.detail-info-zone p strong{color:var(--primary-color);margin-right:5px}@media (max-width:900px){.feature-grid-visual,.cert-display-grid{grid-template-columns:repeat(2,1fr)}.specs-wrapper{flex-direction:column}.thumbnail-carousel-wrapper{height:auto}}@media (max-width:600px){.feature-grid-visual,.cert-display-grid{grid-template-columns:1fr}}.related-products{background:#fff}@media (max-width:1024px){.banner-split{flex-direction:column}.detail-flex{flex-direction:column}.detail-sidebar{width:100%}.main-image-viewport{height:auto}}@media (max-width:768px){div.breadcrumb{padding:0 5vw}.detail-title{font-size:2rem;text-align:left}.tab-content-zone{padding:30px}.detail-info-zone p{text-align:left}.banner-split{gap:50px}.detail-gallery-zone{flex:auto}.content-section{padding:20px}.related-products .product-grid{grid-template-columns:repeat(1,1fr)!important}}