.page-banner{padding:50px 0}.product-detail-content{flex:1;width:100%;min-width:0}.page-banner .product-top-section{position:relative;z-index:2;text-align:left;margin:0 auto}.product-top-section{display:flex;gap:40px;align-items:center}@media (max-width:900px){.product-top-section{flex-direction:column}}.product-gallery{flex:0 0 500px}.main-image{width:100%;aspect-ratio:1 / 1;margin-bottom:15px;background:#fff;border-radius:12px;overflow:hidden;position:relative}.main-image img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;transition:opacity 0.3s ease}.gallery-carousel-wrapper{position:relative;display:flex;align-items:center;gap:10px;margin-top:15px}.gallery-thumbs-viewport{flex:1;overflow:hidden;border-radius:10px}.gallery-thumbs{display:flex;gap:10px;transition:transform 0.4s cubic-bezier(.4,0,.2,1);will-change:transform}.thumb{flex:0 0 calc((100% - 30px) / 4);border:1px solid #ddd;border-radius:8px;cursor:pointer;overflow:hidden;opacity:.7;transition:all 0.3s ease;background:#f8f9fa}.thumb:hover,.thumb.active{opacity:1;border-color:var(--primary-color);box-shadow:0 2px 8px rgb(0 0 0 / .1)}.thumb img{width:100%;height:100%;object-fit:contain}.gallery-nav-btn{width:32px;height:32px;border-radius:50%;border:1px solid #ddd;background:#fff;color:#333;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.3s ease;z-index:2;box-shadow:0 2px 4px rgb(0 0 0 / .05)}.gallery-nav-btn:hover{background:var(--primary-color);color:#fff;border-color:var(--primary-color);transform:scale(1.1)}.gallery-nav-btn:disabled{opacity:.3;cursor:not-allowed;transform:none}@media (max-width:600px){.thumb{flex:0 0 calc((100% - 20px) / 3)}}@media (max-width:400px){.thumb{flex:0 0 calc((100% - 10px) / 2)}}.product-info{flex:1}.product-title{font-size:2.2rem;font-weight:700;margin-bottom:15px;color:#fff}.product-meta{margin-bottom:25px;display:flex;gap:20px;color:#666;font-size:.95rem}.meta-item{color:#fff}.meta-item i{color:var(--accent-color);margin-right:5px}.product-description{font-size:1.05rem;line-height:1.8;color:#fff;padding-bottom:20px}.product-actions{display:flex;gap:15px;flex-wrap:nowrap}.btn-lg{padding:12px 30px;font-size:.95rem}.product-actions .btn-lg{box-shadow:0 0 5px rgb(255 255 255 / .5)}.btn-success{color:var(--primary-color);border:1px solid var(--primary-color)}.btn-success:hover{background-color:var(--primary-color);color:#fff}.product-specs-preview{margin-bottom:20px;box-shadow:0 0 5px rgb(0 0 0 / .1)}.product-specs-preview h4{color:var(--accent-color);margin-bottom:10px;font-size:1.1rem}.product-specs-preview ul{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.product-specs-preview li{font-size:.95rem;color:#fff;background:rgb(255 255 255 / .1);backdrop-filter:blur(8px);padding:10px 15px;border-radius:10px;box-shadow:0 2px 4px rgb(0 0 0 / .05);display:flex;align-items:center;gap:15px;transition:transform 0.2s ease}.product-specs-preview li:hover{transform:translateY(-2px);box-shadow:0 4px 8px rgb(0 0 0 / .08)}.product-tabs-section{background:#fff}.tab-nav{display:flex;border-bottom:2px solid #eee;margin-bottom:30px;gap:10px}.tab-item{padding:15px 30px;font-size:1.1rem;font-weight:600;cursor:pointer;color:#777;position:relative;transition:all 0.3s;border-radius:8px 8px 0 0;background:#fff0}.tab-item:hover{color:var(--primary-color);background:rgb(0 0 0 / .02)}.tab-item.active{color:var(--primary-color);background:#fff}.tab-item.active::after{content:"";position:absolute;bottom:-2px;left:0;width:100%;height:3px;background:var(--primary-color);border-radius:3px 3px 0 0}.tab-pane{display:none;padding:20px;box-shadow:0 0 5px rgb(0 0 0 / .1);border-radius:10px;animation:fadeIn 0.4s}.tab-pane.active{display:block}.tab-pane h3{margin-bottom:15px;font-size:1.5rem;color:#333}.tab-pane p{margin-bottom:20px;font-size:1.05rem;line-height:1.7;color:#555}.content-img{max-width:100%;margin:20px 0;border-radius:8px}.specs-table{width:100%;max-width:800px;border-collapse:collapse;margin-bottom:20px}.specs-table th,.specs-table td{padding:12px 15px;border:1px solid #ddd;text-align:left}.specs-table th{background-color:#f5f5f5;font-weight:600;width:250px;color:#333}.specs-table tr:nth-child(even){background-color:#fafafa}.recommended-section{background-color:#f8f9fa}.section-header{margin-bottom:40px}.section-header .section-title{margin-bottom:15px;color:#002c5f}.section-header .section-title::after{background:linear-gradient(to right,var(--primary-color),var(--accent-color))}.title-separator{width:60px;height:3px;background-color:var(--primary-color);margin:0 auto 15px}.section-subtitle{color:#666;font-size:1rem}.recommended-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}@media (max-width:1024px){.recommended-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.recommended-grid{grid-template-columns:1fr}.product-actions{flex-direction:column}.product-layout{gap:0}}.rec-card{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 0 10px rgb(0 0 0 / .1);transition:all 0.3s ease;display:flex;flex-direction:column}.rec-card:hover{transform:translateY(-5px);box-shadow:0 0 15px rgb(0 0 0 / .15)}.rec-img{height:200px;background-color:#f1f1f1;display:flex;align-items:center;justify-content:center}.rec-img img{width:100%;height:100%;object-fit:cover;border-radius:4px}.rec-body{padding:20px;flex:1;display:flex;flex-direction:column;text-align:left}.rec-body h3{font-size:1.1rem;color:#002c5f;margin-bottom:10px;font-weight:700}.rec-body p{font-size:.9rem;color:#666;margin-bottom:15px;flex-grow:1}.rec-link{color:var(--primary-color);font-weight:600;font-size:.9rem;text-decoration:none;transition:opacity 0.3s}.rec-link:hover{opacity:.8}.rec-link i{margin-left:5px;font-size:.8rem}