body.refined-v4 .bucket-faq summary { gap:18px; align-items:center; }
body.refined-v4 .bucket-faq summary .faq-toggle { background:none; border:0; width:22px; height:22px; flex:0 0 22px; color:#5d6870; }
body.refined-v4 .faq-toggle svg,body.refined-v4 .hd-config-fold>summary>svg { width:22px; height:22px; stroke:currentColor; fill:none; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; transition:transform .18s ease; }
body.refined-v4 details[open]>summary .faq-toggle svg,body.refined-v4 .hd-config-fold[open]>summary>svg { transform:rotate(180deg); }
body.refined-v4 .hd-config-fold { border:1px solid #dce1e3; border-radius:6px; padding:0; margin-top:24px; background:#fafbfb; }
body.refined-v4 .hd-config-fold>summary { list-style:none; display:flex; align-items:center; justify-content:space-between; gap:18px; padding:18px 20px; cursor:pointer; }
body.refined-v4 .hd-config-fold>summary::-webkit-details-marker { display:none; }
body.refined-v4 .hd-config-fold>summary strong { display:block; font-size:19px; color:#25343b; line-height:1.5; }
body.refined-v4 .hd-config-fold>summary small { display:block; color:#5c6870; margin-top:4px; font-size:15px; line-height:1.6; }
body.refined-v4 .hd-config-content { padding:8px 20px 24px; }
body.refined-v4 .consultation-modal .modal-direct .modal-email-link { display:flex; align-items:center; gap:10px; border:1px solid #6f7b82; padding:12px 14px; border-radius:4px; min-height:48px; font-size:16px; line-height:1.5; text-decoration:none; color:#fff; }
body.refined-v4 .modal-email-link svg { width:21px; height:21px; flex:none; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }
body.refined-v4 .modal-email-link:hover { background:#ffffff0d; border-color:#bcc6ca; }
body.refined-v4 .consultation-modal .contact-mini-form>.rfq-honeypot { position:absolute!important; left:-10000px; width:1px; height:1px; overflow:hidden; }
body.refined-v4 .rfq-submit-status { grid-column:1/-1; color:#a13225!important; }
body.refined-v4 .contact-mini-form [type=submit]:disabled { opacity:.6; cursor:wait; }
body.refined-v4 .preview-dialog { max-height:calc(100dvh - 32px); overflow:auto; }
body.refined-v4 .enquiry-saved-icon { display:grid; place-items:center; width:52px; height:52px; margin-bottom:18px; background:#eff7f0; border:1px solid #c8ddcd; border-radius:50%; color:#387448; }
body.refined-v4 .enquiry-saved-icon svg { width:27px; height:27px; fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }
body.refined-v4 .preview-dialog .enquiry-receipt { padding:12px 14px; border:1px solid #dde4e6; background:#f7f9f9; border-radius:4px; font-size:15px; font-weight:650; color:#35454d; }
body.refined-v4 .submitted-details { margin:16px 0 22px; }
body.refined-v4 .submitted-details>summary { cursor:pointer; font-size:15px; font-weight:650; padding:8px 0; color:#536169; }
body.refined-v4 .preview-dialog .email-preview { border:1px solid #d9e1e4; background:#fff; color:#35454d; }
body.refined-v4 .preview-dialog .email-preview svg { width:22px; height:22px; stroke:currentColor; fill:none; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }
body.refined-v4 .guide-panel { padding:32px; background:#fff; border:1px solid #dce1e3; border-radius:8px; margin:28px 0; }
body.refined-v4 .guide-panel h2 { font-size:34px; line-height:1.2; margin:18px 0 24px; }
body.refined-v4 .guide-panel p { font-size:17px; line-height:1.75; color:#526069; }
body.refined-v4 .guide-task-grid,body.refined-v4 .guide-steel-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
body.refined-v4 .guide-task { display:flex; flex-direction:column; overflow:hidden; text-decoration:none; border:1px solid #dce1e3; border-radius:6px; transition:transform .18s,border-color .18s,box-shadow .18s; }
body.refined-v4 .guide-task:hover { transform:translateY(-3px); border-color:#dfb151; box-shadow:0 10px 22px #28353b09; }
body.refined-v4 .guide-task img { width:100%; height:215px; object-fit:contain; background:#fff; padding:20px; }
body.refined-v4 .guide-task .guide-product-viewport { width:260px; max-width:100%; height:260px; margin:auto; flex:none; }
body.refined-v4 .guide-task .guide-product-viewport img { padding:0; }
body.refined-v4 .guide-task>div { padding:20px; background:#fafbfb; border-top:1px solid #e8ecee; flex:1; }
body.refined-v4 .guide-task h3 { font-size:21px; line-height:1.45; color:#24323a; margin:0 0 10px; }
body.refined-v4 .guide-task p { margin:0 0 16px; font-size:16px; }
body.refined-v4 .guide-task span { font-size:15px; color:#765000; font-weight:700; }
body.refined-v4 .guide-table-scroll { overflow:auto; border:1px solid #dce1e3; border-radius:6px; }
body.refined-v4 .guide-table-scroll table { width:100%; min-width:850px; border-collapse:collapse; font-size:16px; }
body.refined-v4 .guide-table-scroll caption { text-align:left; padding:18px; font-size:18px; font-weight:700; }
body.refined-v4 .guide-table-scroll :is(td,th) { text-align:left; padding:18px; line-height:1.65; border-bottom:1px solid #e3e8e9; }
body.refined-v4 .guide-table-scroll thead { background:#22332c; color:#fff; }
body.refined-v4 .guide-table-scroll tbody tr:nth-child(even) { background:#f7f9f9; }
body.refined-v4 .guide-table-scroll th:first-child { width:22%; }
body.refined-v4 .guide-table-scroll .type-select { display:inline-flex; min-height:44px; align-items:center; padding:9px 12px; background:#f5aa00; color:#1d272c; font-size:15px; font-weight:700; text-decoration:none; border-radius:4px; border:0; white-space:nowrap; }
body.refined-v4 .guide-check-grid { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:16px; }
body.refined-v4 .guide-check-grid article { padding:20px 18px; border:1px solid #dce1e3; border-top:3px solid #efaa08; border-radius:5px; }
body.refined-v4 .guide-check-grid article>span { font-size:27px; font-weight:750; color:#ba8006; }
body.refined-v4 .guide-check-grid h3 { font-size:19px; margin:18px 0 12px; }
body.refined-v4 .guide-check-grid p { font-size:16px; margin:0; }
body.refined-v4 .guide-steel-grid article { background:#f3f5f5; border:1px solid #dde3e5; border-radius:6px; padding:24px; }
body.refined-v4 .guide-steel-grid article>strong { display:inline-block; padding:8px 12px; font-size:23px; background:#fff; border:1px solid #d9e0e3; border-radius:4px; }
body.refined-v4 .guide-steel-grid h3 { font-size:21px; margin:20px 0 12px; }
body.refined-v4 .guide-steel-grid p { font-size:16px; margin:0; }
body.refined-v4 .guide-page .interface-views { display:grid; grid-template-columns:1fr 1fr; gap:20px; }
body.refined-v4 .guide-page .interface-views img { width:100%; max-height:300px; background:#fafbfb; border:1px solid #dde3e5; object-fit:contain; border-radius:6px; }
body.refined-v4 .guide-page .interface-legend { display:flex; gap:24px; justify-content:center; flex-wrap:wrap; font-size:16px; }
body.refined-v4 .guide-page .interface-legend>div { display:flex; gap:8px; }
body.refined-v4 .guide-page .interface-legend dt { font-weight:750; color:#805300; }
body.refined-v4 .guide-page .interface-legend dd { margin:0; }
body.refined-v4 .guide-page .mounting-reference { margin:0; }
body.refined-v4 .guide-page figcaption { font-size:15px; line-height:1.6; }
body.refined-v4 .guide-contact { display:flex; align-items:center; justify-content:space-between; gap:40px; padding:36px; background:#202e34; border-radius:8px; margin:28px 0 52px; color:white; }
body.refined-v4 .guide-contact h2 { font-size:32px; margin:18px 0; }
body.refined-v4 .guide-contact p { font-size:17px; color:#d9e1e5; max-width:700px; line-height:1.7; }
body.refined-v4 .guide-contact>div:last-child { display:grid; gap:14px; flex:none; }
body.refined-v4 .guide-enquiry { display:flex; align-items:center; justify-content:center; min-height:48px; border-radius:4px; padding:12px 18px; background:#f5aa00; color:#1c282e; text-decoration:none; font-size:16px; font-weight:700; }
body.refined-v4 .guide-email { font-size:16px; color:white; text-decoration:none; }
@media(max-width:1100px){body.refined-v4 .guide-check-grid { grid-template-columns:repeat(3,minmax(0,1fr)); } body.refined-v4 .guide-contact { flex-direction:column; align-items:flex-start; }}
@media(max-width:700px){body.refined-v4 .guide-panel { padding:22px; }body.refined-v4 .guide-panel h2 { font-size:28px; }body.refined-v4 :is(.guide-task-grid,.guide-check-grid,.guide-steel-grid) { grid-template-columns:1fr; }body.refined-v4 .guide-page .interface-views { grid-template-columns:1fr; }body.refined-v4 .guide-contact { padding:26px; gap:16px; }body.refined-v4 .guide-contact h2 { font-size:28px; }body.refined-v4 .guide-contact>div:last-child { width:100%; }body.refined-v4 .hd-config-content { padding:8px 14px 18px; }body.refined-v4 .hd-config-fold>summary { padding:16px; }body.refined-v4 .preview-dialog pre { max-height:25dvh; }body.refined-v4 .consultation-modal .modal-direct { display:grid; grid-template-columns:1fr; gap:10px; margin-top:18px; }body.refined-v4 .consultation-modal .contact-mini-form>p { font-size:14px; }}
@media(prefers-reduced-motion:reduce){body.refined-v4 :is(.guide-task,.faq-toggle svg,.hd-config-fold>summary>svg){transition:none;transform:none}}