/* Theme Name: Amwerk Child Theme URI: http://amwerk.bold-themes.com Description: Amwerk child theme Author: BoldThemes Author URI: http://bold-themes.com Template: amwerk Version: 1.0.1 Tags: one-column, right-sidebar, custom-menu, featured-images, sticky-post, theme-options, threaded-comments, translation-ready Text Domain: amwerk-child */ /* Theme customization starts here -------------------------------------------------------------- */ /* SIND: P0 product drafts and the approved StationPack sample have no approved commercial SKU. Hide only Amwerk's generated empty-SKU subtitle. */ .postid-1581 .bt_bb_headline_subheadline, .postid-1594 .bt_bb_headline_subheadline, .postid-1595 .bt_bb_headline_subheadline, .postid-1596 .bt_bb_headline_subheadline, .postid-1597 .bt_bb_headline_subheadline, .postid-1598 .bt_bb_headline_subheadline, .postid-1599 .bt_bb_headline_subheadline, .postid-1600 .bt_bb_headline_subheadline, .postid-1601 .bt_bb_headline_subheadline, .postid-1602 .bt_bb_headline_subheadline, .postid-1603 .bt_bb_headline_subheadline, .postid-1604 .bt_bb_headline_subheadline, .postid-1605 .bt_bb_headline_subheadline, .postid-1606 .bt_bb_headline_subheadline, .postid-1607 .bt_bb_headline_subheadline, .postid-1608 .bt_bb_headline_subheadline, .postid-1609 .bt_bb_headline_subheadline, .postid-1610 .bt_bb_headline_subheadline, .postid-1611 .bt_bb_headline_subheadline, .postid-1612 .bt_bb_headline_subheadline, .postid-1613 .bt_bb_headline_subheadline { display: none; } /* SIND: Scope product inquiry controls to the WooCommerce sidebar. */ .btSidebar .sind-product-inquiry { margin-top: .25rem; } .btSidebar .sind-product-inquiry > p { margin: 0 0 1rem; } .btSidebar .sind-product-inquiry label { display: block; color: #1a1a1a; font-size: .9rem; font-weight: 700; line-height: 1.35; } .btSidebar .sind-product-inquiry .wpcf7-form-control-wrap { display: block; margin-top: .45rem; } .btSidebar .sind-product-inquiry input[type="text"], .btSidebar .sind-product-inquiry input[type="email"], .btSidebar .sind-product-inquiry textarea { box-sizing: border-box; width: 100%; min-height: 2.9rem; padding: .75rem .85rem; color: #1a1a1a; background: #ffffff; border: 1px solid #b8c1cc; border-radius: 3px; box-shadow: none; } .btSidebar .sind-product-inquiry textarea { min-height: 8.5rem; resize: vertical; } .btSidebar .sind-product-inquiry input[type="text"]:focus, .btSidebar .sind-product-inquiry input[type="email"]:focus, .btSidebar .sind-product-inquiry textarea:focus { border-color: #013989; box-shadow: 0 0 0 3px rgba(1,57,137,.12); } .btSidebar .sind-product-inquiry .sind-product-inquiry-note { color: #4c5560; font-size: .875rem; line-height: 1.5; } .btSidebar .sind-product-inquiry .wpcf7-submit { display: block; width: 100% !important; min-height: 3.125rem; margin: .25rem 0 0; padding: .85rem 1rem !important; line-height: 1.2; text-align: center; } .btSidebar .sind-product-inquiry .wpcf7-response-output { margin: 1rem 0 0 !important; } /* SIND: Override Amwerk WooCommerce line-height so inquiry button text stays centered. */ .woocommerce .btSidebar .sind-product-inquiry .wpcf7-submit, .woocommerce-page .btSidebar .sind-product-inquiry .wpcf7-submit { height: 3.125rem; min-height: 3.125rem; padding: 0 1rem !important; line-height: 3.125rem; text-align: center; } /* ============================================================ SIND — Contact page CF7 form visual polish (2026-07-31) Scope: ONLY .bt_bb_contact_form_7 (About / Contact page). Does NOT touch product-page sidebar inquiry or mail routing. ============================================================ */ .bt_bb_contact_form_7 .bt_bb_cf7_form { display: block; } .bt_bb_contact_form_7 .bt_bb_cf7_row { display: flex; flex-wrap: wrap; gap: 1rem; margin-bottom: 0; } .bt_bb_contact_form_7 .bt_bb_cf7_element { flex: 1 1 220px; min-width: 0; } /* Labels: block-level, high contrast, consistent rhythm */ .bt_bb_contact_form_7 p { margin: 0 0 0.35rem; } .bt_bb_contact_form_7 .wpcf7-form-control-wrap { display: block; } .bt_bb_contact_form_7 input[type="text"], .bt_bb_contact_form_7 input[type="email"], .bt_bb_contact_form_7 input[type="tel"], .bt_bb_contact_form_7 select, .bt_bb_contact_form_7 textarea { width: 100%; box-sizing: border-box; background: #ffffff; border: 1px solid #c9ced6; border-radius: 4px; color: #181818; font-family: "Assistant", Arial, Helvetica, sans-serif; font-size: 15px; line-height: 1.4; padding: 0.85rem 0.9rem; min-height: 2.9rem; transition: border-color 0.15s ease, box-shadow 0.15s ease; } .bt_bb_contact_form_7 textarea { min-height: 8.5rem; resize: vertical; } .bt_bb_contact_form_7 input[type="text"]:focus, .bt_bb_contact_form_7 input[type="email"]:focus, .bt_bb_contact_form_7 input[type="tel"]:focus, .bt_bb_contact_form_7 select:focus, .bt_bb_contact_form_7 textarea:focus { outline: none; border-color: #00a0dd; box-shadow: 0 0 0 3px rgba(0, 160, 221, 0.18); } /* Submit button: full width, brand blue, weight matched to right column */ .bt_bb_contact_form_7 .bt_bb_cf7_button { margin-top: 0.5rem; } .bt_bb_contact_form_7 .wpcf7-submit { width: 100%; background: #00a0dd; color: #ffffff; border: 0; border-radius: 4px; font-family: "Assistant", Arial, Helvetica, sans-serif; font-weight: 600; font-size: 16px; letter-spacing: 0.02em; text-transform: none; padding: 0.95rem 1.2rem; min-height: 3.125rem; line-height: 1.2; cursor: pointer; transition: background 0.15s ease; } .bt_bb_contact_form_7 .wpcf7-submit:hover { background: #0089bf; } .bt_bb_contact_form_7 .wpcf7-submit:focus { outline: none; box-shadow: 0 0 0 3px rgba(0, 160, 221, 0.3); } /* Response / error output constrained to this form */ .bt_bb_contact_form_7 .wpcf7-response-output { margin: 0.75rem 0 0; border-radius: 4px; font-size: 14px; } /* Tighten column card padding so form aligns with the right headline block */ .bt_bb_contact_form_7 { margin-top: 0.25rem; } /* Responsive: single column on small screens */ @media (max-width: 768px) { .bt_bb_contact_form_7 .bt_bb_cf7_row { flex-direction: column; gap: 0; } .bt_bb_contact_form_7 .bt_bb_cf7_element { margin-bottom: 0.75rem; } } /* SIND honeypot anti-spam: hide the sind-hp field from real users, keep visible to bots */ .sind-hp-field { position: absolute !important; left: -9999px !important; top: -9999px !important; width: 1px !important; height: 1px !important; overflow: hidden !important; clip: rect(0 0 0 0) !important; clip-path: inset(50%) !important; white-space: nowrap !important; } .sind-hp-field label, .sind-hp-field .wpcf7-form-control { display: none !important; } /* SIND product inquiry modal popup (on-brand, centered) */ .sind-inquiry-no-scroll { overflow: hidden; } .sind-inquiry-modal { position: fixed; inset: 0; z-index: 100002; display: none; align-items: center; justify-content: center; padding: 20px; } .sind-inquiry-modal.is-open { display: flex; } .sind-inquiry-modal__overlay { position: absolute; inset: 0; background: rgba( 15, 32, 56, 0.55 ); backdrop-filter: blur( 2px ); } .sind-inquiry-modal__dialog { position: relative; width: 100%; max-width: 420px; max-height: calc( 100vh - 40px ); overflow-y: auto; scrollbar-width: none; -ms-overflow-style: none; background: #ffffff; border-radius: 14px; box-shadow: 0 24px 60px rgba( 15, 32, 56, 0.30 ); padding: 24px; animation: sindInquiryPop 0.28s ease-out; } .sind-inquiry-modal__dialog::-webkit-scrollbar { display: none; } @keyframes sindInquiryPop { from { opacity: 0; transform: translateY( 14px ) scale( 0.98 ); } to { opacity: 1; transform: translateY( 0 ) scale( 1 ); } } .sind-inquiry-modal__close { position: absolute; top: 12px; right: 14px; width: 30px; height: 30px; border: none; background: #f1f4f8; color: #4c5560; font-size: 20px; line-height: 1; border-radius: 50%; cursor: pointer; transition: background 0.15s ease, color 0.15s ease; } .sind-inquiry-modal__close:hover { background: #1a4d8f; color: #ffffff; } .sind-inquiry-modal__eyebrow { display: inline-block; font-size: 11px; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; color: #00a0dd; margin-bottom: 5px; } .sind-inquiry-modal__title { margin: 0 0 5px; font-size: 21px; line-height: 1.25; color: #1a1a1a; font-weight: 700; } .sind-inquiry-modal__sub { margin: 0 0 16px; font-size: 13px; line-height: 1.45; color: #4c5560; } .sind-inquiry-modal__body p { margin: 0 0 10px; } .sind-inquiry-modal__body label { display: block; font-size: 12px; font-weight: 600; color: #1a1a1a; margin-bottom: 4px; } .sind-inquiry-modal__body input[type="text"], .sind-inquiry-modal__body input[type="email"], .sind-inquiry-modal__body textarea { width: 100%; padding: 9px 11px; border: 1px solid #c9ced6; border-radius: 8px; font-size: 14px; color: #1a1a1a; background: #ffffff; transition: border-color 0.15s ease, box-shadow 0.15s ease; } .sind-inquiry-modal__body input:focus, .sind-inquiry-modal__body textarea:focus { outline: none; border-color: #1a4d8f; box-shadow: 0 0 0 3px rgba( 26, 77, 143, 0.15 ); } .sind-inquiry-modal__body textarea { min-height: 64px; height: 64px; resize: none; } .sind-inquiry-modal__body .sind-product-inquiry-note { font-size: 11px; color: #4c5560; margin: 8px 0 2px; line-height: 1.4; } .sind-inquiry-modal__body input[type="submit"], .sind-inquiry-modal__body .wpcf7-submit { width: 100%; margin-top: 10px; padding: 11px 16px; border: none; border-radius: 8px; background: #1a4d8f; color: #ffffff; font-size: 14px; font-weight: 700; cursor: pointer; transition: background 0.15s ease; } .sind-inquiry-modal__body input[type="submit"]:hover, .sind-inquiry-modal__body .wpcf7-submit:hover { background: #0089bf; } .sind-inquiry-modal__body .wpcf7-response-output { margin: 10px 0 0; font-size: 12px; line-height: 1.4; } .sind-inquiry-modal__body .wpcf7-not-valid-tip { font-size: 11px; color: #c0392b; } @media ( max-width: 480px ) { .sind-inquiry-modal__dialog { padding: 20px; } .sind-inquiry-modal__title { font-size: 19px; } .sind-inquiry-modal__body textarea { min-height: 56px; height: 56px; } } /* SIND: Hide the Slick slider nav arrows on product card thumbnails (/products/ archive). */ .products li.product .bt_bb_image button.slick-arrow { display: none !important; } /* SIND: Hide the category tag label above the product title on product card (/products/ archive). */ .products li.product .btArticleCategories { display: none !important; } /* SIND: Floating consultation panel on portfolio single (all portfolio posts). */ .bt-pf-side { position: fixed; right: 24px; top: 110px; width: 320px; max-height: calc(100vh - 140px); overflow-y: auto; z-index: 1000; background: #ffffff; border: 1px solid #e2e8f0; border-radius: 12px; padding: 20px; box-shadow: 0 10px 30px rgba(1,57,137,0.15); } @media (max-width: 1100px) { .bt-pf-side { position: static; width: auto; max-height: none; box-shadow: none; right: auto; top: auto; margin-top: 24px; } } .bt-pf-side .wpcf7-form p { margin: 0 0 12px; } .bt-pf-side .wpcf7-form input[type=text], .bt-pf-side .wpcf7-form input[type=email], .bt-pf-side .wpcf7-form textarea { width: 100%; box-sizing: border-box; padding: 10px 12px; border: 1px solid #d4dce8; border-radius: 6px; font: 14px/1.4 Assistant, Arial, sans-serif; background: #f8fafc; } .bt-pf-side .wpcf7-form textarea { min-height: 80px; resize: vertical; } .bt-pf-side .wpcf7-form input[type=submit] { width: 100%; background: #013989; color: #fff; border: 0; border-radius: 6px; padding: 12px; font-weight: 600; cursor: pointer; font-family: Assistant, Arial, sans-serif; transition: background 0.15s ease; } .bt-pf-side .wpcf7-form input[type=submit]:hover { background: #f1b209; color: #0f0f0f; } /* SIND: Automotive portfolio consultation form — directly beneath the social-share row. */ .single-portfolio .btArticleSuperMeta .sind-portfolio-consultation { margin-top: 1.25rem; padding-top: 1.35rem; border-top: 1px solid rgba(0, 0, 0, 0.12); } .single-portfolio .sind-portfolio-consultation h3 { margin: 0 0 0.35rem; font-size: 1.15rem; line-height: 1.2; } .single-portfolio .sind-portfolio-consultation__intro { margin: 0 0 0.65rem; font-size: 0.8125rem; line-height: 1.5; color: #667085; } .single-portfolio .sind-portfolio-consultation .wpcf7-form p { margin: 0 0 0.55rem; font-size: 0.8125rem; font-weight: 600; line-height: 1.35; } .single-portfolio .sind-portfolio-consultation .wpcf7-form input[type="text"], .single-portfolio .sind-portfolio-consultation .wpcf7-form input[type="email"], .single-portfolio .sind-portfolio-consultation .wpcf7-form textarea { display: block; width: 100%; box-sizing: border-box; margin-top: 0.25rem; padding: 0.55rem 0.65rem; border: 1px solid #d4dce8; border-radius: 4px; background: #fff; font: 0.8125rem/1.4 "Assistant", Arial, sans-serif; } .single-portfolio .sind-portfolio-consultation .wpcf7-form textarea { min-height: 4rem; resize: vertical; } .single-portfolio .sind-portfolio-consultation .wpcf7-form input[type="submit"] { display: block; width: 100%; min-height: 2.6rem; margin-top: 0.25rem; padding: 0.6rem 0.85rem; border: 0; border-radius: 4px; background: #00a0dd; color: #fff; font: 600 0.875rem/1.2 "Assistant", Arial, sans-serif; cursor: pointer; transition: background 0.15s ease; } .single-portfolio .sind-portfolio-consultation .wpcf7-form input[type="submit"]:hover { background: #0089bf; } .single-portfolio .sind-portfolio-consultation .wpcf7-form input:focus, .single-portfolio .sind-portfolio-consultation .wpcf7-form textarea:focus { outline: none; border-color: #00a0dd; box-shadow: 0 0 0 3px rgba(0, 160, 221, 0.16); } @media (max-width: 992px) { .single-portfolio .btArticleSuperMeta .sind-portfolio-consultation { max-width: 34rem; } } /* SIND: Floating inquiry panel — applied by JS on desktop while scrolling. The inquiry form pins to the right column and follows the scroll, then releases before the footer. No ancestor overflow can break this (unlike CSS sticky). */ .single-portfolio .sind-portfolio-consultation.is-floating { box-sizing: border-box; margin-top: 0; padding: 0.9rem 1rem 1rem; background: #ffffff; border: 1px solid rgba(0, 0, 0, 0.08); border-top: 1px solid rgba(0, 0, 0, 0.08); border-radius: 10px; box-shadow: 0 14px 34px rgba(15, 32, 56, 0.16); } /* SIND: Product Inquiry (1593) inside the portfolio consultation sidebar. */ .single-portfolio .sind-portfolio-consultation .sind-product-inquiry > label, .single-portfolio .sind-portfolio-consultation .sind-product-inquiry > p { display: block; margin: 0 0 0.55rem; color: #1a1a1a; font-size: 0.8125rem; font-weight: 600; line-height: 1.35; } .single-portfolio .sind-portfolio-consultation .sind-product-inquiry input[type="text"], .single-portfolio .sind-portfolio-consultation .sind-product-inquiry input[type="email"], .single-portfolio .sind-portfolio-consultation .sind-product-inquiry textarea { display: block; width: 100%; box-sizing: border-box; margin-top: 0.25rem; padding: 0.55rem 0.65rem; border: 1px solid #d4dce8; border-radius: 4px; background: #fff; color: #1a1a1a; font: 0.8125rem/1.4 "Assistant", Arial, sans-serif; } .single-portfolio .sind-portfolio-consultation .sind-product-inquiry textarea { min-height: 4rem; resize: vertical; } .single-portfolio .sind-portfolio-consultation .sind-product-inquiry input[type="hidden"] { display: none; } .single-portfolio .sind-portfolio-consultation .sind-product-inquiry .sind-product-inquiry-note { margin: 0.4rem 0; color: #667085; font-size: 0.75rem; font-weight: 400; line-height: 1.5; } .single-portfolio .sind-portfolio-consultation .sind-product-inquiry .wpcf7-submit { display: block; width: 100%; min-height: 2.6rem; margin-top: 0.25rem; padding: 0.6rem 0.85rem; border: 0; border-radius: 4px; background: #00a0dd; color: #fff; font: 600 0.875rem/1.2 "Assistant", Arial, sans-serif; cursor: pointer; transition: background 0.15s ease; } .single-portfolio .sind-portfolio-consultation .sind-product-inquiry .wpcf7-submit:hover { background: #0089bf; } .single-portfolio .sind-portfolio-consultation .sind-product-inquiry input:focus, .single-portfolio .sind-portfolio-consultation .sind-product-inquiry textarea:focus { outline: none; border-color: #00a0dd; box-shadow: 0 0 0 3px rgba(0, 160, 221, 0.16); } .single-portfolio .sind-portfolio-consultation .wpcf7-response-output { margin: 0.75rem 0 0; font-size: 0.8125rem; line-height: 1.45; } /* SIND: FAQ first accordion item top border on portfolio single. Parent theme resets the top border on :first-child; force it back with a higher-specificity selector and the border shorthand so it cannot be split apart by later rules. */ .single-portfolio .bt_bb_accordion.bt_bb_style_outline .bt_bb_accordion_item:first-child, .single-portfolio .bt_bb_accordion.bt_bb_style_outline .bt_bb_accordion_item:first-of-type { border-top: 2px solid #0f2038 !important; } /* SIND: Core Equipment — clean Centrifugal vs. Screw comparison. Replaces the icon-heavy service blocks with a side-by-side duty/savings layout. */ .single-portfolio .sind-equipment-compare { display: flex; gap: 1.5rem; margin-top: 1.75rem; } .single-portfolio .sind-equipment-compare__col { flex: 1 1 0; box-sizing: border-box; padding: 1.35rem 1.35rem 1.5rem; background: #f7f9fc; border: 1px solid rgba(0, 0, 0, 0.06); border-radius: 10px; } .single-portfolio .sind-equipment-compare__header { margin-bottom: 1.15rem; } .single-portfolio .sind-equipment-compare__title { margin: 0 0 0.35rem; color: #0f2038; font-size: 1.25rem; font-weight: 700; line-height: 1.25; } .single-portfolio .sind-equipment-compare__duty { display: inline-block; padding: 0.25rem 0.6rem; background: rgba(0, 160, 221, 0.10); color: #00a0dd; font-size: 0.75rem; font-weight: 700; letter-spacing: 0.03em; line-height: 1.35; border-radius: 4px; text-transform: uppercase; } .single-portfolio .sind-equipment-compare__savings { display: flex; align-items: baseline; gap: 0.75rem; margin-bottom: 0.6rem; flex-wrap: wrap; } .single-portfolio .sind-equipment-compare__value { color: #00a0dd; font-size: 2.25rem; font-weight: 800; line-height: 1; } .single-portfolio .sind-equipment-compare__label { color: #667085; font-size: 0.8125rem; font-weight: 500; line-height: 1.4; } .single-portfolio .sind-equipment-compare__track { height: 7px; margin-bottom: 1rem; background: rgba(0, 0, 0, 0.08); border-radius: 4px; overflow: hidden; } .single-portfolio .sind-equipment-compare__fill { display: block; height: 100%; background: #00a0dd; border-radius: 4px; } .single-portfolio .sind-equipment-compare__desc { margin: 0; color: #4a5568; font-size: 0.9375rem; line-height: 1.6; } @media (max-width: 768px) { .single-portfolio .sind-equipment-compare { flex-direction: column; gap: 1rem; } .single-portfolio .sind-equipment-compare__value { font-size: 1.85rem; } } /* SIND: Portfolio category intro copy above case-study listings. */ .tax-portfolio_category .sind-portfolio-category-intro { padding-top: 4rem; padding-bottom: 1rem; background: #fff; } .tax-portfolio_category .sind-portfolio-category-intro__inner { max-width: 860px; padding-left: 1.25rem; border-left: 4px solid #00a0dd; color: #4a5568; font-size: 1.05rem; line-height: 1.75; } .tax-portfolio_category .sind-portfolio-category-intro__inner p { margin: 0 0 1rem; } .tax-portfolio_category .sind-portfolio-category-intro__inner a { color: #007fae; font-weight: 700; text-decoration: underline; text-underline-offset: 0.15em; } @media (max-width: 768px) { .tax-portfolio_category .sind-portfolio-category-intro { padding-top: 2.5rem; } .tax-portfolio_category .sind-portfolio-category-intro__inner { font-size: 1rem; } } /* SIND: Keep the Industries Served theme hero inside the mobile viewport. */ @media (max-width: 768px) { .page-id-498 .btPageHeadline .bt_bb_headline, .page-id-498 .btPageHeadline .bt_bb_headline_content, .page-id-498 .btPageHeadline .bt_bb_headline_subheadline { max-width: 100%; white-space: normal; overflow-wrap: anywhere; word-break: normal; } .page-id-498 .btPageHeadline .bt_bb_headline_subheadline { box-sizing: border-box; width: calc(100% - 1.5rem); padding-right: 1rem; font-size: 0.9rem; line-height: 1.55; } .page-id-498 .bt_bb_section .bt_bb_cell, .page-id-498 .bt_bb_section .bt_bb_cell_inner, .page-id-498 .bt_bb_section .bt_bb_row, .page-id-498 .bt_bb_section .bt_bb_row_holder, .page-id-498 .bt_bb_section .bt_bb_column, .page-id-498 .bt_bb_section .bt_bb_column_content, .page-id-498 .bt_bb_section .bt_bb_column_content_inner { box-sizing: border-box; max-width: 100%; } .page-id-498 .bt_bb_section .bt_bb_row, .page-id-498 .bt_bb_section .bt_bb_row_holder { width: 100%; margin-left: 0; margin-right: 0; column-gap: 0 !important; row-gap: 1.25rem; } .page-id-498 .bt_bb_section .bt_bb_column { flex: 0 0 100%; width: 100%; } .page-id-498 .bt_bb_section .bt_bb_column_content_inner { padding-right: 1.5rem; } .page-id-498 .bt_bb_section .bt_bb_headline_content, .page-id-498 .bt_bb_section .bt_bb_headline_content > span, .page-id-498 .bt_bb_section .bt_bb_headline_subheadline, .page-id-498 .bt_bb_section .bt_bb_text, .page-id-498 .bt_bb_section p { display: block; box-sizing: border-box; width: calc(100% - 2rem); max-width: calc(100% - 2rem); white-space: normal; overflow-wrap: anywhere; } } /* SIND: StationPack SN-V2 structured main description. Scoped to product 1607 only; no sidebar, gallery, header or global typography changes. */ .postid-1607 .product-description .sind-stationpack-layout, .postid-1581 .product-description .sind-stationpack-layout{ --sp-ink: #11293d; --sp-muted: #607383; --sp-line: #dce5ea; --sp-accent: #009fdf; --sp-accent-deep: #007cae; --sp-surface: #f4f7f8; --sp-ease: cubic-bezier(0.16, 1, 0.3, 1); max-width: 960px; margin: 0 auto; color: var(--sp-ink); } .postid-1607 .product-description, .postid-1581 .product-description .sind-stationpack-layout *, .postid-1607 .product-description, .postid-1581 .product-description .sind-stationpack-layout *::before, .postid-1607 .product-description .sind-stationpack-layout *::after, .postid-1581 .product-description .sind-stationpack-layout *::after{ box-sizing: border-box; } .postid-1607 .product-description, .postid-1581 .product-description .sind-stationpack-layout section, .postid-1607 .product-description .sind-stationpack-layout aside, .postid-1581 .product-description .sind-stationpack-layout aside{ margin: 0 0 3.6rem; } .postid-1607 .product-description, .postid-1581 .product-description .sind-stationpack-layout__note-label, .postid-1607 .product-description, .postid-1581 .product-description .sind-stationpack-layout__step-kicker, .postid-1607 .product-description .sind-stationpack-layout__model-kicker, .postid-1581 .product-description .sind-stationpack-layout__model-kicker{ margin: 0 0 0.55rem; color: var(--sp-accent-deep); font-size: 0.72rem; font-weight: 800; letter-spacing: 0.08em; line-height: 1.35; text-transform: uppercase; } .postid-1607 .product-description, .postid-1581 .product-description .sind-stationpack-layout h2, .postid-1607 .product-description .sind-stationpack-layout h3, .postid-1581 .product-description .sind-stationpack-layout h3{ color: var(--sp-ink); font-family: inherit; font-weight: 800; letter-spacing: -0.025em; } .postid-1607 .product-description .sind-stationpack-layout h2, .postid-1581 .product-description .sind-stationpack-layout h2{ margin: 0; font-size: clamp(1.55rem, 2.6vw, 2.15rem); line-height: 1.18; } .postid-1607 .product-description .sind-stationpack-layout h3, .postid-1581 .product-description .sind-stationpack-layout h3{ margin: 0 0 0.55rem; font-size: 1.12rem; line-height: 1.3; } .postid-1607 .product-description .sind-stationpack-layout p, .postid-1581 .product-description .sind-stationpack-layout p{ color: var(--sp-muted); font-size: 1rem; line-height: 1.75; } .postid-1607 .product-description .sind-stationpack-layout__lead, .postid-1581 .product-description .sind-stationpack-layout__lead{ max-width: 760px; margin: 1.15rem 0 0; font-size: 1.12rem; line-height: 1.72; } .postid-1607 .product-description .sind-stationpack-layout__section-head, .postid-1581 .product-description .sind-stationpack-layout__section-head{ max-width: 760px; margin-bottom: 1.45rem; } .postid-1607 .product-description .sind-stationpack-layout__section-head p, .postid-1581 .product-description .sind-stationpack-layout__section-head p{ margin: 0.85rem 0 0; } .postid-1607 .product-description .sind-stationpack-layout__facts, .postid-1581 .product-description .sind-stationpack-layout__facts{ display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0.75rem; margin: 0; } .postid-1607 .product-description .sind-stationpack-layout__fact, .postid-1581 .product-description .sind-stationpack-layout__fact{ position: relative; min-height: 124px; padding: 1.15rem 1rem 1.1rem 1.15rem; overflow: hidden; background: #fff; border: 1px solid var(--sp-line); transition: border-color 220ms var(--sp-ease), box-shadow 220ms var(--sp-ease), transform 220ms var(--sp-ease); } .postid-1607 .product-description .sind-stationpack-layout__fact::before, .postid-1581 .product-description .sind-stationpack-layout__fact::before{ position: absolute; top: 0; left: 0; width: 3px; height: 0; background: var(--sp-accent); content: ""; transition: height 320ms var(--sp-ease); } .postid-1607 .product-description, .postid-1581 .product-description .sind-stationpack-layout__fact:hover, .postid-1607 .product-description .sind-stationpack-layout__fact:focus-within, .postid-1581 .product-description .sind-stationpack-layout__fact:focus-within{ border-color: rgba(0, 159, 223, 0.45); box-shadow: 0 12px 28px rgba(17, 41, 61, 0.08); transform: translateY(-3px); } .postid-1607 .product-description, .postid-1581 .product-description .sind-stationpack-layout__fact:hover::before, .postid-1607 .product-description .sind-stationpack-layout__fact:focus-within::before, .postid-1581 .product-description .sind-stationpack-layout__fact:focus-within::before{ height: 100%; } .postid-1607 .product-description .sind-stationpack-layout__fact dt, .postid-1581 .product-description .sind-stationpack-layout__fact dt{ margin-bottom: 0.55rem; color: var(--sp-muted); font-size: 0.76rem; font-weight: 700; line-height: 1.35; } .postid-1607 .product-description .sind-stationpack-layout__fact dd, .postid-1581 .product-description .sind-stationpack-layout__fact dd{ margin: 0; color: var(--sp-ink); font-size: 1.02rem; font-weight: 800; line-height: 1.35; } .postid-1607 .product-description .sind-stationpack-layout__model-grid, .postid-1581 .product-description .sind-stationpack-layout__model-grid{ display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr); gap: 0.9rem; } .postid-1607 .product-description .sind-stationpack-layout__model-card, .postid-1581 .product-description .sind-stationpack-layout__model-card{ min-width: 0; padding: 1.45rem 1.4rem 1.35rem; border: 1px solid var(--sp-line); transition: transform 240ms var(--sp-ease), box-shadow 240ms var(--sp-ease); } .postid-1607 .product-description .sind-stationpack-layout__model-card:hover, .postid-1581 .product-description .sind-stationpack-layout__model-card:hover{ transform: translateY(-3px); box-shadow: 0 16px 32px rgba(17, 41, 61, 0.1); } .postid-1607 .product-description .sind-stationpack-layout__model-card--low, .postid-1581 .product-description .sind-stationpack-layout__model-card--low{ background: var(--sp-ink); border-color: var(--sp-ink); color: #fff; } .postid-1607 .product-description, .postid-1581 .product-description .sind-stationpack-layout__model-card--low h3, .postid-1607 .product-description .sind-stationpack-layout__model-card--low dd, .postid-1581 .product-description .sind-stationpack-layout__model-card--low dd{ color: #fff; } .postid-1607 .product-description, .postid-1581 .product-description .sind-stationpack-layout__model-card--low .sind-stationpack-layout__model-kicker, .postid-1607 .product-description .sind-stationpack-layout__model-card--low dt, .postid-1581 .product-description .sind-stationpack-layout__model-card--low dt{ color: #79cfef; } .postid-1607 .product-description .sind-stationpack-layout__model-card--mid, .postid-1581 .product-description .sind-stationpack-layout__model-card--mid{ background: var(--sp-surface); } .postid-1607 .product-description .sind-stationpack-layout__model-card h3, .postid-1581 .product-description .sind-stationpack-layout__model-card h3{ margin-bottom: 1rem; font-size: 1.7rem; line-height: 1.1; } .postid-1607 .product-description .sind-stationpack-layout__model-card dl, .postid-1581 .product-description .sind-stationpack-layout__model-card dl{ display: grid; gap: 0.75rem; margin: 0; } .postid-1607 .product-description .sind-stationpack-layout__model-card dt, .postid-1581 .product-description .sind-stationpack-layout__model-card dt{ margin: 0 0 0.2rem; font-size: 0.74rem; font-weight: 700; letter-spacing: 0.03em; text-transform: uppercase; } .postid-1607 .product-description .sind-stationpack-layout__model-card dd, .postid-1581 .product-description .sind-stationpack-layout__model-card dd{ margin: 0; font-size: 1.02rem; font-weight: 800; line-height: 1.35; } .postid-1607 .product-description .sind-stationpack-layout__source, .postid-1581 .product-description .sind-stationpack-layout__source{ max-width: 760px; margin: 0.95rem 0 0; color: #7a8894; font-size: 0.88rem; line-height: 1.6; } .postid-1607 .product-description .sind-stationpack-layout__note, .postid-1581 .product-description .sind-stationpack-layout__note{ position: relative; padding: 1.45rem 1.55rem 1.45rem 1.7rem; overflow: hidden; border-left: 5px solid var(--sp-accent); background: var(--sp-surface); } .postid-1607 .product-description .sind-stationpack-layout__note::after, .postid-1581 .product-description .sind-stationpack-layout__note::after{ position: absolute; right: -0.15rem; bottom: -1.15rem; width: 4.4rem; height: 4.4rem; border: 8px solid rgba(0, 159, 223, 0.12); border-radius: 50%; content: ""; animation: sind-sp-orbit 8s linear infinite; } .postid-1607 .product-description .sind-stationpack-layout__note p, .postid-1581 .product-description .sind-stationpack-layout__note p{ position: relative; z-index: 1; max-width: 780px; margin: 0; color: #435868; font-size: 1.04rem; font-weight: 600; line-height: 1.62; } .postid-1607 .product-description .sind-stationpack-layout__steps, .postid-1581 .product-description .sind-stationpack-layout__steps{ display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0; border-top: 1px solid var(--sp-line); border-bottom: 1px solid var(--sp-line); } .postid-1607 .product-description .sind-stationpack-layout__step, .postid-1581 .product-description .sind-stationpack-layout__step{ display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 1rem; padding: 1.65rem 1.3rem 1.55rem 0; } .postid-1607 .product-description .sind-stationpack-layout__step + .sind-stationpack-layout__step, .postid-1581 .product-description .sind-stationpack-layout__step + .sind-stationpack-layout__step{ padding-left: 1.3rem; border-left: 1px solid var(--sp-line); } .postid-1607 .product-description .sind-stationpack-layout__step-number, .postid-1581 .product-description .sind-stationpack-layout__step-number{ color: var(--sp-accent); font-size: 1.4rem; font-weight: 800; letter-spacing: -0.04em; line-height: 1; } .postid-1607 .product-description .sind-stationpack-layout__step-kicker, .postid-1581 .product-description .sind-stationpack-layout__step-kicker{ margin-top: 0.1rem; margin-bottom: 0.4rem; font-size: 0.66rem; } .postid-1607 .product-description .sind-stationpack-layout__step p:not(.sind-stationpack-layout__step-kicker), .postid-1581 .product-description .sind-stationpack-layout__step p:not(.sind-stationpack-layout__step-kicker){ margin: 0; font-size: 0.9rem; line-height: 1.62; } .postid-1607 .product-description .sind-stationpack-layout__checks, .postid-1581 .product-description .sind-stationpack-layout__checks{ display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.75rem; margin: 0; padding: 0; list-style: none; counter-reset: sind-sp-check; } .postid-1607 .product-description .sind-stationpack-layout__checks li, .postid-1581 .product-description .sind-stationpack-layout__checks li{ position: relative; min-height: 92px; padding: 1.05rem 1rem 1rem 3.1rem; background: #fff; border: 1px solid var(--sp-line); color: var(--sp-ink); font-size: 0.96rem; font-weight: 700; line-height: 1.45; counter-increment: sind-sp-check; transition: transform 220ms var(--sp-ease), border-color 220ms var(--sp-ease); } .postid-1607 .product-description .sind-stationpack-layout__checks li::before, .postid-1581 .product-description .sind-stationpack-layout__checks li::before{ position: absolute; top: 1rem; left: 0.9rem; color: var(--sp-accent); content: counter(sind-sp-check, decimal-leading-zero); font-size: 0.92rem; font-weight: 800; letter-spacing: -0.03em; } .postid-1607 .product-description .sind-stationpack-layout__checks li:hover, .postid-1581 .product-description .sind-stationpack-layout__checks li:hover{ border-color: rgba(0, 159, 223, 0.4); transform: translateY(-2px); } .postid-1607 .product-description .sind-stationpack-layout__faq-list, .postid-1581 .product-description .sind-stationpack-layout__faq-list{ display: grid; gap: 0.75rem; } .postid-1607 .product-description .sind-stationpack-layout__faq-item, .postid-1581 .product-description .sind-stationpack-layout__faq-item{ padding: 1.2rem 1.25rem 1.15rem; background: #fff; border: 1px solid var(--sp-line); border-left: 4px solid var(--sp-accent); transition: transform 220ms var(--sp-ease), box-shadow 220ms var(--sp-ease); } .postid-1607 .product-description .sind-stationpack-layout__faq-item:hover, .postid-1581 .product-description .sind-stationpack-layout__faq-item:hover{ transform: translateY(-2px); box-shadow: 0 10px 24px rgba(17, 41, 61, 0.07); } .postid-1607 .product-description .sind-stationpack-layout__faq-item h3, .postid-1581 .product-description .sind-stationpack-layout__faq-item h3{ margin-bottom: 0.4rem; font-size: 1.05rem; } .postid-1607 .product-description .sind-stationpack-layout__faq-item p, .postid-1581 .product-description .sind-stationpack-layout__faq-item p{ margin: 0; font-size: 0.95rem; } @media (prefers-reduced-motion: no-preference) { .postid-1607 .product-description, .postid-1581 .product-description .sind-stationpack-layout section, .postid-1607 .product-description .sind-stationpack-layout aside, .postid-1581 .product-description .sind-stationpack-layout aside{ animation: sind-sp-rise 640ms var(--sp-ease) both; animation-timeline: view(); animation-range: entry 0% entry 42%; } .postid-1607 .product-description, .postid-1581 .product-description .sind-stationpack-layout__fact, .postid-1607 .product-description, .postid-1581 .product-description .sind-stationpack-layout__model-card, .postid-1607 .product-description, .postid-1581 .product-description .sind-stationpack-layout__step, .postid-1607 .product-description, .postid-1581 .product-description .sind-stationpack-layout__checks li, .postid-1607 .product-description .sind-stationpack-layout__faq-item, .postid-1581 .product-description .sind-stationpack-layout__faq-item{ animation: sind-sp-rise 560ms var(--sp-ease) both; animation-timeline: view(); animation-range: entry 8% entry 48%; } } @keyframes sind-sp-rise { from { opacity: 0; transform: translateY(16px); } to { opacity: 1; transform: translateY(0); } } @keyframes sind-sp-orbit { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } @media (max-width: 1024px) { .postid-1607 .product-description, .postid-1581 .product-description .sind-stationpack-layout__facts, .postid-1607 .product-description, .postid-1581 .product-description .sind-stationpack-layout__model-grid, .postid-1607 .product-description .sind-stationpack-layout__checks, .postid-1581 .product-description .sind-stationpack-layout__checks{ grid-template-columns: repeat(2, minmax(0, 1fr)); } .postid-1607 .product-description .sind-stationpack-layout__steps, .postid-1581 .product-description .sind-stationpack-layout__steps{ grid-template-columns: 1fr; } .postid-1607 .product-description, .postid-1581 .product-description .sind-stationpack-layout__step, .postid-1607 .product-description .sind-stationpack-layout__step + .sind-stationpack-layout__step, .postid-1581 .product-description .sind-stationpack-layout__step + .sind-stationpack-layout__step{ padding: 1.35rem 0; border-left: 0; } .postid-1607 .product-description .sind-stationpack-layout__step + .sind-stationpack-layout__step, .postid-1581 .product-description .sind-stationpack-layout__step + .sind-stationpack-layout__step{ border-top: 1px solid var(--sp-line); } } @media (max-width: 640px) { .postid-1607 .product-description, .postid-1581 .product-description .sind-stationpack-layout section, .postid-1607 .product-description .sind-stationpack-layout aside, .postid-1581 .product-description .sind-stationpack-layout aside{ margin-bottom: 2.6rem; } .postid-1607 .product-description .sind-stationpack-layout h2, .postid-1581 .product-description .sind-stationpack-layout h2{ font-size: 1.45rem; } .postid-1607 .product-description .sind-stationpack-layout__lead, .postid-1581 .product-description .sind-stationpack-layout__lead{ font-size: 1.02rem; } .postid-1607 .product-description, .postid-1581 .product-description .sind-stationpack-layout__facts, .postid-1607 .product-description, .postid-1581 .product-description .sind-stationpack-layout__model-grid, .postid-1607 .product-description .sind-stationpack-layout__checks, .postid-1581 .product-description .sind-stationpack-layout__checks{ grid-template-columns: minmax(0, 1fr); } .postid-1607 .product-description .sind-stationpack-layout__fact, .postid-1581 .product-description .sind-stationpack-layout__fact{ min-height: 0; } .postid-1607 .product-description .sind-stationpack-layout__note, .postid-1581 .product-description .sind-stationpack-layout__note{ padding: 1.25rem 1.15rem 1.25rem 1.3rem; } } /* Amwerk hides the sole Description tab header; keep the only tab visible on all widths. */ .postid-1607 .product-description .bt_bb_tabs_tabs > .bt_bb_tab_item:only-child, .postid-1581 .product-description .bt_bb_tabs_tabs > .bt_bb_tab_item:only-child{ height: auto !important; visibility: visible !important; overflow: visible !important; } @media (prefers-reduced-motion: reduce) { .postid-1607 .product-description, .postid-1581 .product-description .sind-stationpack-layout *, .postid-1607 .product-description, .postid-1581 .product-description .sind-stationpack-layout *::before, .postid-1607 .product-description .sind-stationpack-layout *::after, .postid-1581 .product-description .sind-stationpack-layout *::after{ animation: none !important; transition: none !important; } } /* SIND: hide empty SKU on newly published products */ .postid-2012 .bt_bb_headline_subheadline, .postid-2014 .bt_bb_headline_subheadline, .postid-2016 .bt_bb_headline_subheadline, .postid-2018 .bt_bb_headline_subheadline, .postid-2020 .bt_bb_headline_subheadline, .postid-2022 .bt_bb_headline_subheadline, .postid-2026 .bt_bb_headline_subheadline, .postid-2028 .bt_bb_headline_subheadline { display: none; } /* SIND: shared StationPack-template layout. Scoped to the inner layout only. Do not set display/grid on .product-description itself. */ /* SIND: StationPack SN-V2 structured main description. Scoped to product 1607 only; no sidebar, gallery, header or global typography changes. */ .single-product .product-description .sind-stationpack-layout { --sp-ink: #11293d; --sp-muted: #607383; --sp-line: #dce5ea; --sp-accent: #009fdf; --sp-accent-deep: #007cae; --sp-surface: #f4f7f8; --sp-ease: cubic-bezier(0.16, 1, 0.3, 1); max-width: 960px; margin: 0 auto; color: var(--sp-ink); } .single-product .product-description .sind-stationpack-layout *, .single-product .product-description .sind-stationpack-layout *::before, .single-product .product-description .sind-stationpack-layout *::after { box-sizing: border-box; } .single-product .product-description .sind-stationpack-layout section, .single-product .product-description .sind-stationpack-layout aside { margin: 0 0 3.6rem; } .single-product .product-description .sind-stationpack-layout__note-label, .single-product .product-description .sind-stationpack-layout__step-kicker, .single-product .product-description .sind-stationpack-layout__model-kicker { margin: 0 0 0.55rem; color: var(--sp-accent-deep); font-size: 0.72rem; font-weight: 800; letter-spacing: 0.08em; line-height: 1.35; text-transform: uppercase; } .single-product .product-description .sind-stationpack-layout h2, .single-product .product-description .sind-stationpack-layout h3 { color: var(--sp-ink); font-family: inherit; font-weight: 800; letter-spacing: -0.025em; } .single-product .product-description .sind-stationpack-layout h2 { margin: 0; font-size: clamp(1.55rem, 2.6vw, 2.15rem); line-height: 1.18; } .single-product .product-description .sind-stationpack-layout h3 { margin: 0 0 0.55rem; font-size: 1.12rem; line-height: 1.3; } .single-product .product-description .sind-stationpack-layout p { color: var(--sp-muted); font-size: 1rem; line-height: 1.75; } .single-product .product-description .sind-stationpack-layout__lead { max-width: 760px; margin: 1.15rem 0 0; font-size: 1.12rem; line-height: 1.72; } .single-product .product-description .sind-stationpack-layout__section-head { max-width: 760px; margin-bottom: 1.45rem; } .single-product .product-description .sind-stationpack-layout__section-head p { margin: 0.85rem 0 0; } .single-product .product-description .sind-stationpack-layout__facts { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0.75rem; margin: 0; } .single-product .product-description .sind-stationpack-layout__fact { position: relative; min-height: 124px; padding: 1.15rem 1rem 1.1rem 1.15rem; overflow: hidden; background: #fff; border: 1px solid var(--sp-line); transition: border-color 220ms var(--sp-ease), box-shadow 220ms var(--sp-ease), transform 220ms var(--sp-ease); } .single-product .product-description .sind-stationpack-layout__fact::before { position: absolute; top: 0; left: 0; width: 3px; height: 0; background: var(--sp-accent); content: ""; transition: height 320ms var(--sp-ease); } .single-product .product-description .sind-stationpack-layout__fact:hover, .single-product .product-description .sind-stationpack-layout__fact:focus-within { border-color: rgba(0, 159, 223, 0.45); box-shadow: 0 12px 28px rgba(17, 41, 61, 0.08); transform: translateY(-3px); } .single-product .product-description .sind-stationpack-layout__fact:hover::before, .single-product .product-description .sind-stationpack-layout__fact:focus-within::before { height: 100%; } .single-product .product-description .sind-stationpack-layout__fact dt { margin-bottom: 0.55rem; color: var(--sp-muted); font-size: 0.76rem; font-weight: 700; line-height: 1.35; } .single-product .product-description .sind-stationpack-layout__fact dd { margin: 0; color: var(--sp-ink); font-size: 1.02rem; font-weight: 800; line-height: 1.35; } .single-product .product-description .sind-stationpack-layout__model-grid { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr); gap: 0.9rem; } .single-product .product-description .sind-stationpack-layout__model-card { min-width: 0; padding: 1.45rem 1.4rem 1.35rem; border: 1px solid var(--sp-line); transition: transform 240ms var(--sp-ease), box-shadow 240ms var(--sp-ease); } .single-product .product-description .sind-stationpack-layout__model-card:hover { transform: translateY(-3px); box-shadow: 0 16px 32px rgba(17, 41, 61, 0.1); } .single-product .product-description .sind-stationpack-layout__model-card--low { background: var(--sp-ink); border-color: var(--sp-ink); color: #fff; } .single-product .product-description .sind-stationpack-layout__model-card--low h3, .single-product .product-description .sind-stationpack-layout__model-card--low dd { color: #fff; } .single-product .product-description .sind-stationpack-layout__model-card--low .sind-stationpack-layout__model-kicker, .single-product .product-description .sind-stationpack-layout__model-card--low dt { color: #79cfef; } .single-product .product-description .sind-stationpack-layout__model-card--mid { background: var(--sp-surface); } .single-product .product-description .sind-stationpack-layout__model-card h3 { margin-bottom: 1rem; font-size: 1.7rem; line-height: 1.1; } .single-product .product-description .sind-stationpack-layout__model-card dl { display: grid; gap: 0.75rem; margin: 0; } .single-product .product-description .sind-stationpack-layout__model-card dt { margin: 0 0 0.2rem; font-size: 0.74rem; font-weight: 700; letter-spacing: 0.03em; text-transform: uppercase; } .single-product .product-description .sind-stationpack-layout__model-card dd { margin: 0; font-size: 1.02rem; font-weight: 800; line-height: 1.35; } .single-product .product-description .sind-stationpack-layout__source { max-width: 760px; margin: 0.95rem 0 0; color: #7a8894; font-size: 0.88rem; line-height: 1.6; } .single-product .product-description .sind-stationpack-layout__note { position: relative; padding: 1.45rem 1.55rem 1.45rem 1.7rem; overflow: hidden; border-left: 5px solid var(--sp-accent); background: var(--sp-surface); } .single-product .product-description .sind-stationpack-layout__note::after { position: absolute; right: -0.15rem; bottom: -1.15rem; width: 4.4rem; height: 4.4rem; border: 8px solid rgba(0, 159, 223, 0.12); border-radius: 50%; content: ""; animation: sind-sp-orbit 8s linear infinite; } .single-product .product-description .sind-stationpack-layout__note p { position: relative; z-index: 1; max-width: 780px; margin: 0; color: #435868; font-size: 1.04rem; font-weight: 600; line-height: 1.62; } .single-product .product-description .sind-stationpack-layout__steps { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0; border-top: 1px solid var(--sp-line); border-bottom: 1px solid var(--sp-line); } .single-product .product-description .sind-stationpack-layout__step { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 1rem; padding: 1.65rem 1.3rem 1.55rem 0; } .single-product .product-description .sind-stationpack-layout__step + .sind-stationpack-layout__step { padding-left: 1.3rem; border-left: 1px solid var(--sp-line); } .single-product .product-description .sind-stationpack-layout__step-number { color: var(--sp-accent); font-size: 1.4rem; font-weight: 800; letter-spacing: -0.04em; line-height: 1; } .single-product .product-description .sind-stationpack-layout__step-kicker { margin-top: 0.1rem; margin-bottom: 0.4rem; font-size: 0.66rem; } .single-product .product-description .sind-stationpack-layout__step p:not(.sind-stationpack-layout__step-kicker) { margin: 0; font-size: 0.9rem; line-height: 1.62; } .single-product .product-description .sind-stationpack-layout__checks { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.75rem; margin: 0; padding: 0; list-style: none; counter-reset: sind-sp-check; } .single-product .product-description .sind-stationpack-layout__checks li { position: relative; min-height: 92px; padding: 1.05rem 1rem 1rem 3.1rem; background: #fff; border: 1px solid var(--sp-line); color: var(--sp-ink); font-size: 0.96rem; font-weight: 700; line-height: 1.45; counter-increment: sind-sp-check; transition: transform 220ms var(--sp-ease), border-color 220ms var(--sp-ease); } .single-product .product-description .sind-stationpack-layout__checks li::before { position: absolute; top: 1rem; left: 0.9rem; color: var(--sp-accent); content: counter(sind-sp-check, decimal-leading-zero); font-size: 0.92rem; font-weight: 800; letter-spacing: -0.03em; } .single-product .product-description .sind-stationpack-layout__checks li:hover { border-color: rgba(0, 159, 223, 0.4); transform: translateY(-2px); } .single-product .product-description .sind-stationpack-layout__faq-list { display: grid; gap: 0.75rem; } .single-product .product-description .sind-stationpack-layout__faq-item { padding: 1.2rem 1.25rem 1.15rem; background: #fff; border: 1px solid var(--sp-line); border-left: 4px solid var(--sp-accent); transition: transform 220ms var(--sp-ease), box-shadow 220ms var(--sp-ease); } .single-product .product-description .sind-stationpack-layout__faq-item:hover { transform: translateY(-2px); box-shadow: 0 10px 24px rgba(17, 41, 61, 0.07); } .single-product .product-description .sind-stationpack-layout__faq-item h3 { margin-bottom: 0.4rem; font-size: 1.05rem; } .single-product .product-description .sind-stationpack-layout__faq-item p { margin: 0; font-size: 0.95rem; } @media (prefers-reduced-motion: no-preference) { .single-product .product-description .sind-stationpack-layout section, .single-product .product-description .sind-stationpack-layout aside { animation: sind-sp-rise 640ms var(--sp-ease) both; animation-timeline: view(); animation-range: entry 0% entry 42%; } .single-product .product-description .sind-stationpack-layout__fact, .single-product .product-description .sind-stationpack-layout__model-card, .single-product .product-description .sind-stationpack-layout__step, .single-product .product-description .sind-stationpack-layout__checks li, .single-product .product-description .sind-stationpack-layout__faq-item { animation: sind-sp-rise 560ms var(--sp-ease) both; animation-timeline: view(); animation-range: entry 8% entry 48%; } } @keyframes sind-sp-rise { from { opacity: 0; transform: translateY(16px); } to { opacity: 1; transform: translateY(0); } } @keyframes sind-sp-orbit { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } @media (max-width: 1024px) { .single-product .product-description .sind-stationpack-layout__facts, .single-product .product-description .sind-stationpack-layout__model-grid, .single-product .product-description .sind-stationpack-layout__checks { grid-template-columns: repeat(2, minmax(0, 1fr)); } .single-product .product-description .sind-stationpack-layout__steps { grid-template-columns: 1fr; } .single-product .product-description .sind-stationpack-layout__step, .single-product .product-description .sind-stationpack-layout__step + .sind-stationpack-layout__step { padding: 1.35rem 0; border-left: 0; } .single-product .product-description .sind-stationpack-layout__step + .sind-stationpack-layout__step { border-top: 1px solid var(--sp-line); } } @media (max-width: 640px) { .single-product .product-description .sind-stationpack-layout section, .single-product .product-description .sind-stationpack-layout aside { margin-bottom: 2.6rem; } .single-product .product-description .sind-stationpack-layout h2 { font-size: 1.45rem; } .single-product .product-description .sind-stationpack-layout__lead { font-size: 1.02rem; } .single-product .product-description .sind-stationpack-layout__facts, .single-product .product-description .sind-stationpack-layout__model-grid, .single-product .product-description .sind-stationpack-layout__checks { grid-template-columns: minmax(0, 1fr); } .single-product .product-description .sind-stationpack-layout__fact { min-height: 0; } .single-product .product-description .sind-stationpack-layout__note { padding: 1.25rem 1.15rem 1.25rem 1.3rem; } } /* Amwerk hides the sole Description tab header; keep the only tab visible on all widths. */ .single-product .product-description .bt_bb_tabs_tabs > .bt_bb_tab_item:only-child { height: auto !important; visibility: visible !important; overflow: visible !important; } @media (prefers-reduced-motion: reduce) { .single-product .product-description .sind-stationpack-layout *, .single-product .product-description .sind-stationpack-layout *::before, .single-product .product-description .sind-stationpack-layout *::after { animation: none !important; transition: none !important; } } /* SIND: single Description tab must stay visible on all product pages */ .single-product .product-description .bt_bb_tabs_tabs > .bt_bb_tab_item:only-child { height: auto !important; visibility: visible !important; overflow: visible !important; } /* SIND: Contact banner menu stays white until sticky */ body.page-id-448:not(.btStickyHeaderActive) header.mainHeader .menuPort nav > ul > li > a, body.page-id-448:not(.btStickyHeaderActive) header.mainHeader .menuPort nav > ul > li > a:hover { color: #ffffff !important; } body.page-id-448:not(.btStickyHeaderActive) header.mainHeader .bt-horizontal-menu-trigger, body.page-id-448:not(.btStickyHeaderActive) header.mainHeader .widget_search, body.page-id-448:not(.btStickyHeaderActive) header.mainHeader .btSearchInner { color: #ffffff !important; } /* SIND Clients: confidentiality-first reference flow. Scoped to Page 446. */ .page-id-446 .sind-client-reference .bt_bb_column_content_inner { height: 100%; } .page-id-446 .sind-client-reference .sind-reference-card .bt_bb_column_content_inner { box-sizing: border-box; min-height: 100%; border-top: 3px solid transparent; transition: transform 0.25s ease, box-shadow 0.25s ease; } .page-id-446 .sind-client-reference .sind-reference-primary .bt_bb_column_content_inner { border-top-color: #00a0dd; } .page-id-446 .sind-client-reference .sind-reference-card:hover .bt_bb_column_content_inner { transform: translateY(-4px); box-shadow: 0 14px 28px rgba(15, 32, 56, 0.12); } .page-id-446 .sind-client-reference .sind-reference-kicker { margin: 0 0 0.8rem; color: #007fae; font-size: 0.76rem; font-weight: 700; letter-spacing: 0.04em; line-height: 1.35; text-transform: uppercase; } .page-id-446 .sind-client-reference .sind-reference-card h3 { margin-bottom: 0; color: #0f2038; line-height: 1.2; } .page-id-446 .sind-client-reference .sind-reference-card .bt_bb_text p:not(.sind-reference-kicker) { margin-bottom: 0; color: #4a5568; line-height: 1.65; } .page-id-446 .sind-client-reference .sind-reference-note { margin: 0 0 1.2rem; color: #667085; font-size: 0.9rem; line-height: 1.55; } .page-id-446 .sind-client-reference .sind-reference-cta { display: inline-block; } /* SIND Clients: make the reference-flow conversion action a clear project CTA. */ .page-id-446 .sind-client-reference .sind-reference-cta a { display: inline-flex; align-items: center; justify-content: center; min-height: 46px; padding: 0 1.4rem; background: #00a0dd; color: #ffffff; font-weight: 700; line-height: 1; text-decoration: none; white-space: nowrap; transition: background 0.2s ease, transform 0.2s ease; } .page-id-446 .sind-client-reference .sind-reference-cta a:hover, .page-id-446 .sind-client-reference .sind-reference-cta a:focus-visible { background: #0089bf; color: #ffffff; } .page-id-446 .sind-client-reference .sind-reference-cta a:active { transform: translateY(1px); } @media (prefers-reduced-motion: reduce) { .page-id-446 .sind-client-reference .sind-reference-cta a { transition: none; } } @media (max-width: 768px) { .page-id-446 .sind-client-reference { padding-top: 1rem; } .page-id-446 .sind-client-reference .sind-reference-card .bt_bb_column_content_inner { min-height: 0; } .page-id-446 .sind-client-reference .sind-reference-card:hover .bt_bb_column_content_inner { transform: none; box-shadow: none; } } @media (prefers-reduced-motion: reduce) { .page-id-446 .sind-client-reference .sind-reference-card .bt_bb_column_content_inner { transition: none; } } /* SIND Home case cards — scoped image-first portfolio presentation. */ .page-id-1112 .sind-home-case-grid .bt_bb_grid_item_inner{position:relative;overflow:hidden;background:#102331}.page-id-1112 .sind-home-case-grid .bt_bb_grid_item_post_thumbnail{height:384px!important}.page-id-1112 .sind-home-case-grid .bt_bb_grid_item_post_thumbnail:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,22,32,0) 30%,rgba(8,22,32,.88) 100%);pointer-events:none}.page-id-1112 .sind-home-case-grid .bt_bb_grid_item_post_thumbnail img{width:100%;height:100%;object-fit:cover}.page-id-1112 .sind-home-case-grid .bt_bb_grid_item_post_content{position:absolute;z-index:2;left:0;right:0;bottom:0;padding:72px 28px 26px;background:transparent}.page-id-1112 .sind-home-case-grid .bt_bb_grid_item_post_title{margin:0;color:#fff;font-size:1.15rem;line-height:1.35}.page-id-1112 .sind-home-case-grid .bt_bb_grid_item_post_title a,.page-id-1112 .sind-home-case-grid .bt_bb_grid_item_post_title a:hover{color:#fff;text-decoration:none}.page-id-1112 .sind-home-case-grid .bt_bb_grid_item_post_title a:after{display:none}@media(max-width:768px){.page-id-1112 .sind-home-case-grid .bt_bb_grid_item_post_content{padding:56px 22px 22px}.page-id-1112 .sind-home-case-grid .bt_bb_grid_item_post_thumbnail{height:300px!important}} /* SIND Home case cards — rendered selector override. */ .page-id-1112 .bt_bb_masonry_portfolio_grid .bt_bb_grid_item_inner{position:relative;overflow:hidden;background:#102331}.page-id-1112 .bt_bb_masonry_portfolio_grid .bt_bb_grid_item_post_thumbnail{height:384px!important;position:relative}.page-id-1112 .bt_bb_masonry_portfolio_grid .bt_bb_grid_item_post_thumbnail:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,22,32,0) 30%,rgba(8,22,32,.88) 100%);pointer-events:none}.page-id-1112 .bt_bb_masonry_portfolio_grid .bt_bb_grid_item_post_thumbnail img{width:100%;height:100%;object-fit:cover}.page-id-1112 .bt_bb_masonry_portfolio_grid .bt_bb_grid_item_post_content{position:absolute;z-index:2;left:0;right:0;bottom:0;padding:72px 28px 26px;background:transparent}.page-id-1112 .bt_bb_masonry_portfolio_grid .bt_bb_grid_item_post_title{margin:0;color:#fff;font-size:1.15rem;line-height:1.35}.page-id-1112 .bt_bb_masonry_portfolio_grid .bt_bb_grid_item_post_title a,.page-id-1112 .bt_bb_masonry_portfolio_grid .bt_bb_grid_item_post_title a:hover{color:#fff;text-decoration:none}.page-id-1112 .bt_bb_masonry_portfolio_grid .bt_bb_grid_item_post_title a:after{display:none}@media(max-width:768px){.page-id-1112 .bt_bb_masonry_portfolio_grid .bt_bb_grid_item_post_content{padding:56px 22px 22px}.page-id-1112 .bt_bb_masonry_portfolio_grid .bt_bb_grid_item_post_thumbnail{height:300px!important}} /* SIND Home case cards — title reset for Amwerk portfolio template. */ .page-id-1112 .bt_bb_masonry_portfolio_grid .bt_bb_grid_item_post_content{height:auto!important;min-height:0!important;display:block!important;box-sizing:border-box}.page-id-1112 .bt_bb_masonry_portfolio_grid h5.bt_bb_grid_item_post_title{position:relative!important;height:auto!important;padding:0!important;background:transparent!important;color:#fff!important}.page-id-1112 .bt_bb_masonry_portfolio_grid h5.bt_bb_grid_item_post_title:before{display:none!important}.page-id-1112 .bt_bb_masonry_portfolio_grid h5.bt_bb_grid_item_post_title a{color:#fff!important} /* SIND home hero carousel accessibility and contrast — 2026-08-20 */ .page-id-1112 .bt_bb_content_slider_item .bt_bb_headline_subheadline { color: #fff !important; text-shadow: 0 1px 16px rgba(0, 0, 0, .68); } .page-id-1112 .bt_bb_content_slider .slick-dots li { position: relative; min-width: 24px; min-height: 24px; cursor: pointer; display: flex; align-items: center; justify-content: center; } .page-id-1112 .bt_bb_content_slider .slick-dots li button { position: absolute; inset: 0; width: 100%; height: 100%; padding: 0; cursor: pointer; } .page-id-1112 .bt_bb_content_slider .slick-dots li button:focus-visible { outline: 2px solid #fff; outline-offset: 3px; } /* SIND home hero carousel dot hit-area repair — 2026-08-20 */ .page-id-1112 .bt_bb_content_slider .slick-dots li:after { pointer-events: none; } .page-id-1112 .bt_bb_content_slider .slick-dots li button { z-index: 1; } /* SIND home hero carousel headline safe-area — 2026-08-20 */ .page-id-1112 .bt_bb_content_slider_item_content { padding-top: 72px; } .page-id-1112 .bt_bb_content_slider_item .bt_bb_headline.bt_bb_size_extrahuge h2 { font-size: clamp(3rem, 5.2vw, 5.25rem); line-height: 1.04; } @media (max-width: 767px) { .page-id-1112 .bt_bb_content_slider_item_content { padding-top: 64px; } .page-id-1112 .bt_bb_content_slider_item .bt_bb_headline.bt_bb_size_extrahuge h2 { font-size: clamp(2.5rem, 12.3vw, 3.15rem); line-height: 1.04; } } /* SIND hero image-container sizing 20260820 */ .page-id-1112 .bt_bb_content_slider .bt_bb_content_slider_item{min-height:clamp(620px,calc(100vh - 32px),760px)} @media(max-width:767px){.page-id-1112 .bt_bb_content_slider .bt_bb_content_slider_item{min-height:700px}} /* SIND hero final alignment 20260820 */ .page-id-1112 .bt_bb_content_slider .bt_bb_content_slider_item{height:calc(100vh - 32px);min-height:620px;display:flex!important;align-items:center!important} .page-id-1112 .bt_bb_content_slider_item_content{width:100%;box-sizing:border-box;padding:72px 0 0!important} .page-id-1112 .bt_bb_content_slider_item .bt_bb_outline_text{display:none!important} .page-id-1112 .bt_bb_content_slider_item .bt_bb_headline.bt_bb_size_extrahuge h2{max-width:1200px;margin-left:auto!important;margin-right:auto!important;font-size:clamp(3rem,4.4vw,5rem)!important;line-height:1.04!important} @media(max-width:767px){.page-id-1112 .bt_bb_content_slider .bt_bb_content_slider_item{height:auto;min-height:700px}.page-id-1112 .bt_bb_content_slider_item_content{padding-top:64px!important}.page-id-1112 .bt_bb_content_slider_item .bt_bb_headline.bt_bb_size_extrahuge h2{font-size:clamp(2.5rem,12.3vw,3.15rem)!important}} /* SIND hero refined type scale 20260820 */ .page-id-1112 .bt_bb_content_slider_item_content{padding-top:44px!important} .page-id-1112 .bt_bb_content_slider_item .bt_bb_headline.bt_bb_size_extrahuge h2{max-width:1080px!important;font-size:clamp(2.75rem,3.6vw,3.8rem)!important;line-height:1.08!important} @media(max-width:767px){.page-id-1112 .bt_bb_content_slider_item_content{padding-top:48px!important}.page-id-1112 .bt_bb_content_slider_item .bt_bb_headline.bt_bb_size_extrahuge h2{font-size:clamp(2.35rem,10.5vw,2.85rem)!important}} /* SIND homepage hero background cover fix - 2026-08-24 */ .page-id-1112 .bt_bb_content_slider_item.bt_bb_column_background_image { background-size: cover !important; background-position: center center !important; background-repeat: no-repeat !important; } /* SIND: StationPack SN-V2 content casing. Preserve source sentence case inside product 1607 only. */ body.postid-1607 .product-description .sind-stationpack-layout * { text-transform: none !important; } /* BEGIN SIND ChillDry 1611 span-based fact label/value (TinyMCE-safe structure) */ .postid-1611 .product-description .sind-stationpack-layout__fact-label{display:block;margin:0 0 0.55rem;color:var(--sp-muted);font-size:0.76rem;font-weight:700;line-height:1.35;} .postid-1611 .product-description .sind-stationpack-layout__fact-value{display:block;margin:0;color:var(--sp-ink);font-size:1.02rem;font-weight:800;line-height:1.35;} /* END SIND ChillDry 1611 span-based fact label/value */ /* BEGIN SIND ChillDry 1611 typography parity with StationPack 1607 */ .postid-1611 .product-description .sind-stationpack-layout p, .postid-1611 .product-description .sind-stationpack-layout__source, .postid-1611 .product-description .sind-stationpack-layout__fact-label, .postid-1611 .product-description .sind-stationpack-layout__fact-value, .postid-1611 .product-description .sind-stationpack-layout__note p, .postid-1611 .product-description .sind-stationpack-layout__checks li, .postid-1611 .product-description .sind-stationpack-layout__faq-item p { letter-spacing: -0.018em; text-transform: none; } .postid-1611 .product-description .sind-stationpack-layout__lead, .postid-1611 .product-description .sind-stationpack-layout__section-head p, .postid-1611 .product-description .sind-stationpack-layout__source, .postid-1611 .product-description .sind-stationpack-layout__faq-item p { font-weight: 800; } .postid-1611 .product-description .sind-stationpack-layout__model-kicker, .postid-1611 .product-description .sind-stationpack-layout__step-kicker, .postid-1611 .product-description .sind-stationpack-layout__note-label, .postid-1611 .product-description .sind-stationpack-layout__step p { text-transform: none; } /* END SIND ChillDry 1611 typography parity with StationPack 1607 */ /* BEGIN SIND ChillDry 1611 exact StationPack letter-spacing parity */ .postid-1611 .product-description .sind-stationpack-layout p, .postid-1611 .product-description .sind-stationpack-layout__source, .postid-1611 .product-description .sind-stationpack-layout__fact-label, .postid-1611 .product-description .sind-stationpack-layout__fact-value, .postid-1611 .product-description .sind-stationpack-layout__note p, .postid-1611 .product-description .sind-stationpack-layout__checks li, .postid-1611 .product-description .sind-stationpack-layout__faq-item p { letter-spacing: -0.018rem; } .postid-1611 .product-description .sind-stationpack-layout__model-kicker, .postid-1611 .product-description .sind-stationpack-layout__step-kicker, .postid-1611 .product-description .sind-stationpack-layout__step p { letter-spacing: .08em; } /* END SIND ChillDry 1611 exact StationPack letter-spacing parity */ /* SIND ChillDry 1611 model kicker specificity parity */ .postid-1611 .product-description .sind-stationpack-layout p.sind-stationpack-layout__model-kicker { letter-spacing: 1.28px !important; } /* BEGIN SIND product card thumbnail full visibility (home + shop loop) - 2026-08-27 Root cause: theme amwerk style.css pulls the white headline block up over the product photo with margin-top:-4.15em; overflow:hidden on the card clips the covered part. Fix: stop the overlap so large machines display fully. No other layout touched. */ .products ul li.product .btWooShopLoopItemInner .bt_bb_headline, ul.products li.product .btWooShopLoopItemInner .bt_bb_headline { margin-top: 0; } /* END SIND product card thumbnail full visibility */ /* BEGIN SIND industries-served (page 498) hide grid item category tags - 2026-08-27 Request: hide the per-card industry Tag pills on /industries-served/ only. The masonry filter row is unaffected; no other page or layout touched. */ body.page-id-498 .bt_bb_masonry_portfolio_grid .bt_bb_grid_item_category { display: none !important; } /* END SIND industries-served tag hide */ /* BEGIN SIND MobilPower span-label repair */ .postid-2016 .product-description .sind-stationpack-layout__fact-label, .postid-2018 .product-description .sind-stationpack-layout__fact-label, .postid-2020 .product-description .sind-stationpack-layout__fact-label, .postid-2022 .product-description .sind-stationpack-layout__fact-label { display:block; margin:0 0 .42rem; color:#617383; font-size:.76rem; font-weight:700; letter-spacing:.08em; line-height:1.25; text-transform:uppercase; } .postid-2016 .product-description .sind-stationpack-layout__fact-value, .postid-2018 .product-description .sind-stationpack-layout__fact-value, .postid-2020 .product-description .sind-stationpack-layout__fact-value, .postid-2022 .product-description .sind-stationpack-layout__fact-value { display:block; margin:0; color:#11293d; font-size:1.05rem; font-weight:600; line-height:1.4; } /* END SIND MobilPower span-label repair */ /* BEGIN SIND uniform product card image box - 2026-08-28 Loop images now proportional, but tall vertical photos (SN-V2/V4 at 1:1.8) stretched their card rows. Give every card image box the same height and center-fit the photo inside it; machines stay fully visible (contain). */ ul.products li.product .btWooShopLoopItemInner .bt_bb_image, .products ul li.product .btWooShopLoopItemInner .bt_bb_image { position: relative; height: 190px; } ul.products li.product .btWooShopLoopItemInner .bt_bb_image img, .products ul li.product .btWooShopLoopItemInner .bt_bb_image img { position: absolute; inset: 0; margin: auto; width: auto; max-width: 100%; height: auto; max-height: 100%; } /* Keep the theme hover zoom centered: scale must not wipe out positioning. */ .products ul li.product .btWooShopLoopItemInner:hover .bt_bb_image img, ul.products li.product .btWooShopLoopItemInner:hover .bt_bb_image img { transform: none; transition: 300ms ease width; } /* END SIND uniform product card image box */ /* SIND Distributor page 454 — Concept B channel dossier layout. Scoped to page-id-454 only. Appended 2026-08-28. Colors reuse theme palette. */ .page-id-454 .sind-dist-dossier-band .bt_bb_column_content_inner { height: 100%; } .page-id-454 .sind-dist-dossier { border: 1px solid #e3e7ea; border-radius: 8px; overflow: hidden; box-shadow: 0 18px 50px rgba(13, 17, 20, 0.08); } .page-id-454 .sind-dist-dossier-grid.bt_bb_row_inner, .page-id-454 .sind-dist-dossier-grid .bt_bb_column_inner { padding: 0; } .page-id-454 .sind-dist-rail { background: #ffffff; border-right: 1px solid #e3e7ea; } .page-id-454 .sind-dist-main { background: #ffffff; } .page-id-454 .sind-dist-dossier { background: #ffffff; } .page-id-454 .sind-dist-rail .bt_bb_column_inner_content, .page-id-454 .sind-dist-main .bt_bb_column_inner_content { padding: 40px 36px; } .page-id-454 .sind-dist-lbl { font-size: 11px; font-weight: 700; letter-spacing: 0.2em; text-transform: uppercase; color: #007bb0; margin: 0 0 12px; } .page-id-454 .sind-dist-rail-title h2, .page-id-454 .sind-dist-rail-title .bt_bb_headline_content { font-size: 24px !important; line-height: 1.25 !important; } .page-id-454 .sind-dist-rail p { font-size: 14.5px; color: #4a5158; } .page-id-454 ul.sind-dist-rail-benefits { list-style: none; margin: 28px 0 0; padding: 0; border-top: 1px solid #e3e7ea; } .page-id-454 ul.sind-dist-rail-benefits li { display: flex; gap: 12px; padding: 14px 2px; border-bottom: 1px solid #e3e7ea; margin: 0; } .page-id-454 ul.sind-dist-rail-benefits li i { font-style: normal; font-weight: 800; font-size: 12px; color: #00a0dd; min-width: 22px; padding-top: 2px; } .page-id-454 ul.sind-dist-rail-benefits li strong { display: block; font-size: 14px; color: #181818; } .page-id-454 ul.sind-dist-rail-benefits li span { display: block; font-size: 12.5px; color: #4a5158; margin-top: 2px; } .page-id-454 .sind-dist-blk + .sind-dist-blk { margin-top: 36px; padding-top: 32px; border-top: 1px solid #e3e7ea; } .page-id-454 .sind-dist-cap { display: flex; align-items: baseline; justify-content: space-between; margin-bottom: 16px; } .page-id-454 .sind-dist-cap h3 { font-size: 17px; font-weight: 800; margin: 0; } .page-id-454 .sind-dist-no { font-size: 12px; font-weight: 800; color: #00a0dd; letter-spacing: 0.1em; text-transform: uppercase; } .page-id-454 .sind-dist-fitrow { display: flex; gap: 14px; padding: 13px 0; border-bottom: 1px dashed #e3e7ea; } .page-id-454 .sind-dist-fitrow:last-child { border-bottom: 0; } .page-id-454 .sind-dist-check { flex: 0 0 24px; height: 24px; border-radius: 50%; background: rgba(0, 160, 221, 0.12); color: #007bb0; display: flex; align-items: center; justify-content: center; font-weight: 800; font-size: 12px; margin-top: 2px; } .page-id-454 .sind-dist-fitrow strong { font-size: 14.5px; color: #181818; } .page-id-454 .sind-dist-fitrow p, .page-id-454 .sind-dist-proc p { font-size: 13.5px; color: #4a5158; margin: 2px 0 0; } .page-id-454 .sind-dist-proc { display: flex; gap: 16px; padding: 13px 0; border-bottom: 1px solid #e3e7ea; } .page-id-454 .sind-dist-proc:first-of-type { border-top: 1px solid #e3e7ea; } .page-id-454 .sind-dist-proc:last-of-type { border-bottom: 0; } .page-id-454 .sind-dist-st { flex: 0 0 64px; font-size: 11px; font-weight: 800; letter-spacing: 0.14em; text-transform: uppercase; color: #007bb0; padding-top: 3px; } .page-id-454 .sind-dist-proc strong { display: block; font-size: 14.5px; color: #181818; } .page-id-454 .sind-dist-logi { margin-top: 28px; background: #101418; border-radius: 6px; padding: 18px 22px; display: flex; gap: 16px; align-items: center; } .page-id-454 .sind-dist-bolt { flex: 0 0 38px; height: 38px; border-radius: 6px; background: #00a0dd; color: #ffffff; display: flex; align-items: center; justify-content: center; font-size: 17px; } .page-id-454 .sind-dist-logi strong { color: #ffffff; font-size: 15px; display: block; } .page-id-454 .sind-dist-logi span { color: #9fb0ba; font-size: 13px; } .page-id-454 .sind-dist-formlead { font-size: 14.5px; color: #4a5158; margin-bottom: 16px; } .page-id-454 .sind-dist-main .wpcf7 textarea, .page-id-454 .sind-dist-main textarea.wpcf7-form-control { max-height: 300px; } /* r3: boxed form controls — visible white inputs with clear borders */ .page-id-454 .sind-dist-main .wpcf7-form-control-wrap { display: block; } .page-id-454 .sind-dist-main input.wpcf7-form-control:not([type="submit"]):not([type="hidden"]), .page-id-454 .sind-dist-main textarea.wpcf7-form-control { display: block; width: 100%; background: #ffffff; border: 1px solid #b9c2c9; border-radius: 4px; padding: 12px 14px; font-size: 15px; color: #181818; box-shadow: 0 1px 2px rgba(16, 20, 24, 0.04); transition: border-color 0.2s ease, box-shadow 0.2s ease; } .page-id-454 .sind-dist-main input.wpcf7-form-control:not([type="submit"]):not([type="hidden"]):focus, .page-id-454 .sind-dist-main textarea.wpcf7-form-control:focus { outline: none; border-color: #00a0dd; box-shadow: 0 0 0 3px rgba(0, 160, 221, 0.15); } .page-id-454 .sind-dist-main label { display: block; width: 100%; font-size: 14px; font-weight: 600; color: #181818; margin-bottom: 6px; } /* r3: strong solid submit button */ .page-id-454 .sind-dist-main .wpcf7-submit, .page-id-454 .sind-dist-main input[type="submit"].wpcf7-form-control { display: inline-block; background: #00a0dd !important; color: #ffffff !important; border: none; border-radius: 4px; padding: 14px 34px; font-size: 15.5px; font-weight: 700; font-family: "Assistant", Arial, Helvetica, sans-serif; letter-spacing: 0.02em; cursor: pointer; box-shadow: 0 2px 6px rgba(0, 160, 221, 0.35); transition: background 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease; } .page-id-454 .sind-dist-main .wpcf7-submit:hover, .page-id-454 .sind-dist-main input[type="submit"].wpcf7-form-control:hover { background: #007bb0 !important; transform: translateY(-1px); box-shadow: 0 4px 10px rgba(0, 160, 221, 0.4); } .page-id-454 .sind-dist-main .wpcf7-submit:focus-visible { outline: 3px solid rgba(0, 160, 221, 0.4); outline-offset: 2px; } /* spinner: keep theme default (hidden until submit) */ .page-id-454 .sind-dist-main .wpcf7 .ajax-loader, .page-id-454 .sind-dist-main .wpcf7-spinner { opacity: 0; } .page-id-454 .sind-dist-main .wpcf7.is-active .ajax-loader, .page-id-454 .sind-dist-main .wpcf7.is-active .wpcf7-spinner, .page-id-454 .sind-dist-main form.submitting .wpcf7-spinner { opacity: 1; } .page-id-454 .sind-dist-hero-headline h1, .page-id-454 .sind-dist-hero-headline .bt_bb_headline_content { text-align: left; } .page-id-454 .sind-dist-hero-headline .bt_bb_headline_superheadline { letter-spacing: 0.18em; background: none !important; padding: 0 !important; } .page-id-454 .sind-dist-hero-headline .bt_bb_headline_superheadline span { background: none !important; box-shadow: none !important; padding: 0 !important; } .page-id-454 .sind-dist-hero-headline::before { display: none !important; } .page-id-454 p.sind-dist-hero-meta { margin: 28px 0 0; display: flex; gap: 34px; flex-wrap: wrap; } .page-id-454 .sind-dist-hero-meta span { border-left: 2px solid #00a0dd; padding-left: 14px; text-align: left; } .page-id-454 .sind-dist-hero-meta strong { display: block; font-size: 14px; color: #ffffff; } .page-id-454 .sind-dist-hero-meta em { font-style: normal; font-size: 12.5px; color: rgba(255, 255, 255, 0.75); } @media (max-width: 980px) { .page-id-454 .sind-dist-rail { border-right: 0; border-bottom: 1px solid #e3e7ea; } .page-id-454 .sind-dist-rail .bt_bb_column_inner_content, .page-id-454 .sind-dist-main .bt_bb_column_inner_content { padding: 28px 22px; } .page-id-454 p.sind-dist-hero-meta { gap: 20px; } } @media (prefers-reduced-motion: reduce) { .page-id-454 * { transition: none !important; animation: none !important; } } /* r4: wpautop guard — collapse leading empty paragraph inside page wrapper */ .page-id-454 .bt_bb_wrapper > p:first-child:empty, .page-id-454 .bt_bb_wrapper > p:first-child:not(:has(*)):not(:has(text)) { display: none; margin: 0; height: 0; } /* --- r6: subtle entrance animations (scroll-driven, progressive enhancement) --- */ @supports (animation-timeline: view()) { .page-id-454 .sind-dist-fitrow, .page-id-454 .sind-dist-proc, .page-id-454 .sind-dist-logi, .page-id-454 .sind-dist-train, .page-id-454 .sind-dist-rail-benefits li { animation: sind-rise-in both; animation-timeline: view(); animation-range: entry 0% entry 50%; } .page-id-454 .sind-dist-check { animation: sind-pop-in both; animation-timeline: view(); animation-range: entry 10% entry 60%; } .page-id-454 .sind-dist-st { animation: sind-slide-in both; animation-timeline: view(); animation-range: entry 5% entry 55%; } .page-id-454 .sind-dist-no { animation: sind-slide-in both; animation-timeline: view(); animation-range: entry 5% entry 55%; } .page-id-454 .sind-dist-train figcaption { animation: sind-fade-in both; animation-timeline: view(); animation-range: entry 20% entry 70%; } } @keyframes sind-rise-in { from { opacity: 0; transform: translateY(14px); } to { opacity: 1; transform: translateY(0); } } @keyframes sind-pop-in { 0% { opacity: 0; transform: scale(0.4); } 60% { opacity: 1; transform: scale(1.12); } 100% { opacity: 1; transform: scale(1); } } @keyframes sind-slide-in { from { opacity: 0; transform: translateX(-10px); } to { opacity: 1; transform: translateX(0); } } @keyframes sind-fade-in { from { opacity: 0; } to { opacity: 1; } } @media (prefers-reduced-motion: reduce) { .page-id-454 .sind-dist-fitrow, .page-id-454 .sind-dist-proc, .page-id-454 .sind-dist-logi, .page-id-454 .sind-dist-train, .page-id-454 .sind-dist-rail-benefits li, .page-id-454 .sind-dist-check, .page-id-454 .sind-dist-st, .page-id-454 .sind-dist-no, .page-id-454 .sind-dist-train figcaption { animation: none !important; } } /* SIND Distributor page 454 — Concept B end */ /* BEGIN SIND MobilPower span dark-card contrast fix - 2026-08-28 Root cause: span-label repair sets .__fact-value to ink #11293d per postid; on the dark navy .model-card--low the values were ink-on-ink (invisible) and labels too dark. Theme intent for the dark card is dd #fff / dt #79cfef (see .model-card--low dd / dt rules). Scoped to the span-repair family 2016/2018/2020/2022; no-op while pages keep native dl/dt/dd markup. */ .postid-2016 .product-description .sind-stationpack-layout__model-card--low .sind-stationpack-layout__fact-value, .postid-2018 .product-description .sind-stationpack-layout__model-card--low .sind-stationpack-layout__fact-value, .postid-2020 .product-description .sind-stationpack-layout__model-card--low .sind-stationpack-layout__fact-value, .postid-2022 .product-description .sind-stationpack-layout__model-card--low .sind-stationpack-layout__fact-value { color:#fff; } .postid-2016 .product-description .sind-stationpack-layout__model-card--low .sind-stationpack-layout__fact-label, .postid-2018 .product-description .sind-stationpack-layout__model-card--low .sind-stationpack-layout__fact-label, .postid-2020 .product-description .sind-stationpack-layout__model-card--low .sind-stationpack-layout__fact-label, .postid-2022 .product-description .sind-stationpack-layout__model-card--low .sind-stationpack-layout__fact-label { color:#79cfef; } /* END SIND MobilPower span dark-card contrast fix - 2026-08-28 */ /* BEGIN SIND note-label block fix - 2026-08-28 Root cause: __note-label is an inline span but the theme gives it kicker-style margin: 0 0 0.55rem, which only works block-level - so the label glued to the note text ("BEFORE YOU SPECIFYDo not target..."). Make the label its own line; matches theme intent (kicker margin) on every single-product note aside. */ .single-product .product-description .sind-stationpack-layout__note-label { display: block; } /* END SIND note-label block fix - 2026-08-28 */ /* BEGIN SIND PurePart PF 1613 span-label repair - 2026-08-28 Same TinyMCE-stripping repair as ChillDry 1611 / MobilPower 2022: the glance facts block and both model-card param groups were rebuilt with span fact-label/fact-value markup in the post body. Style the spans like the theme dt/dd rules; scoped to 1613. */ .postid-1613 .product-description .sind-stationpack-layout__fact-label { display:block; margin:0 0 .42rem; color:#617383; font-size:.76rem; font-weight:700; letter-spacing:.08em; line-height:1.25; text-transform:uppercase; } .postid-1613 .product-description .sind-stationpack-layout__fact-value { display:block; margin:0; color:#11293d; font-size:1.05rem; font-weight:600; line-height:1.4; } .postid-1613 .product-description .sind-stationpack-layout__model-card--low .sind-stationpack-layout__fact-value { color:#fff; } .postid-1613 .product-description .sind-stationpack-layout__model-card--low .sind-stationpack-layout__fact-label { color:#79cfef; } /* END SIND PurePart PF 1613 span-label repair - 2026-08-28 */ /* BEGIN SIND industries-served (page 498) uniform grid rows - 2026-08-28 Root cause: theme Masonry packs cards into the shortest column; cards differ only by title line count (1 vs 2 lines = 26px), producing the staggered look. Images are already uniform 387x387. Fix: replace absolute-positioned masonry layout with a CSS grid on this page only; each row stretches to its tallest card, cards are flex columns with text block top-aligned, so rows align and heights match per row. Masonry JS inline styles are overridden via !important (page-scoped, no theme edits). */ body.page-id-498 .bt_bb_masonry_portfolio_grid_content.masonry { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 26px; height: auto !important; position: static !important; } body.page-id-498 .bt_bb_masonry_portfolio_grid .bt_bb_grid_sizer { display: none; } body.page-id-498 .bt_bb_masonry_portfolio_grid .bt_bb_grid_item { position: static !important; left: auto !important; top: auto !important; width: 100% !important; display: flex; flex-direction: column; height: 100%; } /* equalize card heights within a row: grid stretches items by default; inner article fills */ body.page-id-498 .bt_bb_masonry_portfolio_grid .bt_bb_grid_item > * { display: flex; flex-direction: column; flex: 1; } body.page-id-498 .bt_bb_masonry_portfolio_grid .bt_bb_grid_item_post_thumbnail { flex: 0 0 auto; } body.page-id-498 .bt_bb_masonry_portfolio_grid .bt_bb_grid_item_post_thumbnail .bt_bb_portfolio_image { height: 387px; overflow: hidden; } body.page-id-498 .bt_bb_masonry_portfolio_grid .bt_bb_grid_item_post_thumbnail img { width: 100%; height: 100%; object-fit: cover; } @media (max-width: 991px) { body.page-id-498 .bt_bb_masonry_portfolio_grid_content.masonry { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 640px) { body.page-id-498 .bt_bb_masonry_portfolio_grid_content.masonry { grid-template-columns: 1fr; } } /* END SIND industries-served uniform grid rows */ /* BEGIN SIND spare-parts inquiry concept-a (page 2130) */ body.page-id-2130 .sind-spl-card { display: grid; grid-template-columns: 1fr; background: #ffffff; border: 1px solid #dfe4e8; border-radius: 12px; box-shadow: 0 10px 30px rgba(24, 24, 24, 0.08); overflow: hidden; } body.page-id-2130 .sind-spl-col { padding: 32px 34px; min-width: 0; } body.page-id-2130 .sind-spl-details { border-bottom: 1px solid #dfe4e8; } body.page-id-2130 .sind-spl-colhead { font-size: 13px; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; color: #181818; margin: 0 0 20px; } body.page-id-2130 .sind-spl-card label { display: block; width: 100%; font-size: 13px; font-weight: 600; color: #181818; margin: 0 0 7px; } body.page-id-2130 .sind-spl-card .wpcf7-form-control-wrap { display: block; } body.page-id-2130 .sind-spl-field { margin: 0 0 18px; } body.page-id-2130 .sind-spl-card input[type="email"], body.page-id-2130 .sind-spl-card input[type="text"] { display: block; width: 100%; background: #ffffff; color: #181818; border: 1px solid #b9c2c9; border-radius: 7px; padding: 12px 14px; font: inherit; font-size: 15px; } body.page-id-2130 .sind-spl-card textarea { display: block; width: 100%; background: #ffffff; color: #181818; border: 1px solid #b9c2c9; border-radius: 7px; padding: 12px 14px; font: inherit; font-size: 15px; min-height: 120px; max-height: 300px; resize: vertical; } body.page-id-2130 .sind-spl-card input[type="email"]:focus, body.page-id-2130 .sind-spl-card input[type="text"]:focus, body.page-id-2130 .sind-spl-card textarea:focus { outline: none; border-color: #00a0dd; box-shadow: 0 0 0 3px rgba(0, 160, 221, 0.15); } body.page-id-2130 .sind-spl-hint { font-weight: 400; color: #5c6670; } body.page-id-2130 .sind-spl-req { color: #00a0dd; font-weight: 700; } body.page-id-2130 .sind-spl-upload input[type="file"] { font-size: 14px; color: #5c6670; padding: 8px 0; } body.page-id-2130 .sind-spl-template { font-size: 13.5px; color: #5c6670; margin: 2px 0 0; padding: 12px 14px; background: #f1f1f1; border: 1px solid #dfe4e8; border-radius: 7px; } body.page-id-2130 .sind-spl-template a { color: #0088bd; font-weight: 600; text-decoration: none; } body.page-id-2130 .sind-spl-foot { grid-column: 1 / -1; display: flex; align-items: center; justify-content: space-between; gap: 24px; flex-wrap: wrap; padding: 22px 34px; border-top: 1px solid #dfe4e8; background: #ffffff; } body.page-id-2130 .sind-spl-consent { flex: 1 1 420px; max-width: 600px; } body.page-id-2130 .sind-spl-foot .wpcf7-form-control-wrap { display: block; } body.page-id-2130 .sind-spl-foot .wpcf7-acceptance { display: block; } body.page-id-2130 .sind-spl-foot .wpcf7-acceptance .wpcf7-list-item { margin: 0; } body.page-id-2130 .sind-spl-foot .wpcf7-acceptance label { display: flex; align-items: flex-start; gap: 10px; margin: 0; font-weight: 400; font-size: 13px; color: #5c6670; cursor: pointer; } body.page-id-2130 .sind-spl-foot .wpcf7-acceptance input[type="checkbox"] { flex: none; width: 16px; height: 16px; margin: 2px 0 0; accent-color: #00a0dd; } body.page-id-2130 .sind-spl-card input[type="submit"] { display: inline-block; width: auto; flex: none; background: #00a0dd; color: #ffffff; border: none; border-radius: 7px; padding: 14px 34px; font: inherit; font-size: 15px; font-weight: 700; letter-spacing: 0.02em; cursor: pointer; } body.page-id-2130 .sind-spl-card input[type="submit"]:hover { background: #0088bd; } body.page-id-2130 .sind-spl-card input[type="submit"]:focus-visible { outline: none; box-shadow: 0 0 0 3px rgba(0, 160, 221, 0.35); } body.page-id-2130 .sind-spl-card .wpcf7-spinner { visibility: visible; } @media (max-width: 720px) { body.page-id-2130 .sind-spl-card { grid-template-columns: 1fr; } body.page-id-2130 .sind-spl-details { border-right: none; border-bottom: 1px solid #dfe4e8; } body.page-id-2130 .sind-spl-col { padding: 24px 20px; } body.page-id-2130 .sind-spl-foot { flex-direction: column; align-items: stretch; padding: 20px; gap: 16px; } body.page-id-2130 .sind-spl-consent { max-width: none; } body.page-id-2130 .sind-spl-card input[type="submit"] { width: 100% !important; display: block; } body.page-id-2130 .sind-spl-foot { justify-content: center; } } body.page-id-2130 #parts-request .bt_bb_contact_form_7 { max-width: 960px; margin: 28px auto 0; } body.page-id-2130 .sind-spl-card { width: 100%; } /* CF7 submit spinner: theme renders it as a permanent progress-bar strip; hide at idle, show as normal spinner while submitting */ body.page-id-2130 .sind-spl-card .wpcf7-spinner { visibility: hidden; width: 0; height: 0; margin: 0; background: transparent; text-indent: 0; } body.page-id-2130 .sind-spl-card .wpcf7-spinner.is-active { visibility: visible; width: 24px; height: 24px; margin: 0 0 0 12px; background-color: #00a0dd; opacity: 0.8; border-radius: 50%; } /* END SIND spare-parts inquiry concept-a (page 2130) */ /* ============================================================ SIND /services/solutions/ (page-id-522) — 2026-08-30 1) Stat cards: equal-height columns (grey panel fills column) 2) Newsletter CF7: submit button vertically centered with input ============================================================ */ .page-id-522 .bt_bb_column_gap_10 > .bt_bb_row_holder > .bt_bb_column { display: -webkit-flex; display: flex; } .page-id-522 .bt_bb_column_gap_10 > .bt_bb_row_holder > .bt_bb_column > .bt_bb_column_content { display: block; width: 100%; height: auto; -webkit-flex: 1 1 auto; flex: 1 1 auto; } .page-id-522 .bt_bb_cf7_button_newsletter_form .bt_bb_cf7_row { align-items: center; } .page-id-522 .bt_bb_cf7_button_newsletter_form .bt_bb_cf7_element p, .page-id-522 .bt_bb_cf7_button_newsletter_form .bt_bb_cf7_button p { margin: 0; display: flex; align-items: center; } .page-id-522 .bt_bb_cf7_button_newsletter_form .bt_bb_cf7_element .wpcf7-form-control-wrap { display: flex; align-items: center; width: 100%; } .page-id-522 .bt_bb_cf7_button_newsletter_form .bt_bb_cf7_element { flex: 1 1 auto; } .page-id-522 .bt_bb_cf7_button_newsletter_form .bt_bb_cf7_element input[type="email"] { width: 100%; } .page-id-522 .wpcf7 .bt_bb_cf7_form.bt_bb_cf7_button_newsletter_form .bt_bb_cf7_button { flex: 0 0 auto; width: 65px; padding: 0; margin-top: 0; box-sizing: border-box; } .page-id-522 .wpcf7 .bt_bb_cf7_form.bt_bb_cf7_button_newsletter_form .bt_bb_cf7_button p { width: 100%; } .page-id-522 .wpcf7 .bt_bb_cf7_form.bt_bb_cf7_button_newsletter_form .bt_bb_cf7_button input[type="submit"] { width: 65px; height: 65px; min-width: 65px; max-width: 65px; flex: 0 0 auto; margin: 0; }