/* Shared changes for the three reviewed bucket templates. */
body.refined-v5 .guide-task .guide-product-viewport { display:block; width:260px; max-width:100%; height:260px; margin:0 auto; flex:0 0 260px; background:#fff; }
body.refined-v5 .guide-task .guide-clean-photo img { display:block; width:100%; height:100%; padding:14px; object-fit:contain; transform:none; clip-path:none; }
body.refined-v5 .guide-task>div { display:flex; flex-direction:column; }
body.refined-v5 .guide-task>div>span { margin-top:auto; padding-top:6px; }
body.refined-v5 .guide-task:focus-visible { outline:3px solid #d99500; outline-offset:4px; }
body.refined-v5 .guide-contact .kicker { color:#f5b51b; }
body.refined-v5 .guide-contact h2 { color:#fff; }
body.refined-v5 .guide-contact>div:first-child { flex:1; min-width:0; }
body.refined-v5 .guide-contact>div:last-child { display:grid; grid-template-columns:minmax(0,1fr); justify-items:stretch; gap:12px; width:260px; max-width:100%; flex:0 0 auto; }
body.refined-v5 .guide-contact#quote .framework-contact-actions :is(.product-whatsapp-button,.refined-email-button) { width:100%; min-width:0; }
body.refined-v5 .guide-contact .refined-email-button,
body.refined-v5 .consultation-modal .modal-direct>a,
body.refined-v5 .consultation-modal .modal-direct .modal-email-link { display:inline-flex; align-items:center; justify-content:center; gap:11px; background:#fff; color:#202b2b; border:1px solid #c9d5d2; border-radius:5px; height:50px; min-height:50px; box-sizing:border-box; padding:10px 15px; font-size:16px; line-height:26px; font-weight:700; text-decoration:none; box-shadow:0 2px 8px #0000000a; }
body.refined-v5 .consultation-modal .modal-email-link>span { color:#202b2b; }
body.refined-v5 .guide-contact .refined-email-button svg,
body.refined-v5 .consultation-modal .modal-email-link svg { width:24px; height:24px; flex:none; fill:none; stroke:#3a464a; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
body.refined-v5 .guide-contact .refined-email-button:hover,
body.refined-v5 .consultation-modal .modal-direct .modal-email-link:hover { background:#fff8e7; border-color:#f0b326; }
body.refined-v5 .consultation-modal .modal-direct { display:grid; grid-template-columns:1fr; gap:12px; }
body.refined-v5 .consultation-modal .contact-mini-form>.rfq-help { font-size:14px; line-height:1.65; margin:0; }
body.refined-v5 .guide-table-scroll .comparison-points { padding-left:18px; margin:0; }
body.refined-v5 .guide-table-scroll .comparison-points li+li { margin-top:5px; }
body.refined-v5 .guide-table-scroll tr.is-task-match { background:#fff5db; }
body.refined-v5 .guide-table-scroll tr.is-task-match>th { box-shadow:inset 3px 0 #e9a20b; }
body.refined-v5 .guide-table-scroll tr:target { outline:2px solid #d69a1c; outline-offset:-2px; }
body.refined-v5 :is(.guide-contact,.modal-direct) a:focus-visible { outline:3px solid #f2b637; outline-offset:4px; }
@media(max-width:1100px) {
  body.refined-v5 .guide-contact>div:last-child { justify-content:flex-start; max-width:none; }
}
@media(max-width:700px) {
  body.refined-v5 .guide-panel { padding:22px; min-width:0; }
  body.refined-v5 .guide-contact>div:last-child { display:grid; grid-template-columns:1fr; width:100%; }
  body.refined-v5 .guide-contact :is(.product-whatsapp-button,.refined-email-button) { width:100%; white-space:normal; }
  body.refined-v5 .guide-table-scroll { overflow:visible; border:0; }
  body.refined-v5 .guide-table-scroll .type-comparison { display:block; width:100%; min-width:0; }
  body.refined-v5 .guide-table-scroll caption { display:block; width:100%; padding:0 0 18px; white-space:normal; font-size:16px; line-height:1.6; }
  body.refined-v5 .guide-table-scroll thead { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }
  body.refined-v5 .guide-table-scroll tbody { display:grid; width:100%; gap:16px; }
  body.refined-v5 .guide-table-scroll tbody tr { display:block; width:100%; min-width:0; padding:18px; border:1px solid #dce1e3; border-radius:6px; background:#fff; }
  body.refined-v5 .guide-table-scroll tbody tr.is-task-match { background:#fff5db; border-color:#dfa827; }
  body.refined-v5 .guide-table-scroll :is(th,td) { display:block; width:100%; min-width:0; padding:12px 0; border:0; white-space:normal; overflow-wrap:anywhere; }
  body.refined-v5 .guide-table-scroll th:first-child { width:100%; padding:0 0 12px; font-size:20px; line-height:1.4; border-bottom:1px solid #e3e8e9; box-shadow:none; }
  body.refined-v5 .guide-table-scroll td::before { content:attr(data-label); display:block; position:static; width:auto; margin-bottom:6px; color:#815800; font-size:14px; line-height:1.5; font-weight:700; }
  body.refined-v5 .guide-table-scroll td:last-child { padding-bottom:0; }
  body.refined-v5 .guide-table-scroll td:last-child::before { content:none; }
  body.refined-v5 .guide-table-scroll .type-select { width:100%; justify-content:center; white-space:normal; }
  body.refined-v5 .consultation-modal .contact-panel-head,
  body.refined-v5 .consultation-modal .contact-panel.is-invitation .contact-panel-head { padding:16px 20px 18px; }
  body.refined-v5 .consultation-modal .contact-panel-head>small { font-size:12px; line-height:1.5; padding-right:0; }
  body.refined-v5 .consultation-modal .contact-panel-head h2 { margin:10px 0 8px; }
  body.refined-v5 .consultation-modal .contact-panel-head>p { margin:0; }
  body.refined-v5 .consultation-modal .rfq-context { margin-top:12px; padding:10px 12px; }
  body.refined-v5 .consultation-modal .rfq-context small { display:none; }
  body.refined-v5 .consultation-modal .rfq-context strong { font-size:17px; }
  body.refined-v5 .consultation-modal .rfq-context span { margin-top:2px; font-size:14px; }
  body.refined-v5 .consultation-modal .modal-direct { margin-top:14px; gap:10px; }
  body.refined-v5 .consultation-modal .contact-panel-body,
  body.refined-v5 .consultation-modal .contact-panel.is-invitation .contact-panel-body { padding:20px; }
}