/* /assets/seo-completeness-repair-20261024.css */
.ec-repair-section{margin-top:3rem;margin-bottom:3rem;padding-top:2rem;padding-bottom:2rem;border-top:1px solid #dedfd8;scroll-margin-top:110px}.ec-repair-heading{max-width:850px;margin-bottom:1.4rem}.ec-repair-section h2{font-size:clamp(1.6rem,3vw,2.3rem);line-height:1.2;margin:.5rem 0 1rem}.ec-repair-section p{line-height:1.75;max-width:900px}.ec-repair-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.3rem}.ec-repair-grid article{background:#f4f5ef;padding:1.4rem;border-radius:12px}.ec-repair-scene-grid,.ec-repair-resource-links,.ec-repair-model-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;list-style:none;padding:0}.ec-repair-scene-grid>a,.ec-repair-resource-links a,.ec-repair-model-links a{display:block;padding:1rem;border:1px solid #dce0d2;border-radius:10px;color:#263b2c;text-decoration:none;line-height:1.5;overflow-wrap:anywhere}.ec-repair-section a:hover{text-decoration:underline}.ec-repair-service{padding-top:2rem}.ec-repair-service-hero{padding:3rem 0;max-width:950px}.ec-repair-service-hero h1{font-size:clamp(2.2rem,5vw,4rem);line-height:1.1}.ec-repair-service-hero p{line-height:1.8;margin:1.5rem 0}.ec-repair-section li{line-height:1.7}@media(max-width:650px){.ec-repair-grid,.ec-repair-scene-grid,.ec-repair-resource-links,.ec-repair-model-links{grid-template-columns:1fr}.ec-repair-section{margin-top:2rem;margin-bottom:2rem;padding-left:1.1rem;padding-right:1.1rem}.ec-repair-service-hero{padding:2rem 0}}
/* /assets/whole-repair-20261026.css */
.whole-footer-links{display:flex;gap:1rem;flex-wrap:wrap;border-top:1px solid #dbe2db;padding:1rem 0;font-size:.8rem;color:#465e50}.whole-data-notice{font-size:.8rem;line-height:1.65;color:#56695d;padding:1rem;border-radius:10px;background:#f4f7f2}.whole-data-notice a{font-weight:700;text-decoration:underline;text-underline-offset:3px}.whole-lazy-loading{min-height:350px;padding:3rem 1.25rem}.whole-lazy-loading a{text-decoration:underline}.whole-canonical-brand{letter-spacing:.1em}.whole-contact-options summary{font-weight:700;cursor:pointer;padding:.8rem 0;color:#2a5944}.whole-contact-options .buyer-form-pair{margin-top:.6rem}.whole-contact-options{border-top:1px solid #e0e6df;border-bottom:1px solid #e0e6df;margin:1rem 0;padding:0 .2rem}.whole-contact-options[open]{padding-bottom:1rem}
@media(max-width:767px){#byf-floating-enquiry{display:none!important}}
@media(max-width:767px){[code-path="src/components/marketing/WhatsAppFloat.tsx:15:5"]{display:none!important}.buyer-rfq-aside{padding:1.2rem!important}.byf-page{padding-top:1.4rem!important}.byf-page>h1{font-size:2rem!important;line-height:1.15!important}.byf-page>.ec-library-lead{font-size:.95rem!important;line-height:1.55!important;margin-bottom:1rem!important}.buyer-response-promise{font-size:.8rem!important;padding:.5rem .7rem!important}.direct-submit-steps{font-size:.75rem!important;line-height:1.5!important;margin-bottom:.6rem!important}.direct-preview-note{font-size:.75rem!important;padding:.65rem!important;line-height:1.5!important}.buyer-rfq-form{padding:1rem!important}.buyer-rfq-form fieldset{padding:0!important}.buyer-rfq-form input,.buyer-rfq-form textarea{font-size:16px!important}.buyer-rfq-aside h2{font-size:1.3rem!important}.buyer-rfq-grid{gap:1rem!important}.buyer-order-panel{padding:1.1rem!important}.ec-library-product-hero{gap:1.25rem!important}.ec-library-product-hero figure{margin-bottom:0!important}.whole-data-notice{padding:.8rem}.whole-footer-links{padding-bottom:5.5rem}.buyer-table-scroll{max-width:100%}.buyer-table-scroll table{min-width:680px}.ec-library-product-hero h1{overflow-wrap:anywhere}}

.ec-renew{padding-top:2.5rem;padding-bottom:4rem;max-width:1120px}.ec-renew nav{font-size:.82rem;margin-bottom:1.5rem}.ec-renew header{max-width:850px;margin-bottom:2.5rem}.ec-renew h1{font-size:clamp(2rem,4vw,3.2rem);line-height:1.15;margin:.8rem 0 1.2rem}.ec-renew-lead{font-size:1.05rem;line-height:1.8}.ec-renew-kicker{font-size:.72rem;letter-spacing:.12em;color:#7c4b32;font-weight:700}.ec-renew a{color:#205842;text-decoration:underline;text-underline-offset:3px;display:inline-block;margin-right:1.3rem;line-height:1.8}.ec-renew-section{margin:2.5rem 0}.ec-renew-section h2,.ec-renew-next h2{font-size:1.6rem;line-height:1.35;margin-bottom:1rem}.ec-renew p{line-height:1.8;margin-bottom:1rem}.ec-renew-photo{margin:2rem 0}.ec-renew-photo img{width:100%;height:auto;max-height:520px;object-fit:cover;border-radius:14px}.ec-renew-photo figcaption{background:#f1f2eb;color:#4b5a50;font-size:.8rem;line-height:1.7;padding:.65rem .9rem;border-radius:0 0 10px 10px}.ec-renew-table-wrap{overflow-x:auto;border:1px solid #dce3d9;border-radius:12px}.ec-renew table{width:100%;border-collapse:collapse;text-align:left}.ec-renew th,.ec-renew td{padding:1rem;line-height:1.7;vertical-align:top;border-bottom:1px solid #e3e8df}.ec-renew th{background:#edf2e9;font-weight:700}.ec-renew td:first-child{width:26%;font-weight:600}.ec-renew-next{border-top:1px solid #dce3d9;padding-top:2rem;margin-top:3rem}.ec-renew-faq{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}.ec-renew-faq>section,.ec-renew-guide-grid article{padding:1.5rem;border:1px solid #dce3d9;border-radius:12px}.ec-renew-faq h2,.ec-renew-guide-grid h2{font-size:1.1rem;line-height:1.5;margin-bottom:.8rem}.ec-renew-guide-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.ec-renew-guide-grid article a{margin-right:0}@media(max-width:767px){.ec-renew{padding-top:1.5rem}.ec-renew-faq,.ec-renew-guide-grid{grid-template-columns:1fr}.ec-renew th,.ec-renew td{padding:.75rem;font-size:.88rem}.ec-renew-photo figcaption{font-size:.76rem}.ec-renew-faq>section{padding:1.1rem}}
.ec-measurement-choice{position:fixed;z-index:120;bottom:20px;left:20px;max-width:440px;padding:18px;border:1px solid #dce3d9;background:#fffdf8;color:#233c34;border-radius:12px;box-shadow:0 8px 35px #0002;font-size:14px;line-height:1.6}.ec-measurement-choice button{margin:10px 12px 0 0;padding:8px 14px;border:1px solid #315e4c;border-radius:7px}.ec-measurement-choice button[data-choice=accepted]{background:#315e4c;color:#fff}.ec-measurement-choice a{text-decoration:underline}@media(max-width:767px){.ec-measurement-choice{left:12px;right:12px;bottom:78px;max-width:none}}

/* /assets/mobile-comfort-20261026.css */
/* Mobile comfort pass — 20261026
   Scope: phones only (<=768px). Goals:
   1) stop floating layers stacking over content / each other
   2) tighten long forms so they don't dominate the viewport
   3) calm the first screen (hero copy) so users reach the offer faster
   Nothing here changes desktop layout. */

@media (max-width: 768px) {
  /* --- 1) floating enquiry: icon-only pill, clear of bottom nav --- */
  #byf-floating-enquiry .bfe-launch {
    right: 14px;
    bottom: calc(78px + env(safe-area-inset-bottom, 0px));
    padding: 10px;
    gap: 0;
    min-width: 46px;
    min-height: 46px;
    justify-content: center;
    box-shadow: 0 6px 18px rgba(19, 60, 53, .22);
  }
  /* keep the label for screen readers, hide it visually on phones */
  #byf-floating-enquiry .bfe-launch > span:not(.bfe-chat) {
    position: absolute;
    width: 1px; height: 1px;
    margin: -1px; padding: 0;
    overflow: hidden; clip: rect(0 0 0 0);
    white-space: nowrap; border: 0;
  }
  #byf-floating-enquiry .bfe-chat { width: 26px; height: 26px; font-size: 15px; }

  /* dialog: full-width sheet, never taller than the screen */
  #byf-floating-enquiry .bfe-dialog {
    right: 10px; left: 10px;
    width: auto;
    bottom: calc(130px + env(safe-area-inset-bottom, 0px));
    max-height: min(72dvh, calc(100dvh - 150px));
    border-radius: 16px;
  }
  #byf-floating-enquiry .bfe-header { padding: 16px 18px !important; }
  #byf-floating-enquiry .bfe-header h2 { font-size: 19px; line-height: 1.34; }
  #byf-floating-enquiry .bfe-content { padding: 16px 18px 18px; }

  /* any other element pinned to the bottom must not sit under the launcher */
  .ec-back-top { bottom: calc(132px + env(safe-area-inset-bottom, 0px)) !important; }

  /* --- 2) forms: tighter rhythm, still >=44px touch targets --- */
  #byf-floating-enquiry .bfe-content label { gap: 5px; margin-bottom: 10px; }
  #byf-floating-enquiry .bfe-content input,
  #byf-floating-enquiry .bfe-content textarea { min-height: 44px; padding: 9px 11px; }
  #byf-floating-enquiry .bfe-content textarea { rows: 3; max-height: 120px; }
  #byf-floating-enquiry .bfe-intro { margin-bottom: 12px; line-height: 1.7; }

  /* inline page forms (RFQ / contact) */
  form input, form textarea, form select { font-size: 16px; } /* stops iOS zoom-on-focus */
  form label { margin-bottom: 10px; }

  /* --- 3) first screen: reduce copy weight, keep hierarchy --- */
  main p, main li { line-height: 1.65; }
  main h1 { font-size: clamp(1.6rem, 7vw, 2.1rem); line-height: 1.22; }
  main h2 { font-size: clamp(1.25rem, 5.4vw, 1.6rem); line-height: 1.28; }

  /* long intro paragraphs: cap to ~5 lines with graceful expand */
  .ec-hero-copy, .hero-copy, main > section:first-of-type > p {
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }

  /* --- 4) horizontal scrolling strips: add scroll affordance --- */
  .overflow-x-auto { scroll-snap-type: x proximity; -webkit-overflow-scrolling: touch; }
}

/* very small phones */
@media (max-width: 380px) {
  #byf-floating-enquiry .bfe-launch { bottom: calc(70px + env(safe-area-inset-bottom, 0px)); }
  main h1 { font-size: 1.5rem; }
}

@media (prefers-reduced-motion: reduce) {
  #byf-floating-enquiry .bfe-launch { transition: none; }
}

/* /assets/product-media-20261027.css */
.pg-media{min-width:0}.pg-media>.pg-viewer{margin:0;border:1px solid #dce3d9;background:#fff;overflow:hidden;border-radius:9px}.pg-viewer-top{display:flex;align-items:center;gap:12px;min-height:52px;padding:12px 20px;border-bottom:1px solid #e7ebe3;font-size:11px;color:#647d70;letter-spacing:.04em}.pg-viewer-top .bx-photo-sku{position:static;padding:0;margin-right:auto}.pg-viewer-top button{border:0;background:none;text-decoration:underline;color:#ad603e;cursor:pointer;padding:5px}.pg-stage{aspect-ratio:1;position:relative;overflow:hidden;background:#fff}.pg-stage>img,.pg-stage>div>img{display:block;width:100%;height:100%;object-fit:contain}.pg-stage>div{height:100%;position:relative}.pg-viewer figcaption{padding:15px 20px;margin:0;border-top:1px solid #e7ebe3;font-size:11px;line-height:1.6;color:#6b7e72;min-height:61px}.pg-thumbnails{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:13px}.pg-thumbnails>button{display:flex;flex-direction:column;gap:7px;padding:7px 7px 10px;border:1px solid #dce3d9;border-radius:7px;background:#fff;color:#455e50;font:500 11px/1.4 inherit;cursor:pointer;min-width:0;text-align:left;transition:border-color .2s,box-shadow .2s}.pg-thumbnails>button>span:last-child{padding-inline:3px}.pg-thumbnails>button[aria-pressed=true]{border-color:#b66742;box-shadow:0 0 0 1px #b66742}.pg-thumb-image{position:relative;display:block;aspect-ratio:1.45;width:100%;overflow:hidden;background:#f5f7f2;border-radius:3px}.pg-thumb-image img{width:100%;height:100%;object-fit:contain}.pg-thumb-image b{position:absolute;top:5px;left:5px;font:10px monospace;color:#687e70;background:#fffffff0;border-radius:3px;padding:2px 4px}.pg-thumb-symbol{position:absolute;inset:0;display:grid;place-items:center;font-size:25px;font-weight:700;color:#315548;background:#ffffff80}.pg-controls{display:flex;flex-wrap:wrap;gap:7px;padding:11px 15px;border-top:1px solid #e7ebe3}.pg-controls button{padding:8px 10px;background:#f8f9f4;color:#4c6558;border:1px solid #dce3d9;border-radius:5px;font:inherit;font-size:11px;cursor:pointer}.pg-controls button[aria-pressed=true]{background:#22493a;color:#fff;border-color:#22493a}.pg-media button:focus-visible{outline:3px solid #bd6a3d;outline-offset:3px}.pg-geometry{position:absolute;width:100%;height:100%;inset:0;pointer-events:none}.pg-technical>img{transform:scale(.77);transform-origin:center 43%}.pg-measure-note{position:absolute;bottom:3%;left:8%;right:8%;display:flex;flex-direction:column;align-items:center;text-align:center;background:#fffffff0;padding:12px;border-radius:6px}.pg-measure-note strong{font-size:16px;color:#294d3c;line-height:1.4}.pg-measure-note span:last-child{font-size:11px;color:#6c8074;margin-top:4px}.pg-diagram-tag{position:absolute;top:3%;left:4%;max-width:90%;font-size:10px;letter-spacing:.05em;background:#fffffff0;border:1px solid #e2e6dd;border-radius:4px;padding:7px 10px;color:#496658}.pg-measure-note .pg-diagram-tag{position:static;border:0;padding:0 0 5px}.pg-detail-crop{display:grid;grid-template-columns:35% 65%;padding:6%;gap:3%;align-items:center;background:#f7f8f3}.pg-detail-crop .pg-detail-img{width:100%;height:auto;object-fit:contain}.pg-detail-view{width:100%;height:75%;display:block;border:1px solid #dce3d9;border-radius:5px;background-color:#fff;background-repeat:no-repeat;background-size:260% auto;box-shadow:0 10px 30px #23433110}.pg-scene>img{object-fit:cover!important}.pg-led{background:#101b1c}.pg-led-pulse{position:absolute!important;inset:0;clip-path:inset(72% 10% 4%);pointer-events:none;opacity:0}.pg-led-pulse img{width:100%;height:100%;object-fit:contain;filter:brightness(1.7) saturate(1.1)}.pg-led.is-playing .pg-led-pulse{animation:pg-led-light 2.8s ease-in-out infinite}@keyframes pg-led-light{0%,100%{opacity:.02}45%,65%{opacity:.9}}@media(prefers-reduced-motion:reduce){.pg-led.is-playing .pg-led-pulse{animation:none;opacity:.5}}.pg-packing{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:5%;background:#f9faf6}.pg-packing>.pg-diagram-tag{position:static;align-self:flex-start;margin-bottom:3%}.pg-pack-count{font-size:24px;line-height:1.2;align-self:flex-start;color:#244c3a;margin:1% 0 3%}.pg-carton{padding:3%;width:100%;height:66%;display:grid;gap:2%;border:7px solid #c5ae89;background:#d7c5a7;border-radius:5px;box-shadow:0 10px 25px #413c2a14}.pg-pack-12{grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr))}.pg-pack-24{grid-template-columns:repeat(6,minmax(0,1fr));grid-template-rows:repeat(4,minmax(0,1fr))}.pg-pack-cell{background:#fff;position:relative;min-height:0;overflow:hidden;border:1px solid #c8bca5;border-radius:2px}.pg-pack-cell img{width:100%;height:100%;object-fit:contain}.pg-pack-cell span{position:absolute;top:1px;left:3px;color:#6e7e72;font:8px monospace;background:#ffffffb0}.pg-pack-foot{font-size:10px;line-height:1.5;color:#7d897a;align-self:flex-start;margin-top:4%}@media(max-width:600px){.pg-thumbnails{gap:7px}.pg-thumbnails>button{padding:5px 5px 8px;font-size:10px}.pg-viewer-top{padding:10px 13px}.pg-viewer figcaption{padding:12px 13px}.pg-pack-count{font-size:20px}.pg-carton{border-width:5px}.pg-controls{padding:9px;gap:6px}}
.pg-thumbnails>button{font-family:inherit;font-size:11px;line-height:1.4;font-weight:500}.pg-thumb-detail>img{transform:scale(1.9);transform-origin:50% 52%}.pg-mini-pack{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr));height:100%;width:100%;gap:2px;padding:4px;background:#d6c4a5}.pg-mini-pack img{width:100%;height:100%;object-fit:contain;background:white;min-height:0}.pg-viewer{scroll-margin-top:125px}
.pg-media>.pg-viewer{position:static!important;top:auto!important}.pg-thumbnails{grid-template-columns:repeat(6,minmax(0,1fr));gap:7px}.pg-thumbnails>button{padding:5px 5px 8px;font-size:10px;line-height:1.4}.pg-thumb-image{aspect-ratio:1}.pg-thumbnails>button>span:last-child{min-height:28px;padding-inline:1px}@media(max-width:600px){.pg-thumbnails{grid-template-columns:repeat(3,minmax(0,1fr))}.pg-thumb-image{aspect-ratio:1.55}}
.pg-stage img{padding:0!important;background-color:transparent}.pg-pack-cell img{max-width:100%;max-height:100%;padding:0!important}
.pg-thumbnails{grid-template-columns:repeat(5,minmax(0,1fr))}.pg-led-pulse{clip-path:none}.pg-controls button:disabled{opacity:.45;cursor:default}@media(max-width:600px){.pg-thumbnails{grid-template-columns:repeat(3,minmax(0,1fr))}}

.pg-state-legend{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:9px 15px;text-align:center;font-size:11px;color:#536e60;border-top:1px solid #e7ebe3;background:#f8faf5}
