.page-banner{padding:calc(var(--space-xl) + 120px) 0 var(--space-xl);color:var(--clr-text);position:relative;overflow:hidden}.page-banner::before{content:"";position:absolute;inset:0;background-image:url(https://tjjzmetal.com/wp-content/themes/GlobalZT/assets/images/banner/product-banner.webp);background-size:cover;background-position:center;z-index:-2}.page-banner::after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgb(0 0 0 / .6) 0%,rgb(0 0 0 / .6) 100%);z-index:-1}.page-banner-inner{display:grid;grid-template-columns:1.2fr 1fr;gap:4rem;align-items:center;position:relative;z-index:2}.page-banner-content h1{color:#fff;font-family:var(--font-heading);font-size:clamp(2rem, 4vw, var(--fs-4xl));font-weight:800;margin-bottom:1.5rem;line-height:1.1}.page-banner-content p{color:#fff;font-size:var(--fs-md);opacity:.9;max-width:600px}.products-advantages{display:flex;flex-direction:column;gap:1.5rem}.advantage-item{display:flex;align-items:flex-start;gap:1rem;background:rgb(255 255 255 / .6);padding:1.25rem;border-radius:var(--radius-md);backdrop-filter:blur(10px);border:1px solid rgb(255 255 255 / .8);transition:transform var(--transition-base)}.advantage-item:hover{transform:translateY(-5px);background:rgb(255 255 255 / .85);box-shadow:var(--shadow-sm)}.advantage-icon{font-size:1.5rem;color:var(--clr-primary)}.advantage-info h3{color:var(--clr-heading);font-size:var(--fs-base);margin-bottom:.25rem}.advantage-info p{font-size:var(--fs-xs);opacity:.8;margin:0}.products-main-layout{display:grid;grid-template-columns:300px 1fr;gap:3rem;padding:var(--space-xl) 0 var(--space-3xl)}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem}.product-item{background:var(--clr-white);border:1px solid rgb(34 129 196 / .1);border-radius:var(--radius-md);overflow:hidden;transition:all var(--transition-base);box-shadow:0 2px 16px rgb(34 129 196 / .15)}.product-item:hover{transform:translateY(-10px);box-shadow:var(--shadow-lg);border-color:var(--clr-primary-light)}.product-item-img{position:relative;aspect-ratio:4/3;overflow:hidden}.product-item-img img{width:100%;height:100%;object-fit:cover;transition:transform 0.6s ease}.product-item:hover .product-item-img img{transform:scale(1.1)}.product-item-body{padding:1.5rem}.product-item-title{font-size:var(--fs-base);font-weight:700;margin-bottom:.75rem;transition:color var(--transition-fast)}.product-item-title a:hover{color:var(--clr-primary)}.product-item-desc{font-size:var(--fs-sm);color:var(--clr-text-muted);margin-bottom:1.5rem;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-item-btn{display:inline-flex;align-items:center;gap:.5rem;font-size:var(--fs-xs);font-weight:600;color:var(--clr-primary);text-transform:uppercase;letter-spacing:.05em;transition:gap 0.3s ease}.product-item-btn:hover{gap:.8rem;color:var(--clr-primary-dark)}.products-faq-section{padding:0 0 var(--space-3xl)}@media (max-width:1200px){.page-banner-inner{gap:2rem}}@media (max-width:992px){.products-main-layout{grid-template-columns:1fr}.products-sidebar-col{order:2}.products-main-layout{padding:0 0 var(--space-3xl)}.products-sidebar-container{position:static}.page-banner-inner{grid-template-columns:1fr}}@media (max-width:768px){.page-banner::before{background-attachment:scroll}.products-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.page-banner-inner{gap:2rem}.page-banner-content h1{font-size:clamp(1.6rem, 5vw, 2.2rem)}.products-main-layout>*{min-width:0}}@media (max-width:480px){.products-grid{grid-template-columns:1fr}}