.product-grid{grid-template-columns:repeat(4,1fr)!important}@media (max-width:1280px){.product-grid{grid-template-columns:repeat(2,1fr)!important}}.detail-banner{background-color:var(--clr-primary-dark);background-image:linear-gradient(rgb(4 10 25 / .8),rgb(4 10 25 / .8)),url(https://ctweldedpipe.com/wp-content/themes/GlobalZT/assets/images/banner/product-banner.webp);background-size:cover;background-position:center;background-repeat:no-repeat;color:#fff;padding:170px 0 80px;position:relative}.detail-banner-inner{display:flex;gap:60px;align-items:center}.detail-banner-info{flex:1}.detail-banner-info h1{font-family:var(--font-heading);font-size:2rem;font-weight:700;margin-bottom:20px;line-height:1.1}.detail-banner-info p{font-size:1.1rem;color:rgb(255 255 255 / .7);margin-bottom:32px}.quick-specs-list{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:40px}.quick-spec-item{display:flex;align-items:center;gap:12px;font-size:.95rem}.quick-spec-item i{color:var(--clr-accent)}.detail-banner-actions{display:flex;gap:16px}.detail-gallery{flex:0 0 500px;min-width:0;display:flex;flex-direction:column;gap:16px}.gallery-main{width:100%;aspect-ratio:1/1;background:#fff;border-radius:var(--radius-lg);overflow:hidden;border:1px solid rgb(255 255 255 / .1)}.gallery-main img{width:100%;height:100%;object-fit:cover}.gallery-thumbs-wrapper{position:relative;display:flex;align-items:center}.gallery-thumbs-viewport{flex:1;overflow:hidden;margin:0 40px}.gallery-thumbs-track{display:flex;gap:12px;transition:transform 0.4s ease}.thumb-item{flex:0 0 calc((100% - (3 * 12px)) / 4);aspect-ratio:1/1;background:rgb(255 255 255 / .05);border:2px solid #fff0;border-radius:var(--radius-md);cursor:pointer;overflow:hidden;transition:all var(--transition-fast)}.thumb-item img{width:100%;height:100%;object-fit:cover;opacity:.6;transition:opacity 0.3s}.thumb-item:hover img,.thumb-item.active img{opacity:1}.thumb-item.active{border-color:var(--clr-accent);background:#fff}.thumb-nav-btn{position:absolute;width:32px;height:32px;background:rgb(255 255 255 / .1);border:none;border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:2;transition:all 0.3s}.thumb-nav-btn:hover{background:var(--clr-accent);color:var(--clr-primary-dark)}.thumb-nav-prev{left:0}.thumb-nav-next{right:0}.detail-main-section{padding:80px 0;background:#fff}.detail-layout{display:grid;grid-template-columns:1fr 340px;gap:var(--sp-2xl)}.detail-tabs-nav{position:sticky;top:72px;background:#fff;z-index:90;border-bottom:2px solid var(--clr-border);margin-bottom:60px;display:flex;gap:40px}.tab-nav-btn{background:none;border:none;padding:16px 0;font-weight:700;font-size:1rem;color:var(--clr-text-secondary);position:relative;cursor:pointer;transition:color 0.3s}.tab-nav-btn::after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:var(--clr-primary);transition:width 0.3s}.tab-nav-btn.active{color:var(--clr-primary)}.tab-nav-btn.active::after{width:100%}.detail-content-block{padding:60px 0;border-bottom:1px solid var(--clr-border)}.detail-content-block:first-child{padding-top:0}.detail-content-block:last-child{border-bottom:none}.block-title{font-family:var(--font-heading);font-size:1.75rem;font-weight:800;color:var(--clr-primary-dark);margin-bottom:30px}.detail-text{font-size:1rem;line-height:1.8;color:var(--clr-text-secondary)}.spec-table{width:100%;border-collapse:collapse}.spec-table tr{border-bottom:1px solid var(--clr-border)}.spec-table th,.spec-table td{padding:16px;text-align:left}.spec-table th{background:#f8f9fa;color:var(--clr-primary-dark);font-weight:700;width:30%}.related-section{padding:80px 0;background:var(--clr-bg-section)}.detail-content{min-width:0}@media (max-width:1100px){.detail-banner-inner{flex-direction:column}.detail-gallery{flex:1;width:100%}}@media (max-width:1024px){.detail-layout{grid-template-columns:1fr}}@media (max-width:768px){.detail-tabs-nav{top:60px!important}.detail-banner-info h1{font-size:2.2rem}.tab-nav-btn{font-size:.85rem}.detail-tabs-nav{gap:20px}.thumb-item{flex:0 0 calc((100% - (2 * 12px)) / 3)}.detail-banner-info{width:100%}.product-grid{grid-template-columns:repeat(1,1fr)!important}}