.product-detail-page{background:var(--color-white);min-height:100vh}.product-header-section{padding:var(--spacing-xl) 0 var(--spacing-2xl);background:linear-gradient(135deg,#f8fafc 0,#e2e8f0 100%);position:relative}.product-header-section .breadcrumb{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:var(--spacing-xl)}.product-header-section .breadcrumb a{color:var(--color-secondary-main);text-decoration:none;transition:color var(--transition-fast)}.product-header-section .breadcrumb a:hover{color:var(--color-secondary-dark);text-decoration:underline}.product-header-section .breadcrumb span{color:var(--text-light)}.product-hero-grid{display:grid;grid-template-columns:350px 1fr;gap:var(--spacing-2xl);align-items:start}.product-image-container{background:white;border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-md);text-align:center}.product-image{width:100%;max-width:300px;height:auto;border-radius:var(--radius-md)}.product-image-placeholder{width:100%;height:250px;background:linear-gradient(135deg,#0075c9 0,#00c3d1 100%);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:white;font-size:4rem}.product-info-container{display:flex;flex-direction:column;gap:var(--spacing-md)}.product-meta-badges{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.meta-badge{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:500}.meta-badge.supplier{background:#0d3460;color:white}.meta-badge.type{background:#0075c9;color:white}.meta-badge.category{background:#00c698;color:white}a.meta-badge{text-decoration:none;cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast),filter var(--transition-fast)}a.meta-badge:hover{transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,0.2);filter:brightness(1.1)}a.meta-badge:active{transform:translateY(0)}.product-main-title{font-family:var(--font-heading);font-size:var(--font-size-4xl);font-weight:600;color:#0d3460;margin-bottom:var(--spacing-xs)}.product-subtitle{font-family:var(--font-heading);font-size:var(--font-size-xl);font-weight:400;color:#0075c9;margin-bottom:var(--spacing-md)}.product-appearance{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);background:linear-gradient(135deg,#f0f9ff 0,#e0f2fe 100%);border:1px solid #bae6fd;border-radius:var(--radius-md);font-size:var(--font-size-base);color:#0c4a6e;margin-bottom:var(--spacing-lg)}.product-appearance i{color:#0284c7;font-size:var(--font-size-lg)}.product-appearance .appearance-label{font-weight:600;color:#0369a1}.product-description{font-size:var(--font-size-lg);line-height:var(--line-height-relaxed);color:var(--text-secondary);margin-bottom:var(--spacing-lg)}.product-cta-buttons{display:flex;flex-wrap:wrap;gap:var(--spacing-md);margin-top:var(--spacing-lg)}.cta-btn{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--radius-md);font-weight:600;font-size:var(--font-size-base);text-decoration:none;transition:all var(--transition-fast);cursor:pointer;border:0}.cta-btn-primary{background:linear-gradient(135deg,#0d3460 0,#0075c9 100%);color:white}.cta-btn-primary:hover{background:linear-gradient(135deg,#0a2a4d 0,#005fa3 100%);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.cta-btn-secondary{background:white;color:#0075c9;border:2px solid #0075c9}.cta-btn-secondary:hover{background:#0075c9;color:white}.product-detail-content{padding:var(--spacing-2xl) 0}.product-content-grid{display:grid;grid-template-columns:2fr 1fr;gap:var(--spacing-2xl)}.product-main-content{display:flex;flex-direction:column;gap:var(--spacing-2xl)}.content-section{background:white;border-radius:var(--radius-lg);padding:var(--spacing-xl);box-shadow:var(--shadow-sm)}.content-section-title{font-family:var(--font-heading);font-size:var(--font-size-xl);font-weight:600;color:#0d3460;margin-bottom:var(--spacing-lg);display:flex;align-items:center;gap:var(--spacing-sm)}.content-section-title i{color:#0075c9}.benefits-list{list-style:none;padding:0;margin:0}.benefits-list li{padding:var(--spacing-sm) 0;display:flex;align-items:flex-start;gap:var(--spacing-sm);color:var(--text-secondary)}.benefits-list li i{color:#00c698;margin-top:4px}.applications-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--spacing-md)}.application-card{background:linear-gradient(135deg,#f8fafc 0,#e2e8f0 100%);border-radius:var(--radius-md);padding:var(--spacing-md);text-align:center;transition:all var(--transition-fast);text-decoration:none;color:var(--text-primary)}.application-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);background:linear-gradient(135deg,#0075c9 0,#00c3d1 100%);color:white}.application-card i{font-size:1.5rem;margin-bottom:var(--spacing-sm);color:#0075c9}.application-card:hover i{color:white}.application-card span{display:block;font-size:var(--font-size-sm);font-weight:500}.industries-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--spacing-md)}.industry-card{background:linear-gradient(135deg,#f8fafc 0,#e2e8f0 100%);border-radius:var(--radius-md);padding:var(--spacing-md);text-align:center;transition:all var(--transition-fast);text-decoration:none;color:var(--text-primary);display:block;height:100%}.industry-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);background:linear-gradient(135deg,#0075c9 0,#00c3d1 100%);color:white}.industry-card i{display:block;font-size:1.5rem;margin:0 auto var(--spacing-sm);color:#0075c9;width:auto}.industry-card:hover i{color:white}.industry-card span{display:block;font-size:var(--font-size-sm);font-weight:500}.scroll-indicator{position:absolute;bottom:var(--spacing-lg);left:50%;transform:translateX(-50%);width:40px;height:40px;background:white;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-md);color:#0075c9;cursor:pointer;text-decoration:none;animation:bounce 2s infinite;z-index:10}.scroll-indicator:hover{background:#0075c9;color:white}@keyframes bounce{0%,20%,50%,80%,100%{transform:translateX(-50%) translateY(0)}40%{transform:translateX(-50%) translateY(-10px)}60%{transform:translateX(-50%) translateY(-5px)}}.product-sidebar{display:flex;flex-direction:column;gap:var(--spacing-lg)}.sidebar-card{background:white;border-radius:var(--radius-lg);padding:var(--spacing-xl);box-shadow:var(--shadow-sm)}.sidebar-card-title{font-family:var(--font-heading);font-size:var(--font-size-lg);font-weight:600;color:#0d3460;margin-bottom:var(--spacing-md)}.sidebar-cta{background:linear-gradient(135deg,#0d3460 0,#0075c9 100%);color:white;text-align:center}.sidebar-cta p{margin-bottom:var(--spacing-md);opacity:.9}.sidebar-cta .cta-btn{width:100%;justify-content:center;background:white;color:#0d3460}.sidebar-cta .cta-btn:hover{background:#f8fafc}.back-link{display:inline-flex;align-items:center;gap:var(--spacing-sm);color:var(--color-secondary-main);text-decoration:none;font-weight:500;padding:var(--spacing-md) 0;transition:all var(--transition-fast)}.back-link:hover{color:var(--color-secondary-dark)}.product-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-4xl);color:var(--text-secondary)}.product-loading i{font-size:3rem;margin-bottom:var(--spacing-lg);animation:spin 1s linear infinite}@keyframes spin{from{transform:rotate(0)}to{transform:rotate(360deg)}}.product-not-found{text-align:center;padding:var(--spacing-4xl)}.product-not-found i{font-size:4rem;color:var(--color-medium-gray);margin-bottom:var(--spacing-lg)}.product-not-found h2{color:var(--text-primary);margin-bottom:var(--spacing-md)}.product-not-found p{color:var(--text-secondary);margin-bottom:var(--spacing-xl)}@media(max-width:1024px){.product-hero-grid{grid-template-columns:1fr}.product-image-container{max-width:400px;margin:0 auto}.product-content-grid{grid-template-columns:1fr}.product-sidebar{order:-1}}@media(max-width:768px){.product-main-title{font-size:var(--font-size-2xl)}.product-subtitle{font-size:var(--font-size-lg)}.product-cta-buttons{flex-direction:column}.cta-btn{width:100%;justify-content:center}.industries-grid{grid-template-columns:1fr}}