/* Heim Joints landing page CSS for SYZ Machine Custom HTML. Scoped to .syz-page-heim-joints. */

.syz-page-heim-joints {--primary-red:#B2322E;--primary-dark:#181818;--white:#FFFFFF;--off-white:#F9F9F9;--board-bg:#EAEAEA;--accent-red-light:#D4524E;--accent-red-dark:#8A1F1C;--text-muted:#666666;--border-light:#E0E0E0;--border-dark:#222222;--shadow-sm:0 2px 8px rgba(0,0,0,0.05);--shadow-md:0 8px 24px rgba(0,0,0,0.08);--shadow-lg:0 16px 48px rgba(0,0,0,0.12);--ff-h:'Lexend',sans-serif;--ff-b:'DM Sans',sans-serif;--ff-m:'DM Mono',monospace;--ease:cubic-bezier(.25,.8,.25,1)}.syz-page-heim-joints *, .syz-page-heim-joints *::before, .syz-page-heim-joints *::after {box-sizing:border-box;margin:0;padding:0}.syz-page-heim-joints {font-family:var(--ff-b);font-size:1rem;line-height:1.7;color:var(--primary-dark);background-color:var(--white);-webkit-font-smoothing:antialiased;overflow-x:hidden}.syz-page-heim-joints h1, .syz-page-heim-joints h2, .syz-page-heim-joints h3, .syz-page-heim-joints h4, .syz-page-heim-joints h5, .syz-page-heim-joints h6 {font-family:var(--ff-h);color:var(--primary-dark);font-weight:700;line-height:1.25}.syz-page-heim-joints a {color:inherit;text-decoration:none;transition:color .3s var(--ease)}.syz-page-heim-joints ul {list-style:none}.syz-page-heim-joints .container {max-width:1400px;margin:0 auto;padding:0 40px}.syz-page-heim-joints section {padding:100px 0;position:relative}.syz-page-heim-joints .bg-light {background-color:var(--off-white)}.syz-page-heim-joints .section-header {max-width:800px;margin-bottom:56px}.syz-page-heim-joints .section-label {display:inline-flex;align-items:center;gap:8px;font-family:var(--ff-h);font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:var(--primary-red);margin-bottom:16px}.syz-page-heim-joints .section-title {font-size:2.4rem;font-weight:700;letter-spacing:0;margin-bottom:18px}.syz-page-heim-joints .section-desc {font-size:1.05rem;color:var(--text-muted)}.syz-page-heim-joints .btn {display:inline-flex;align-items:center;justify-content:center;gap:10px;font-family:var(--ff-h);font-size:.9rem;font-weight:700;padding:14px 32px;border-radius:6px;transition:all .3s var(--ease);border:none;cursor:pointer;white-space:nowrap}.syz-page-heim-joints .btn-primary {background-color:var(--primary-red);color:var(--white)}.syz-page-heim-joints .btn-primary:hover {background-color:var(--accent-red-dark);transform:translateY(-2px);box-shadow:0 4px 12px rgba(178,50,46,.25)}.syz-page-heim-joints .btn-outline {background-color:transparent;color:var(--primary-dark);border:1px solid var(--border-light)}.syz-page-heim-joints .btn-outline:hover {border-color:var(--primary-dark);background-color:rgba(0,0,0,.02)}.syz-page-heim-joints header {position:sticky;top:0;z-index:1000;background-color:rgba(255,255,255,.95);backdrop-filter:blur(10px);border-bottom:1px solid var(--border-light);transition:all .3s var(--ease)}.syz-page-heim-joints header.scrolled {box-shadow:var(--shadow-sm)}.syz-page-heim-joints .header-in {display:flex;align-items:center;justify-content:space-between;height:80px}.syz-page-heim-joints .logo img {height:42px;width:auto;display:block}.syz-page-heim-joints .nav-menu {display:flex;align-items:center;gap:32px}.syz-page-heim-joints .nav-link {font-family:var(--ff-h);font-size:.9rem;font-weight:500;color:var(--primary-dark);display:flex;align-items:center;gap:6px}.syz-page-heim-joints .nav-link:hover {color:var(--primary-red)}.syz-page-heim-joints .hero {padding:80px 0 100px;background:linear-gradient(135deg,#FFFFFF 0%,#F9F9F9 100%);border-bottom:1px solid var(--border-light)}.syz-page-heim-joints .grid-2 {display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);gap:70px;align-items:center}.syz-page-heim-joints .hero-tag {display:inline-flex;align-items:center;gap:10px;font-family:var(--ff-m);font-size:.82rem;font-weight:500;color:var(--primary-red);text-transform:uppercase;letter-spacing:1px;margin-bottom:22px}.syz-page-heim-joints .hero h1 {font-size:4rem;font-weight:900;line-height:1.08;letter-spacing:0;margin-bottom:24px}.syz-page-heim-joints .hero h1 span {color:var(--primary-red)}.syz-page-heim-joints .hero-sub {font-size:1.12rem;color:var(--text-muted);max-width:720px;margin-bottom:32px}.syz-page-heim-joints .hero-hooks {display:grid;grid-template-columns:1fr 1fr;gap:14px 18px;margin-bottom:36px}.syz-page-heim-joints .hook-item {display:flex;align-items:flex-start;gap:10px;font-size:.95rem;font-weight:500;color:var(--primary-dark)}.syz-page-heim-joints .hook-icon {color:var(--primary-red);font-weight:700}.syz-page-heim-joints .hero-ctas {display:flex;gap:16px;flex-wrap:wrap}.syz-page-heim-joints .visual-frame {position:relative;background:var(--white);border:1px solid var(--border-light);border-radius:14px;padding:18px;box-shadow:var(--shadow-lg)}.syz-page-heim-joints .visual-frame::before {content:'';position:absolute;inset:24px -14px -14px 24px;border:2px solid var(--primary-red);border-radius:14px;z-index:-1}.syz-page-heim-joints .visual-frame img {width:100%;height:430px;object-fit:cover;border-radius:10px;display:block}.syz-page-heim-joints .visual-badge {position:absolute;left:38px;right:38px;bottom:34px;background:rgba(24,24,24,.92);color:#fff;padding:15px 18px;border-radius:8px;font-family:var(--ff-m);font-size:.82rem;line-height:1.45;text-align:center}.syz-page-heim-joints .stats-strip {background:var(--primary-dark);color:#fff;padding:0}.syz-page-heim-joints .stats-row {display:grid;grid-template-columns:repeat(4,1fr)}.syz-page-heim-joints .stats-row>div {padding:34px 26px;border-right:1px solid rgba(255,255,255,.12);text-align:center}.syz-page-heim-joints .stats-row>div:last-child {border-right:none}.syz-page-heim-joints .stat-num {font-family:var(--ff-h);font-size:2.1rem;font-weight:900;color:#fff;line-height:1;margin-bottom:8px}.syz-page-heim-joints .stat-num span {font-size:1.1rem;color:var(--accent-red-light);margin-left:2px}.syz-page-heim-joints .stat-lbl {font-size:.82rem;color:#aaa;text-transform:uppercase;letter-spacing:1px;font-weight:500}.syz-page-heim-joints .filter-bar {display:flex;justify-content:center;gap:12px;margin-bottom:48px;flex-wrap:wrap}.syz-page-heim-joints .filter-btn {font-family:var(--ff-h);font-size:.85rem;font-weight:700;padding:10px 24px;border:1px solid var(--border-light);background:var(--white);border-radius:30px;cursor:pointer;color:var(--text-muted);transition:all .3s var(--ease);outline:none}.syz-page-heim-joints .filter-btn:hover {border-color:var(--primary-red);color:var(--primary-red)}.syz-page-heim-joints .filter-btn.active {background:var(--primary-red);border-color:var(--primary-red);color:var(--white);box-shadow:0 4px 12px rgba(178,50,46,.15)}.syz-page-heim-joints .products-grid {display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:32px}.syz-page-heim-joints .product-card {background:var(--white);border:1px solid var(--border-light);border-radius:12px;overflow:hidden;box-shadow:var(--shadow-sm);transition:all .35s var(--ease);display:flex;flex-direction:column}.syz-page-heim-joints .product-card:hover {transform:translateY(-6px);border-color:var(--primary-red);box-shadow:var(--shadow-md)}.syz-page-heim-joints .product-thumb {position:relative;aspect-ratio:4/3;overflow:hidden;background:#f5f5f5}.syz-page-heim-joints .product-thumb img {width:100%;height:100%;object-fit:cover;transition:transform .5s var(--ease)}.syz-page-heim-joints .product-card:hover .product-thumb img {transform:scale(1.06)}.syz-page-heim-joints .product-badge {position:absolute;top:14px;left:14px;background:var(--primary-dark);color:var(--white);font-family:var(--ff-m);font-size:.72rem;font-weight:700;padding:4px 10px;border-radius:4px;text-transform:uppercase;letter-spacing:.5px;z-index:2}.syz-page-heim-joints .product-badge.badge-oversized {background:var(--primary-red)}.syz-page-heim-joints .product-body {padding:24px;display:flex;flex-direction:column;flex-grow:1;justify-content:space-between}.syz-page-heim-joints .product-title {font-size:1.15rem;font-weight:700;color:var(--primary-dark);margin-bottom:10px;line-height:1.35}.syz-page-heim-joints .product-fitment {font-family:var(--ff-m);font-size:.76rem;color:var(--primary-red);background:rgba(178,50,46,.06);padding:6px 10px;border-radius:4px;margin-bottom:12px;line-height:1.4;font-weight:500}.syz-page-heim-joints .product-spec {font-size:.88rem;color:var(--text-muted);margin-bottom:20px;line-height:1.55}.syz-page-heim-joints .product-actions {display:flex;gap:10px;margin-top:auto}.syz-page-heim-joints .btn-card-inquire {flex:1;font-size:.82rem;padding:10px 14px}.syz-page-heim-joints .btn-card-zoom {min-width:56px;height:40px;padding:0 12px;display:flex;align-items:center;justify-content:center;border-radius:6px;border:1px solid var(--border-light);background:var(--white);color:var(--primary-dark);cursor:pointer;transition:all .3s;font-family:var(--ff-h);font-size:.78rem;font-weight:700}.syz-page-heim-joints .btn-card-zoom:hover {border-color:var(--primary-red);color:var(--primary-red)}.syz-page-heim-joints .anatomy-grid {display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.syz-page-heim-joints .anatomy-img-frame {background:var(--white);border:1px solid var(--border-light);border-radius:12px;padding:20px;box-shadow:var(--shadow-md)}.syz-page-heim-joints .anatomy-img-frame img {width:100%;height:auto;border-radius:8px;display:block}.syz-page-heim-joints .table-container {width:100%;overflow-x:auto;margin-top:30px;background:var(--white);border:1px solid var(--border-light);border-radius:10px;box-shadow:var(--shadow-sm)}.syz-page-heim-joints .hardness-table {width:100%;border-collapse:collapse;text-align:left;font-size:.88rem}.syz-page-heim-joints .hardness-table th {background-color:var(--primary-dark);color:var(--white);font-family:var(--ff-h);padding:14px 18px;font-weight:700;text-transform:uppercase;font-size:.8rem;letter-spacing:.5px}.syz-page-heim-joints .hardness-table td {padding:14px 18px;border-bottom:1px solid var(--border-light);color:var(--primary-dark)}.syz-page-heim-joints .hardness-table tr:last-child td {border-bottom:none}.syz-page-heim-joints .hardness-table tr:nth-child(even) {background-color:var(--off-white)}.syz-page-heim-joints .table-tag {font-family:var(--ff-m);font-size:.78rem;font-weight:700;color:var(--primary-red);background:rgba(178,50,46,.08);padding:3px 8px;border-radius:4px;display:inline-block}.syz-page-heim-joints .specs-grid {display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.syz-page-heim-joints .spec-box {background:var(--white);border:1px solid var(--border-light);border-radius:10px;padding:32px;box-shadow:var(--shadow-sm);transition:all .3s var(--ease)}.syz-page-heim-joints .spec-box:hover {transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--primary-red)}.syz-page-heim-joints .spec-icon {width:48px;height:48px;border-radius:8px;background:rgba(178,50,46,.08);color:var(--primary-red);display:flex;align-items:center;justify-content:center;font-size:1.4rem;font-weight:700;margin-bottom:20px}.syz-page-heim-joints .spec-box h3 {font-size:1.2rem;font-weight:700;margin-bottom:10px}.syz-page-heim-joints .spec-box p {font-size:.9rem;color:var(--text-muted);line-height:1.6}.syz-page-heim-joints .process-timeline {display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.syz-page-heim-joints .process-step {background:var(--white);border:1px solid var(--border-light);border-radius:10px;padding:32px;position:relative;box-shadow:var(--shadow-sm);text-align:left}.syz-page-heim-joints .step-num {font-family:var(--ff-h);font-size:2.2rem;font-weight:900;color:rgba(178,50,46,.2);margin-bottom:12px;line-height:1}.syz-page-heim-joints .process-step h3 {font-size:1.15rem;font-weight:700;margin-bottom:10px}.syz-page-heim-joints .process-step p {font-size:.88rem;color:var(--text-muted);line-height:1.6}.syz-page-heim-joints .why-grid {display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.syz-page-heim-joints .why-card {background:var(--white);border:1px solid var(--border-light);border-radius:10px;padding:28px;box-shadow:var(--shadow-sm);text-align:left}.syz-page-heim-joints .why-card h4 {font-size:1.05rem;font-weight:700;margin-bottom:10px;color:var(--primary-dark)}.syz-page-heim-joints .why-card p {font-size:.88rem;color:var(--text-muted);line-height:1.6}.syz-page-heim-joints .faq-list {max-width:980px;margin:0 auto}.syz-page-heim-joints .faq-row {background:var(--white);border:1px solid var(--border-light);border-radius:8px;margin-bottom:16px;overflow:hidden;box-shadow:var(--shadow-sm)}.syz-page-heim-joints .faq-q {padding:20px 24px;font-family:var(--ff-h);font-size:1.05rem;font-weight:700;color:var(--primary-dark);cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:18px;user-select:none}.syz-page-heim-joints .faq-icon {font-size:1.2rem;transition:transform .3s var(--ease);color:var(--primary-red)}.syz-page-heim-joints .faq-row.open .faq-icon {transform:rotate(45deg)}.syz-page-heim-joints .faq-ans {max-height:0;overflow:hidden;transition:max-height .35s var(--ease);padding:0 24px}.syz-page-heim-joints .faq-row.open .faq-ans {padding-bottom:24px}.syz-page-heim-joints .faq-ans p {font-size:.92rem;color:var(--text-muted);line-height:1.65}.syz-page-heim-joints .contact-card {background-color:var(--white);border:1px solid var(--border-light);border-radius:16px;padding:50px;box-shadow:var(--shadow-lg)}.syz-page-heim-joints .form-grid {display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:24px}.syz-page-heim-joints .form-group {display:flex;flex-direction:column;gap:8px}.syz-page-heim-joints .form-group.full {grid-column:span 2}.syz-page-heim-joints .form-group label {font-family:var(--ff-h);font-size:.85rem;font-weight:700;color:var(--primary-dark)}.syz-page-heim-joints .form-group input, .syz-page-heim-joints .form-group select, .syz-page-heim-joints .form-group textarea {font-family:var(--ff-b);font-size:.95rem;padding:14px 16px;border:1px solid var(--border-light);border-radius:6px;background-color:var(--off-white);color:var(--primary-dark);transition:all .3s var(--ease);outline:none}.syz-page-heim-joints .form-group input:focus, .syz-page-heim-joints .form-group select:focus, .syz-page-heim-joints .form-group textarea:focus {border-color:var(--primary-red);background-color:var(--white);box-shadow:0 0 0 3px rgba(178,50,46,.1)}.syz-page-heim-joints .drop-zone {border:2px dashed var(--border-light);border-radius:6px;padding:28px;text-align:center;background-color:var(--off-white);cursor:pointer;transition:all .3s}.syz-page-heim-joints .drop-zone p {font-size:.9rem;color:var(--text-muted);margin:0}.syz-page-heim-joints .lightbox-modal {position:fixed;inset:0;z-index:9999;background:rgba(0,0,0,.82);display:none;align-items:center;justify-content:center;padding:30px}.syz-page-heim-joints .lightbox-modal.open {display:flex}.syz-page-heim-joints .lightbox-content {position:relative;max-width:760px;width:min(760px,100%);background:#fff;border-radius:12px;padding:28px}.syz-page-heim-joints .lightbox-close {position:absolute;right:14px;top:10px;border:0;background:transparent;font-size:2rem;cursor:pointer;color:var(--primary-dark)}.syz-page-heim-joints footer {background-color:var(--primary-dark);color:var(--white);padding:70px 0 30px}.syz-page-heim-joints .ft-top {display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:60px;margin-bottom:50px}.syz-page-heim-joints .ft-logo img {height:46px;width:auto;margin-bottom:20px}.syz-page-heim-joints .ft-about {color:#aaa;font-size:.9rem;max-width:300px}.syz-page-heim-joints .ft-contact p {color:#aaa;font-size:.85rem;margin-top:10px}.syz-page-heim-joints footer h4 {color:#fff;font-size:.95rem;font-weight:700;margin-bottom:18px;text-transform:uppercase;letter-spacing:1px}.syz-page-heim-joints footer ul li {margin-bottom:10px}.syz-page-heim-joints footer ul li a {color:#aaa;font-size:.9rem}.syz-page-heim-joints footer ul li a:hover {color:#fff}.syz-page-heim-joints .ft-bottom {border-top:1px solid rgba(255,255,255,.1);padding-top:24px;display:flex;justify-content:space-between;align-items:center;color:#777;font-size:.85rem}
    @media(max-width:1100px){.syz-page-heim-joints .grid-2, .syz-page-heim-joints .anatomy-grid {grid-template-columns:1fr}.syz-page-heim-joints .hero h1 {font-size:3rem}.syz-page-heim-joints .stats-row, .syz-page-heim-joints .why-grid {grid-template-columns:repeat(2,1fr)}.syz-page-heim-joints .specs-grid, .syz-page-heim-joints .process-timeline {grid-template-columns:1fr 1fr}.syz-page-heim-joints .ft-top {grid-template-columns:1fr 1fr}.syz-page-heim-joints .nav-menu a:not(.btn) {display:none}}@media(max-width:720px){.syz-page-heim-joints .container {padding:0 22px}.syz-page-heim-joints section {padding:70px 0}.syz-page-heim-joints .header-in {height:70px}.syz-page-heim-joints .logo img {height:34px}.syz-page-heim-joints .hero {padding:58px 0 76px}.syz-page-heim-joints .hero h1 {font-size:2.35rem}.syz-page-heim-joints .hero-hooks, .syz-page-heim-joints .stats-row, .syz-page-heim-joints .specs-grid, .syz-page-heim-joints .process-timeline, .syz-page-heim-joints .why-grid, .syz-page-heim-joints .form-grid, .syz-page-heim-joints .ft-top {grid-template-columns:1fr}.syz-page-heim-joints .visual-frame img {height:300px}.syz-page-heim-joints .visual-frame::before {display:none}.syz-page-heim-joints .visual-badge {left:28px;right:28px;bottom:28px}.syz-page-heim-joints .stats-row>div {border-right:none;border-bottom:1px solid rgba(255,255,255,.12)}.syz-page-heim-joints .section-title {font-size:2rem}.syz-page-heim-joints .form-group.full {grid-column:span 1}.syz-page-heim-joints .contact-card {padding:28px}.syz-page-heim-joints .ft-bottom {display:block}.syz-page-heim-joints .ft-bottom span {display:block;margin-bottom:8px}.syz-page-heim-joints .product-actions {flex-wrap:wrap}.syz-page-heim-joints .btn-card-zoom {flex:1}}

/* Scoped guards against Elementor global button hover styles. */
.syz-page-heim-joints .hero-ctas .btn,
.syz-page-heim-joints .product-actions .btn{ text-decoration:none!important;box-shadow:none;outline:none }
.syz-page-heim-joints .hero-ctas .btn-primary,
.syz-page-heim-joints .product-actions .btn-primary{ background:var(--primary-red,#B2322E)!important;color:var(--white,#FFFFFF)!important;border-color:var(--primary-red,#B2322E)!important }
.syz-page-heim-joints .hero-ctas .btn-primary:hover,
.syz-page-heim-joints .hero-ctas .btn-primary:focus,
.syz-page-heim-joints .product-actions .btn-primary:hover,
.syz-page-heim-joints .product-actions .btn-primary:focus{ background:var(--accent-red-dark,#8A1F1C)!important;color:var(--white,#FFFFFF)!important;border-color:var(--accent-red-dark,#8A1F1C)!important;box-shadow:0 4px 12px rgba(178,50,46,.25)!important }
.syz-page-heim-joints .hero-ctas .btn-outline{ background:transparent!important;color:var(--primary-dark,#181818)!important;border-color:var(--border-light,#E0E0E0)!important }
.syz-page-heim-joints .hero-ctas .btn-outline:hover,
.syz-page-heim-joints .hero-ctas .btn-outline:focus{ background:rgba(0,0,0,.02)!important;color:var(--primary-dark,#181818)!important;border-color:var(--primary-dark,#181818)!important;box-shadow:none!important }
.syz-page-heim-joints .section-desc a{ color:var(--primary-red,#B2322E)!important;font-weight:700;text-decoration:underline!important;text-underline-offset:3px;text-decoration-thickness:1px }
.syz-page-heim-joints .section-desc a:hover,
.syz-page-heim-joints .section-desc a:focus{ color:var(--accent-red-dark,#8A1F1C)!important;text-decoration-color:currentColor!important }
.syz-page-heim-joints .btn-card-zoom{ background:var(--white,#FFFFFF)!important;color:var(--primary-dark,#181818)!important;border-color:var(--border-light,#E0E0E0)!important;box-shadow:none!important;text-decoration:none!important }
.syz-page-heim-joints .btn-card-zoom:hover,
.syz-page-heim-joints .btn-card-zoom:focus{ background:var(--white,#FFFFFF)!important;color:var(--primary-red,#B2322E)!important;border-color:var(--primary-red,#B2322E)!important;box-shadow:none!important }
.syz-page-heim-joints .lightbox-close{ background:transparent!important;color:var(--primary-dark,#181818)!important;border:0!important;box-shadow:none!important }
.syz-page-heim-joints .lightbox-close:hover,
.syz-page-heim-joints .lightbox-close:focus{ background:transparent!important;color:var(--primary-red,#B2322E)!important;border:0!important;box-shadow:none!important;outline:none }

/* Scoped guards against Elementor global filter/tab hover styles. */
.syz-page-heim-joints .filter-btn,
.syz-page-heim-joints button.filter-btn{ background:var(--white,#FFFFFF)!important;color:var(--text-muted,#666666)!important;border-color:var(--border-light,#E0E0E0)!important;box-shadow:none!important;transform:none!important }
.syz-page-heim-joints .filter-btn:hover,
.syz-page-heim-joints .filter-btn:focus,
.syz-page-heim-joints button.filter-btn:hover,
.syz-page-heim-joints button.filter-btn:focus{ background:var(--white,#FFFFFF)!important;color:var(--primary-red,#B2322E)!important;border-color:var(--primary-red,#B2322E)!important;box-shadow:none!important;transform:none!important }
.syz-page-heim-joints .filter-btn.active,
.syz-page-heim-joints .filter-btn.active:hover,
.syz-page-heim-joints .filter-btn.active:focus,
.syz-page-heim-joints button.filter-btn.active,
.syz-page-heim-joints button.filter-btn.active:hover,
.syz-page-heim-joints button.filter-btn.active:focus{ background:var(--primary-red,#B2322E)!important;color:var(--white,#FFFFFF)!important;border-color:var(--primary-red,#B2322E)!important;box-shadow:0 4px 12px rgba(178,50,46,.15)!important;transform:none!important }
