{"id":78556,"date":"2024-09-05T13:05:30","date_gmt":"2024-09-05T13:05:30","guid":{"rendered":"https:\/\/beststringer.com\/anatomy-of-stringing-machines-guide\/"},"modified":"2026-05-22T03:03:15","modified_gmt":"2026-05-22T03:03:15","slug":"anatomy-of-stringing-machines-guide","status":"publish","type":"post","link":"https:\/\/beststringer.com\/fil\/anatomy-of-stringing-machines-guide\/","title":{"rendered":"Ang Anatomy ng Stringing Machines"},"content":{"rendered":"
\n
\n
\n
\n
\n
\"Anatomy<\/figure>\n<\/div>\n<\/div><\/div>\n<\/div><\/div><\/div>\n\n
\n\n
1.1 Panimula sa mga Bahagi<\/strong><\/h5>\n\n\n\n

Ano ang Anatomy<\/mark> ng isang Stringing Machine<\/mark>?<\/strong><\/h2>\n\n\n\n

Ang stringing machine ay hindi lamang iisang kagamitan. Isa itong gumaganang sistema na binubuo ng ilang pangunahing bahagi, at ang kalidad ng huling stringing ay nakadepende sa kung paano magkatuwang na gumagana ang mounting system, clamp system, at tension system. Sa gabay na ito, matututunan mo ang anatomy ng mga stringing machine at kung bakit napakahalaga ng pag-unawa sa mga bahaging ito para sa proteksyon ng raketa at katatagan (consistency) ng resulta.

Nagkakabit ka man ng kuwerdas sa tennis o badminton racquet, ang bawat isport ay may iba’t ibang pangangailangan sa makina. Pinoprotektahan ng mounting system ang frame, hawak nang mahigpit ng clamp ang iyong gawa, at kinokontrol ng tension system ang bilis ng hila at pound (lbs).

Narito ang isang simpleng katotohanan: nakakatulong ang de-kalidad na kagamitan, ngunit ang disiplina at pag-unawa ng stringer pa rin ang pinakamahalaga. Dapat maunawaan ng isang International Certified Stringer kung paano nakakaapekto ang istraktura ng makina sa pagkakapare-pareho, bilis, proteksyon ng raketa, at kadalian ng paggamit, sa halip na husgahan lamang ang makina base sa presyo o itsura nito.<\/p>\n\n<\/div><\/div><\/div>\n<\/div>\n\n

\n
\n
\n
\n
\"Pangkalahatang-ideya<\/figure>\n<\/div>\n<\/div><\/div>\n<\/div><\/div><\/div>\n\n
\n\n
1.2 Ang Tatlong Pangunahing System<\/strong><\/h5>\n\n\n\n

Paliwanag sa mga Bahagi ng Makina: Mga Pangunahing<\/mark> Working System<\/mark><\/strong><\/h2>\n\n\n\n

Upang maging bihasa sa pagkabit ng kuwerdas ng raketa, dapat mong ituring ang makina bilang isang buong yunit. Ang tatlong pangunahing system ng isang stringing machine ay ang mounting system, clamp system, at tension system. Ang bawat system ay may natatanging trabaho, at ang pagkasira sa alinman sa mga ito ay makakaapekto sa buong string job.

Ang mounting system ang mismong pundasyon. Hinahawakan nito ang frame nang matibay, pinipigilan ang raketa na pumilipit, umikli, o masira sa ilalim ng daan-daang pound (lbs) ng pinagsamang pressure ng kuwerdas. Ang clamp system ay nagsisilbing angkla habang ginagawa ito, hinahawakan ang kuwerdas nang matibay ngunit hindi ito dinudurog habang naghahanda ka para sa susunod na hila.

Panghuli, ang tension system ang nagdidikta sa eksaktong paraan ng paghila. Ang paraan ng paghila ng makina\u2014gumagamit man ng drop-weight, spring crank, o electronic motor\u2014ang nagtatakda sa eksaktong katumpakan ng pound (lbs) at kung gaano katagal bago matapos ang isang frame. Kapag pinag-aralan ng isang baguhang stringer ang anatomy ng makina, mapagtatanto nilang mas mabuti ang maging master sa lahat ng tatlong system kaysa isaulo lamang ang isang bahagi ng setup.<\/p>\n\n<\/div><\/div><\/div>\n<\/div>\n\n

\n
\n
\n
\n
\"International<\/figure>\n<\/div>\n<\/div><\/div>\n<\/div><\/div><\/div>\n\n
\n\n
1.3 Ang Mounting System<\/strong><\/h5>\n\n\n\n

Pag-unawa sa Frame Support<\/mark> at Proteksyon<\/mark><\/strong><\/h2>\n\n\n\n

Ang mounting system ang unang linya ng depensa ng iyong raketa. Habang hinihila ang pound (lbs), natural na gustong ma-compress at ma-deform ng frame. Ang 6-point mounting system ay nagbibigay ng pinakamataas na antas ng proteksyon sa frame, ipinapamahagi nang pantay-pantay ang stress sa buong head, kaya inirerekomenda ito para sa tennis at sa maseselang badminton racquet.

Sa kabilang banda, ang 2-point mounting system ay karaniwang mas mabilis i-setup at nagbibigay ng mas malinaw na paningin habang naghahabi, ngunit kinakailangan nitong maging labis na maingat ng stringer pagdating sa pananatili ng hugis, lalo na sa mga matataas na pound (lbs). Sinusubukan ng mga hybrid mounting system na pagsamahin ang bilis ng mas kaunting contact point at ang pinahusay na side supports para makuha ang pinakamagandang benepisyo ng dalawa.

Ang mga pangunahing feature gaya ng synchronized adjustment (kung saan ang pagpihit sa isang knob ay nagpapagalaw nang sabay at pantay sa mga arm) ay lubos na nagpapabilis sa daloy ng trabaho sa workshop. Dapat laging isaalang-alang ng isang badminton stringer kung madaling maia-adjust ang mounting system arms sa mga mas magaan na frame nang hindi hinaharangan ang mga grommet hole.<\/p>\n\n<\/div><\/div><\/div>\n<\/div>\n\n

\n
\n
\n
\n
\"International<\/figure>\n<\/div>\n<\/div><\/div>\n<\/div><\/div><\/div>\n\n
\n\n
1.4 Ang Clamp System<\/strong><\/h5>\n\n\n\n

Mga Clamp System<\/mark> ng Makina para sa Maaasahang Paghawak<\/mark><\/strong><\/h2>\n\n\n\n

Ang clamp system ang nagdidikta kung gaano katibay napapanatili ang pound (lbs) pagkatapos humila ng makina. Ang hindi magandang clamp system ay nagdudulot ng tension drawback at pagkaantala ng trabaho:<\/p>\n\n\n\n

Fixed Clamps.<\/strong> Matibay na nakakabit sa base ng makina, direktang hinahawakan ng fixed clamps ang kuwerdas sa pwesto. Nagbibigay ang mga ito ng mahusay na katatagan (consistency) at pinapababa ang tension drawback, kaya ang mga ito ang pamantayang pinipili para sa mga propesyonal na setup.<\/p>\n\n\n\n

Flying Clamps.<\/strong> Kinakabit nito ang isang kuwerdas sa katabing kuwerdas kaysa idikit sa base ng makina. Bagama’t ang flying clamps ay magaan, flexible, at pasok sa badyet, madalas itong nagdudulot ng bahagyang mas maraming pagkawala ng pound (lbs) dahil sa paggalaw ng kuwerdas.<\/p>\n\n\n\n

Grip at Calibration ng Clamp.<\/strong> Anuman ang uri nito, mahalaga ang mahigpit na paghawak. Kung masyadong maluwag ang clamp, dadulas ang kuwerdas at mawawala ang pound (lbs). Kung masyadong mahigpit ito, madudurog at hihina ang core ng kuwerdas. Ang pag-adjust sa lakas ng grip base sa kapal ng kuwerdas ay isang kritikal na hakbang para sa sinumang International Certified Stringer.<\/p>\n\n<\/div><\/div><\/div>\n<\/div>\n\n

\n
\n
\n
\n
\"Propesyonal<\/figure>\n<\/div>\n<\/div><\/div>\n<\/div><\/div><\/div>\n\n
\n\n
1.5 Ang Tension System<\/strong><\/h5>\n\n\n\n

Pag-unawa sa Galaw ng Tension System<\/mark><\/strong><\/h2>\n\n\n\n

Drop-Weight Stringing Machines.<\/strong>
Gumagamit ang drop-weight system ng gravity at leverage para humila ng pound (lbs). Bagama’t napakatumpak at abot-kaya ng mga ito, nangangailangan ang mga ito ng manwal na pagpapatakbo at kadalasang ito ang pinakamabagal na uri ng makina na gamitin sa isang abalang workshop.<\/p>\n\n\n\n

Spring Tension (Crank) Systems.<\/strong>
Ang manual crank system ay gumagamit ng naka-calibrate na spring upang maabot ang pound (lbs). Mas mabilis ito kaysa sa drop-weight, ngunit mayroon itong “lock-out” mechanism. Kapag naabot na ng spring ang target na bigat, magla-lock ito at hihinto sa paghila, na nangangahulugang hindi nito pinupunan (compensate) ang pagbanat ng kuwerdas habang naka-clamp.<\/p>\n\n\n\n

Electronic Tension Systems.<\/strong>
Ang electronic machines ay gumagamit ng digital motor at malawakang kinikilala bilang propesyonal na pamantayan. Ang mga de-kalidad na electronic system ay may “constant-pull” na logic, na nangangahulugang patuloy na gumagawa ng micro-adjustments ang motor kung ang kuwerdas ay nababanat pa bago i-clamp, na nagreresulta sa mas pantay na sapin ng kuwerdas (stringbed).<\/p>\n\n<\/div><\/div><\/div>\n<\/div>\n\n

\n
\n
\n
\n
\"Badminton<\/figure>\n<\/div>\n<\/div><\/div>\n<\/div><\/div><\/div>\n\n
\n\n
1.6 Mga Karagdagang Feature<\/strong><\/h5>\n\n\n\n

Mga Mahalagang Feature ng Makina<\/mark> at Workflow<\/mark><\/strong><\/h2>\n\n\n\n

Bukod sa tatlong pangunahing system, ang mga karagdagang feature ng makina ay may malaking epekto sa iyong pang-araw-araw na husay sa workshop at pangkalahatang kadalian sa paggamit.<\/p>\n\n\n\n

Turntable Lock.<\/strong> Ang turntable lock ay isang praktikal na support feature na pumipigil sa machine base mula sa pag-ikot. Lubhang nakakatulong ito sa paunang calibration, at napakahalaga habang ginagawa ang mahihirap na proseso ng pagbubuhol, pinipigilan ang hindi sinasadyang paggalaw na maaaring bumaluktot sa maseselang racquet frame.<\/p>\n\n\n\n

360-Degree Rotation.<\/strong> Ang pagkakaroon ng turntable na may buong 360-degree na pag-ikot ay nagpapabuti sa pisikal na access sa lahat ng panig ng raketa. Binabawasan nito ang pangangailangan para sa stringer na palaging ibahin ang pwesto ng katawan, na lubhang nagpapabilis sa proseso ng paghahabi.<\/p>\n\n\n\n

Pag-unawa sa mga Trade-off.<\/strong> Bagama’t mas gusto ang 360-degree na pag-ikot, ang ilang partikular na raketa na may mahahabang hawakan ay maaaring tumama sa tension head habang umiikot sa mga mas siksik na makina. Ang pag-unawa sa mga maliliit na detalyeng ito sa disenyo ay nagbibigay-daan sa mga stringer na maayos ang kanilang workflow nang matalino nang hindi nanganganib na masira ang kagamitan.<\/p>\n\n<\/div><\/div><\/div>\n<\/div>\n\n

\n
\n
\n
\n
\"International<\/figure>\n<\/div>\n<\/div><\/div>\n<\/div><\/div><\/div>\n\n
\n\n
1.7 Pagpili ng Tamang Makina<\/strong><\/h5>\n\n\n\n

Ang Kahalagahan ng Propesyonal na Pag-unawa<\/mark><\/strong><\/h2>\n\n\n\n

Ang pagbili ng pinakamahal na makina ay hindi awtomatikong ginagawang master technician ang isang tao. Ang propesyonal na stringing machine ay epektibo lamang depende sa kung paano ginagamit ng stringer ang clamp at inuunawa ang tension system. Ang pag-unawa sa anatomy ng makina ay nakakatulong sa iyo na bumuo ng responsableng framework ng pagpapasya kapag nag-uupgrade ng iyong kagamitan.<\/p>\n\n\n\n

Sa Best Stringer Worldwide, naniniwala kami na ang pagsusuri sa dami ng iyong ginagawa, mga uri ng raketang madalas mong sineserbisyuhan, at ang iyong mga pangangailangan sa portability ay mahalaga. Maaaring mas gusto ng isang nagbibiyaheng badminton stringer ang tumpak na drop-weight o portable electronic machine, habang ang isang shop na may maraming kostumer ay nangangailangan ng matibay na stand-alone electronic base.<\/p>\n\n\n\n

Sa pamamagitan ng pagbibigay-prayoridad sa komprehensibong kaalaman sa makina, tinitiyak ng aming stringer certification na ginagamit ng bawat technician ang kanilang kagamitan sa pinakamataas na potensyal nito. Maaalis mo ang panghuhula, maiiwasan ang frame distortion, mapipili ang naaangkop na higpit ng clamp, at makakapokus ka lamang sa pagbibigay ng maaasahan at pare-parehong mga string job.<\/p>\n\n<\/div><\/div><\/div>\n<\/div>\n\n

\n
\n
\n\n

Mga Quick<\/mark> FAQ<\/mark> sa Anatomy ng Makina<\/h2>\n\n\n\n

Mabilis at malilinaw na sagot tungkol sa anatomy ng stringing machine at kung paano gumagana ang mga bahagi nito.<\/p>\n\n\n

\n
\n\n

Ano ang tatlong pangunahing system<\/mark> ng isang stringing machine?<\/h3>\n\n\n\n

Ang tatlong pangunahing system ay ang mounting system (na humahawak sa racquet frame), ang clamp system (na humahawak sa kuwerdas habang hila-hila), at ang tension system (na nagdidikta kung paano hihilahin ang kuwerdas). Dapat gumana nang mahusay at sabay-sabay ang tatlong ito.<\/p>\n\n<\/div><\/div>\n\n

\n\n

Bakit mahalaga ang mounting system<\/mark> para sa proteksyon?<\/h3>\n\n\n\n

Ang isang magandang mounting system, tulad ng 6-point setup, ay nagpapamahagi nang pantay-pantay sa pisikal na stress sa buong frame. Pinipigilan nito ang raketa na ma-deform, magka-crack, o mawala sa hugis nito sa ilalim ng matitinding pwersa habang nag-i-stringing.<\/p>\n\n<\/div><\/div>\n\n

\n\n

Paano nakakaapekto ang mga clamp system<\/mark> sa katatagan (consistency)?<\/h3>\n\n\n\n

Kung dadulas ang clamp o may malaking drawback (pagbalik) pagkabitaw, mawawalan ka ng pound (lbs). Ang mga fixed clamp na nakaangkla sa base ay karaniwang nag-aalok ng mas matatag na paghawak kumpara sa flying clamps, na nagpapabuti sa pangkalahatang pagiging maaasahan ng huling stringbed.<\/p>\n\n<\/div><\/div>\n\n

\n\n

Ano ang pagkakaiba sa mga tension system<\/mark>?<\/h3>\n\n\n\n

Ang drop-weight system ay gumagamit ng gravity at napakatumpak ngunit mas mabagal. Ang spring crank system ay mas mabilis ngunit may lock-out mechanism. Ang electronic system ay gumagamit ng digital motor at kadalasang nag-aalok ng pinakamabilis at pinakamatatag na mga paghila dahil sa mga feature na nagko-compensate dito.<\/p>\n\n<\/div><\/div>\n\n

\n\n

Ano ang lock-out vs constant-pull<\/mark> na galaw?<\/h3>\n\n\n\n

Humihinto sa paghila ang lock-out system sa oras na maabot ang target na pound (lbs), na binabalewala ang anumang pagbanat ng kuwerdas matapos iyon. Ang constant-pull system ay patuloy na sumusubaybay at muling humihila sa kuwerdas para matiyak na laging napapanatili ang eksaktong target na pound (lbs) bago ito i-clamp.<\/p>\n\n<\/div><\/div>\n\n

\n\n

May trade-off ba ang 360-degree na pag-ikot<\/mark>?<\/h3>\n\n\n\n

Bagama’t lubhang pinapabilis ng 360-degree na pag-ikot ang workflow sa pamamagitan ng pagpapabuti sa pisikal na access sa paligid ng frame, sa mga mas siksik na disenyo ng makina, maaaring tumama minsan ang mga raketang may mahabang hawakan sa tension head kung hindi nag-iingat ang stringer.<\/p>\n\n<\/div><\/div>\n\n

\n\n

Ano ang layunin ng isang turntable lock<\/mark>?<\/h3>\n\n\n\n

Pinipigilan ng turntable lock ang mounting base sa malayang pag-ikot. Nagbibigay ito ng katatagan kapag nagtatali ng matitigas na buhol, at pinapanatiling perpekto ang pagkakahanay ng makina habang ginagawa ang tension head calibration, binabawasan ang panganib na masira ang maseselang frame.<\/p>\n\n<\/div><\/div>\n\n

\n\n

Bakit mahalaga ang anatomy ng makina<\/mark> para sa mga stringer?<\/h3>\n\n\n\n

Ang pag-unawa sa mga bahagi ng makina ay nagbibigay-daan sa mga stringer na masuri nang tapat ang kanilang kagamitan. Sa halip na isisi nang buo sa kuwerdas o technique ang problema, alam ng isang maalam na stringer kung paano eksaktong nakakaapekto ang pagdulas ng clamp o ang lock-out tensioning sa huling resulta.<\/p>\n\n<\/div><\/div>\n\n

\n\n

Kailangan ba ang mga kurso sa anatomy ng makina<\/mark>?<\/h3>\n\n\n\n

Para sa mga naghahanap ng totoong consistency, oo. Ang isang propesyonal na kurso sa pagkabit ng kuwerdas ng badminton ay nagtuturo kung paano sinusuportahan ng iba’t ibang system ng makina ang frame at nagpapanatili ng pound (lbs), na isang napakahalagang kaalaman bago makakuha ng pormal na stringer certification.<\/p>\n\n<\/div><\/div>\n<\/div>\n\n

\n\n

Ang Anatomy ng Katatagan: Paano Magkatuwang na Gumagana<\/mark> ang mga System ng Makina<\/h2>\n\n\n\n\n\n\n\n\nAnatomy ng Premium na Stringing Machine<\/title>\n<style>\n\/* ==========================================================================\n WORDPRESS CONFLICT RESETS & BASE STYLES\n All styles are strictly scoped under #bsw-anatomy-module\n ========================================================================== *\/\n#bsw-anatomy-module {\n font-family: 'Inter', -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n max-width: 900px;\n margin: 30px auto;\n background: #ffffff;\n border-radius: 16px;\n box-shadow: 0 10px 30px rgba(0,0,0,0.08);\n overflow: hidden;\n color: #1f2937;\n line-height: 1.6;\n box-sizing: border-box;\n -webkit-tap-highlight-color: transparent; \/* Fix mobile blue flash *\/\n}\n\n#bsw-anatomy-module * {\n box-sizing: inherit;\n margin: 0;\n padding: 0;\n}\n\n\/* Header *\/\n#bsw-anatomy-module .bsw-header {\n background: linear-gradient(135deg, #0f172a 0%, #1e3a8a 100%);\n color: white;\n padding: 24px 20px;\n text-align: center;\n}\n#bsw-anatomy-module .bsw-title {\n font-size: 1.5rem;\n font-weight: 700;\n letter-spacing: 0.5px;\n margin-bottom: 8px;\n}\n#bsw-anatomy-module .bsw-subtitle {\n font-size: 0.95rem;\n color: #93c5fd;\n font-weight: 400;\n}\n\n\/* Mode Switching Styles (Basic vs Pro) *\/\n#bsw-anatomy-module.mode-basic .view-pro { display: none !important; }\n#bsw-anatomy-module.mode-basic .view-basic { display: inline !important; animation: bsw-fade-in 0.4s cubic-bezier(0.4, 0, 0.2, 1); }\n#bsw-anatomy-module.mode-pro .view-basic { display: none !important; }\n#bsw-anatomy-module.mode-pro .view-pro { display: inline !important; animation: bsw-fade-in 0.4s cubic-bezier(0.4, 0, 0.2, 1); }\n\n@keyframes bsw-fade-in {\n from { opacity: 0; transform: translateY(5px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* Main Layout Grid *\/\n#bsw-anatomy-module .bsw-container {\n display: flex;\n flex-direction: column;\n padding: 24px;\n gap: 24px;\n}\n\n\/* SVG Display Area *\/\n#bsw-anatomy-module .bsw-visual-stage {\n background: #f8fafc;\n border: 1px solid #e2e8f0;\n border-radius: 12px;\n padding: 20px;\n position: relative;\n display: flex;\n justify-content: center;\n align-items: center;\n min-height: 350px;\n}\n\n#bsw-anatomy-module .bsw-svg-container {\n width: 100%;\n max-width: 850px;\n height: auto;\n}\n\n\/* SVG Interactive Styles *\/\n#bsw-anatomy-module .bsw-part {\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n transform-origin: center;\n cursor: pointer;\n}\n#bsw-anatomy-module .bsw-part.dimmed {\n opacity: 0.3;\n filter: grayscale(80%);\n}\n#bsw-anatomy-module .bsw-part.active {\n opacity: 1;\n filter: drop-shadow(0 0 12px rgba(38, 208, 206, 0.6));\n}\n\n\/* Navigation Buttons (Mobile responsive horizontal scroll) *\/\n#bsw-anatomy-module .bsw-nav {\n display: flex;\n gap: 10px;\n overflow-x: auto;\n padding-bottom: 10px;\n scrollbar-width: thin;\n scrollbar-color: #cbd5e1 transparent;\n -webkit-overflow-scrolling: touch;\n}\n#bsw-anatomy-module .bsw-nav::-webkit-scrollbar {\n height: 6px;\n}\n#bsw-anatomy-module .bsw-nav::-webkit-scrollbar-thumb {\n background-color: #cbd5e1;\n border-radius: 10px;\n}\n\n#bsw-anatomy-module .bsw-btn {\n flex: 0 0 auto;\n background: #f1f5f9;\n border: 2px solid transparent;\n color: #475569;\n padding: 12px 20px;\n border-radius: 8px;\n font-size: 0.9rem;\n font-weight: 600;\n cursor: pointer;\n transition: all 0.2s ease;\n display: flex;\n align-items: center;\n gap: 8px;\n position: relative;\n z-index: 10;\n touch-action: manipulation; \/* Fix for mobile double-tap zoom delay *\/\n}\n#bsw-anatomy-module .bsw-btn:hover {\n background: #e2e8f0;\n color: #0f172a;\n}\n#bsw-anatomy-module .bsw-btn.active {\n background: #eff6ff;\n border-color: #3b82f6;\n color: #1d4ed8;\n}\n#bsw-anatomy-module .bsw-btn.active::before {\n content: '';\n display: inline-block;\n width: 8px;\n height: 8px;\n background: #3b82f6;\n border-radius: 50%;\n box-shadow: 0 0 8px #3b82f6;\n}\n\n\/* Comparison Panel *\/\n#bsw-anatomy-module .bsw-comparison-panel {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 20px;\n background: white;\n border-radius: 12px;\n}\n\n#bsw-anatomy-module .bsw-card {\n padding: 20px;\n border-radius: 10px;\n border: 1px solid;\n position: relative;\n overflow: hidden;\n cursor: pointer;\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n opacity: 0.5;\n transform: scale(0.98);\n z-index: 10;\n touch-action: manipulation;\n}\n\n#bsw-anatomy-module .bsw-card.active {\n opacity: 1;\n transform: scale(1);\n box-shadow: 0 8px 24px rgba(0,0,0,0.12);\n border-width: 2px;\n}\n\n#bsw-anatomy-module .bsw-card:hover:not(.active) {\n opacity: 0.8;\n transform: scale(0.99);\n}\n\n#bsw-anatomy-module .bsw-card-basic {\n background: #fffcfcf;\n border-color: #fee2e2;\n}\n#bsw-anatomy-module .bsw-card-pro {\n background: #f0fdf4;\n border-color: #bbf7d0;\n}\n\n#bsw-anatomy-module .bsw-card-badge {\n position: absolute;\n top: 0;\n right: 0;\n padding: 6px 12px;\n font-size: 0.75rem;\n font-weight: 700;\n text-transform: uppercase;\n border-bottom-left-radius: 10px;\n}\n#bsw-anatomy-module .bsw-card-basic .bsw-card-badge { background: #fee2e2; color: #991b1b; }\n#bsw-anatomy-module .bsw-card-pro .bsw-card-badge { background: #bbf7d0; color: #166534; }\n\n#bsw-anatomy-module .bsw-card-title {\n font-size: 1.1rem;\n font-weight: 700;\n margin-bottom: 12px;\n padding-right: 70px;\n}\n#bsw-anatomy-module .bsw-card-basic .bsw-card-title { color: #7f1d1d; }\n#bsw-anatomy-module .bsw-card-pro .bsw-card-title { color: #14532d; }\n\n#bsw-anatomy-module .bsw-card-desc {\n font-size: 0.95rem;\n color: #4b5563;\n margin-bottom: 12px;\n}\n\n#bsw-anatomy-module .bsw-card-feature {\n display: flex;\n align-items: flex-start;\n gap: 8px;\n font-size: 0.85rem;\n color: #374151;\n margin-top: 8px;\n padding-top: 8px;\n border-top: 1px solid rgba(0,0,0,0.05);\n}\n#bsw-anatomy-module .bsw-icon-x { color: #ef4444; font-weight: bold; }\n#bsw-anatomy-module .bsw-icon-check { color: #22c55e; font-weight: bold; }\n\n\/* View Hint Button inside Cards *\/\n#bsw-anatomy-module .bsw-view-hint {\n font-size: 0.75rem;\n font-weight: 700;\n text-transform: uppercase;\n margin-top: 16px;\n display: inline-block;\n padding: 8px 12px;\n border-radius: 6px;\n transition: all 0.3s ease;\n}\n#bsw-anatomy-module .bsw-card:not(.active) .bsw-view-hint { background: #f1f5f9; color: #64748b; }\n#bsw-anatomy-module .bsw-card:not(.active) .bsw-view-hint::after { content: ' \u2192 I-click para makita'; }\n#bsw-anatomy-module .bsw-card-basic.active .bsw-view-hint { background: #ef4444; color: white; }\n#bsw-anatomy-module .bsw-card-pro.active .bsw-view-hint { background: #22c55e; color: white; }\n#bsw-anatomy-module .bsw-card.active .bsw-view-hint::after { content: ' (Kasalukuyang Nakikita)'; }\n\n\/* Animation Styles *\/\n#bsw-anatomy-module .bsw-string-line { stroke-dasharray: 8, 4; }\n@keyframes bsw-pull-anim {\n from { stroke-dashoffset: 12; }\n to { stroke-dashoffset: 0; }\n}\n#bsw-anatomy-module .pull-active .bsw-string-line { animation: bsw-pull-anim 0.4s linear infinite; }\n#bsw-anatomy-module .pull-active .bsw-gripper-head {\n transform-origin: 745px 300px;\n animation: bsw-gripper-shake 0.1s alternate infinite;\n}\n@keyframes bsw-gripper-shake {\n from { transform: translateX(0px); }\n to { transform: translateX(2px); }\n}\n\n@keyframes bsw-spin-ring {\n from { stroke-dashoffset: 0; }\n to { stroke-dashoffset: 60; }\n}\n#part-turntable.active .bsw-spin-ring { stroke-dasharray: 15, 15; animation: bsw-spin-ring 1s linear infinite; }\n\n@keyframes bsw-mount-pulse {\n 0%, 100% { fill: #f59e0b; }\n 50% { fill: #10b981; }\n}\n#part-mounting.active .bsw-mount-pulse path { animation: bsw-mount-pulse 1.5s infinite; }\n\n@keyframes bsw-slide-track { 0%, 100% { transform: translateY(0px); } 50% { transform: translateY(-15px); } }\n@keyframes bsw-slide-track-rev { 0%, 100% { transform: translateY(0px); } 50% { transform: translateY(15px); } }\n#part-clamps.active .bsw-fixed-clamp-top { animation: bsw-slide-track 3s ease-in-out infinite; }\n#part-clamps.active .bsw-fixed-clamp-bottom { animation: bsw-slide-track-rev 3s ease-in-out infinite; }\n\n@keyframes bsw-float-wobble { 0%, 100% { transform: translateY(0px) rotate(0deg); } 50% { transform: translateY(-4px) rotate(4deg); } }\n@keyframes bsw-float-wobble-rev { 0%, 100% { transform: translateY(0px) rotate(0deg); } 50% { transform: translateY(4px) rotate(-4deg); } }\n#part-clamps.active .bsw-flying-clamp-1 { transform-origin: 10px 17px; animation: bsw-float-wobble 2s ease-in-out infinite; }\n#part-clamps.active .bsw-flying-clamp-2 { transform-origin: 10px 17px; animation: bsw-float-wobble-rev 2.5s ease-in-out infinite; }\n\n@keyframes bsw-drop-weight { 0% { transform: rotate(-10deg); } 50%, 100% { transform: rotate(25deg); } }\n#part-tension.active .bsw-drop-lever { transform-origin: 780px 300px; animation: bsw-drop-weight 2s cubic-bezier(0.5, 0, 0.2, 1) infinite; }\n\n\/* Responsive adjustments *\/\n@media (max-width: 768px) {\n #bsw-anatomy-module .bsw-comparison-panel { grid-template-columns: 1fr; }\n #bsw-anatomy-module .bsw-visual-stage { min-height: 220px; padding: 10px; }\n #bsw-anatomy-module .bsw-btn { padding: 12px 16px; font-size: 0.85rem; }\n #bsw-anatomy-module .bsw-card { padding: 16px; }\n}\n<\/style>\n<\/head>\n<body>\n\n<div id=\"bsw-anatomy-module\" class=\"mode-pro\">\n <div class=\"bsw-header\">\n <div class=\"bsw-title\">Mga Workflow ng Stringing Machine<\/div>\n <div class=\"bsw-subtitle\">Pumili ng bahagi, at pagkatapos ay <strong>i-click ang mga card sa ibaba<\/strong> para makita ang paghahambing ng Basic vs. Pro.<\/div>\n <\/div>\n\n <div class=\"bsw-container\">\n <!-- SVG Visual Stage -->\n <div class=\"bsw-visual-stage\">\n <div class=\"bsw-svg-container\">\n <svg viewBox=\"0 0 1000 600\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <!-- Base\/Stand -->\n <g id=\"part-base\" class=\"bsw-part\">\n <g class=\"view-basic\">\n <!-- Wooden Table Surface (Desktop) -->\n <rect x=\"20\" y=\"40\" width=\"960\" height=\"480\" fill=\"#d4a373\" rx=\"12\"\/>\n <rect x=\"20\" y=\"520\" width=\"960\" height=\"20\" fill=\"#bc6c25\" rx=\"4\"\/>\n <rect x=\"40\" y=\"60\" width=\"920\" height=\"440\" fill=\"#e6b88a\" rx=\"8\"\/>\n <!-- Machine Drop Shadow -->\n <rect x=\"270\" y=\"275\" width=\"560\" height=\"70\" fill=\"#000\" opacity=\"0.15\" rx=\"10\"\/>\n <!-- Desktop Machine Rail Frame -->\n <rect x=\"280\" y=\"270\" width=\"540\" height=\"60\" fill=\"#1e293b\" rx=\"8\"\/>\n <rect x=\"290\" y=\"275\" width=\"520\" height=\"50\" fill=\"#334155\" rx=\"4\"\/>\n <line x1=\"310\" y1=\"300\" x2=\"790\" y2=\"300\" stroke=\"#475569\" stroke-width=\"20\" stroke-linecap=\"round\"\/>\n <rect x=\"750\" y=\"260\" width=\"60\" height=\"80\" fill=\"#1e293b\" rx=\"6\"\/>\n <\/g>\n <g class=\"view-pro\">\n <!-- Workshop Concrete Floor -->\n <rect x=\"20\" y=\"40\" width=\"960\" height=\"480\" fill=\"#e2e8f0\" rx=\"16\"\/>\n <rect x=\"20\" y=\"520\" width=\"960\" height=\"20\" fill=\"#cbd5e1\" rx=\"4\"\/>\n <!-- Rubber Standing Mat -->\n <rect x=\"100\" y=\"80\" width=\"800\" height=\"420\" fill=\"#94a3b8\" rx=\"20\"\/>\n <rect x=\"120\" y=\"100\" width=\"760\" height=\"380\" fill=\"#cbd5e1\" rx=\"15\"\/>\n <!-- Pedestal Drop Shadow -->\n <rect x=\"240\" y=\"170\" width=\"420\" height=\"300\" fill=\"#000\" opacity=\"0.1\" rx=\"35\"\/>\n <!-- Heavy Pedestal Floor Base -->\n <rect x=\"250\" y=\"160\" width=\"400\" height=\"280\" fill=\"#1e293b\" rx=\"30\"\/>\n <rect x=\"260\" y=\"170\" width=\"380\" height=\"260\" fill=\"#334155\" rx=\"25\"\/>\n <rect x=\"280\" y=\"190\" width=\"340\" height=\"220\" fill=\"#475569\" rx=\"20\"\/>\n <!-- Central Telescoping Column -->\n <circle cx=\"450\" cy=\"300\" r=\"80\" fill=\"#0f172a\"\/>\n <circle cx=\"450\" cy=\"300\" r=\"65\" fill=\"#475569\"\/>\n <circle cx=\"450\" cy=\"300\" r=\"50\" fill=\"#94a3b8\"\/>\n <!-- Tensioner Extension Arm -->\n <rect x=\"450\" y=\"270\" width=\"330\" height=\"60\" fill=\"#1e293b\" rx=\"10\"\/>\n <rect x=\"450\" y=\"275\" width=\"320\" height=\"50\" fill=\"#334155\" rx=\"8\"\/>\n <line x1=\"480\" y1=\"300\" x2=\"760\" y2=\"300\" stroke=\"#475569\" stroke-width=\"15\" stroke-linecap=\"round\"\/>\n <\/g>\n <\/g>\n\n <!-- Turntable -->\n <g id=\"part-turntable\" class=\"bsw-part\">\n <g class=\"view-basic\">\n <rect x=\"260\" y=\"285\" width=\"380\" height=\"30\" fill=\"#94a3b8\" rx=\"15\"\/>\n <circle cx=\"450\" cy=\"300\" r=\"25\" fill=\"#64748b\"\/>\n <circle cx=\"450\" cy=\"270\" r=\"8\" fill=\"#334155\"\/>\n <\/g>\n <g class=\"view-pro\">\n <circle cx=\"450\" cy=\"300\" r=\"190\" fill=\"#cbd5e1\" stroke=\"#94a3b8\" stroke-width=\"4\" class=\"bsw-spin-ring\"\/>\n <circle cx=\"450\" cy=\"300\" r=\"175\" fill=\"#f1f5f9\"\/>\n <circle cx=\"450\" cy=\"300\" r=\"40\" fill=\"#94a3b8\"\/>\n <circle cx=\"450\" cy=\"300\" r=\"25\" fill=\"#475569\"\/>\n <rect x=\"280\" y=\"295\" width=\"340\" height=\"10\" fill=\"#cbd5e1\" rx=\"5\"\/>\n <\/g>\n <\/g>\n\n <!-- Racquet Base (Non-interactive structure overlay) -->\n <g id=\"part-racquet\" opacity=\"0.85\" style=\"pointer-events: none;\">\n <rect x=\"50\" y=\"285\" width=\"140\" height=\"30\" fill=\"#1e293b\" rx=\"4\"\/>\n <line x1=\"70\" y1=\"285\" x2=\"60\" y2=\"315\" stroke=\"#334155\" stroke-width=\"2\"\/>\n <line x1=\"90\" y1=\"285\" x2=\"80\" y2=\"315\" stroke=\"#334155\" stroke-width=\"2\"\/>\n <line x1=\"110\" y1=\"285\" x2=\"100\" y2=\"315\" stroke=\"#334155\" stroke-width=\"2\"\/>\n <line x1=\"130\" y1=\"285\" x2=\"120\" y2=\"315\" stroke=\"#334155\" stroke-width=\"2\"\/>\n <line x1=\"150\" y1=\"285\" x2=\"140\" y2=\"315\" stroke=\"#334155\" stroke-width=\"2\"\/>\n <line x1=\"170\" y1=\"285\" x2=\"160\" y2=\"315\" stroke=\"#334155\" stroke-width=\"2\"\/>\n <polygon points=\"190,285 220,294 220,306 190,315\" fill=\"#334155\"\/>\n <rect x=\"220\" y=\"296\" width=\"100\" height=\"8\" fill=\"#64748b\"\/>\n <path d=\"M320,296 L340,280 L340,320 L320,304 Z\" fill=\"#64748b\"\/>\n <ellipse cx=\"460\" cy=\"300\" rx=\"120\" ry=\"85\" fill=\"none\" stroke=\"#475569\" stroke-width=\"10\"\/>\n <g stroke=\"#93c5fd\" stroke-width=\"1.5\" opacity=\"0.5\">\n <line x1=\"345\" y1=\"300\" x2=\"575\" y2=\"300\"\/>\n <line x1=\"345\" y1=\"280\" x2=\"575\" y2=\"280\"\/>\n <line x1=\"345\" y1=\"320\" x2=\"575\" y2=\"320\"\/>\n <line x1=\"350\" y1=\"260\" x2=\"565\" y2=\"260\"\/>\n <line x1=\"350\" y1=\"340\" x2=\"565\" y2=\"340\"\/>\n <line x1=\"365\" y1=\"240\" x2=\"545\" y2=\"240\"\/>\n <line x1=\"365\" y1=\"360\" x2=\"545\" y2=\"360\"\/>\n <line x1=\"460\" y1=\"215\" x2=\"460\" y2=\"385\"\/>\n <line x1=\"440\" y1=\"218\" x2=\"440\" y2=\"382\"\/>\n <line x1=\"480\" y1=\"218\" x2=\"480\" y2=\"382\"\/>\n <line x1=\"420\" y1=\"225\" x2=\"420\" y2=\"375\"\/>\n <line x1=\"500\" y1=\"225\" x2=\"500\" y2=\"375\"\/>\n <line x1=\"400\" y1=\"235\" x2=\"400\" y2=\"365\"\/>\n <line x1=\"520\" y1=\"235\" x2=\"520\" y2=\"365\"\/>\n <line x1=\"380\" y1=\"250\" x2=\"380\" y2=\"350\"\/>\n <line x1=\"540\" y1=\"250\" x2=\"540\" y2=\"350\"\/>\n <line x1=\"360\" y1=\"270\" x2=\"360\" y2=\"330\"\/>\n <line x1=\"560\" y1=\"270\" x2=\"560\" y2=\"330\"\/>\n <\/g>\n <\/g>\n\n <!-- Mounting System -->\n <g id=\"part-mounting\" class=\"bsw-part\">\n <rect x=\"325\" y=\"285\" width=\"15\" height=\"30\" fill=\"#ef4444\" rx=\"4\"\/>\n <rect x=\"580\" y=\"285\" width=\"15\" height=\"30\" fill=\"#ef4444\" rx=\"4\"\/>\n <g class=\"view-pro bsw-mount-pulse\">\n <path d=\"M370,225 L390,200 L400,210 L385,235 Z\" fill=\"#f59e0b\"\/>\n <circle cx=\"395\" cy=\"205\" r=\"10\" fill=\"#1d4ed8\"\/>\n <path d=\"M370,375 L390,400 L400,390 L385,365 Z\" fill=\"#f59e0b\"\/>\n <circle cx=\"395\" cy=\"395\" r=\"10\" fill=\"#1d4ed8\"\/>\n <path d=\"M550,225 L530,200 L520,210 L535,235 Z\" fill=\"#f59e0b\"\/>\n <circle cx=\"525\" cy=\"205\" r=\"10\" fill=\"#1d4ed8\"\/>\n <path d=\"M550,375 L530,400 L520,390 L535,365 Z\" fill=\"#f59e0b\"\/>\n <circle cx=\"525\" cy=\"395\" r=\"10\" fill=\"#1d4ed8\"\/>\n <\/g>\n <\/g>\n\n <!-- Clamps -->\n <g id=\"part-clamps\" class=\"bsw-part\">\n <g class=\"view-basic\">\n <g transform=\"translate(420, 260)\">\n <g class=\"bsw-flying-clamp-1\">\n <rect x=\"0\" y=\"0\" width=\"20\" height=\"35\" fill=\"#f59e0b\" rx=\"4\"\/>\n <circle cx=\"10\" cy=\"8\" r=\"4\" fill=\"#b45309\"\/>\n <line x1=\"0\" y1=\"20\" x2=\"20\" y2=\"20\" stroke=\"#b45309\" stroke-width=\"2\"\/>\n <\/g>\n <\/g>\n <g transform=\"translate(480, 310)\">\n <g class=\"bsw-flying-clamp-2\">\n <rect x=\"0\" y=\"0\" width=\"20\" height=\"35\" fill=\"#f59e0b\" rx=\"4\"\/>\n <circle cx=\"10\" cy=\"8\" r=\"4\" fill=\"#b45309\"\/>\n <line x1=\"0\" y1=\"20\" x2=\"20\" y2=\"20\" stroke=\"#b45309\" stroke-width=\"2\"\/>\n <\/g>\n <\/g>\n <\/g>\n <g class=\"view-pro\">\n <g class=\"bsw-fixed-clamp-top\">\n <rect x=\"410\" y=\"220\" width=\"30\" height=\"15\" fill=\"#10b981\" rx=\"3\"\/>\n <rect x=\"415\" y=\"235\" width=\"20\" height=\"25\" fill=\"#334155\"\/>\n <path d=\"M420,260 L430,260 L435,295 L415,295 Z\" fill=\"#94a3b8\"\/>\n <circle cx=\"425\" cy=\"295\" r=\"14\" fill=\"#ef4444\"\/>\n <\/g>\n <g class=\"bsw-fixed-clamp-bottom\">\n <rect x=\"480\" y=\"365\" width=\"30\" height=\"15\" fill=\"#10b981\" rx=\"3\"\/>\n <rect x=\"485\" y=\"340\" width=\"20\" height=\"25\" fill=\"#334155\"\/>\n <path d=\"M490,340 L500,340 L505,305 L485,305 Z\" fill=\"#94a3b8\"\/>\n <circle cx=\"495\" cy=\"305\" r=\"14\" fill=\"#ef4444\"\/>\n <\/g>\n <\/g>\n <\/g>\n\n <!-- Tension Head -->\n <g id=\"part-tension\" class=\"bsw-part\">\n <g class=\"view-basic\">\n <circle cx=\"780\" cy=\"300\" r=\"30\" fill=\"#475569\"\/>\n <circle cx=\"780\" cy=\"300\" r=\"12\" fill=\"#94a3b8\"\/>\n <g class=\"bsw-drop-lever\">\n <rect x=\"780\" y=\"292\" width=\"180\" height=\"16\" fill=\"#cbd5e1\" rx=\"8\"\/>\n <rect x=\"890\" y=\"270\" width=\"50\" height=\"60\" fill=\"#1e293b\" rx=\"6\"\/>\n <text x=\"915\" y=\"306\" fill=\"#fff\" font-size=\"16\" font-family=\"sans-serif\" text-anchor=\"middle\" font-weight=\"bold\">W<\/text>\n <\/g>\n <line x1=\"585\" y1=\"300\" x2=\"780\" y2=\"300\" stroke=\"#3b82f6\" stroke-width=\"2\"\/>\n <rect x=\"760\" y=\"285\" width=\"20\" height=\"30\" fill=\"#64748b\" rx=\"4\"\/>\n <\/g>\n <g class=\"view-pro\">\n <rect x=\"750\" y=\"220\" width=\"180\" height=\"160\" fill=\"#1e293b\" rx=\"12\"\/>\n <rect x=\"760\" y=\"230\" width=\"160\" height=\"140\" fill=\"#0f172a\" rx=\"8\"\/>\n <rect x=\"780\" y=\"245\" width=\"120\" height=\"40\" fill=\"#06b6d4\" rx=\"4\"\/>\n <text id=\"tension-lcd-text\" x=\"800\" y=\"275\" fill=\"#fff\" font-family=\"monospace\" font-size=\"24\" font-weight=\"bold\">0.0<\/text>\n <text x=\"860\" y=\"275\" fill=\"#fff\" font-family=\"sans-serif\" font-size=\"12\">LBS<\/text>\n <circle cx=\"800\" cy=\"310\" r=\"8\" fill=\"#334155\"\/>\n <circle cx=\"830\" cy=\"310\" r=\"8\" fill=\"#334155\"\/>\n <circle cx=\"860\" cy=\"310\" r=\"8\" fill=\"#334155\"\/>\n <rect x=\"790\" y=\"330\" width=\"80\" height=\"20\" fill=\"#ef4444\" rx=\"10\"\/>\n <g id=\"tension-gripper-group\">\n <line x1=\"585\" y1=\"300\" x2=\"740\" y2=\"300\" stroke=\"#3b82f6\" stroke-width=\"3\" class=\"bsw-string-line\"\/>\n <g class=\"bsw-gripper-head\">\n <path d=\"M730,285 L760,285 L760,315 L730,315 Z\" fill=\"#e2e8f0\"\/>\n <circle cx=\"745\" cy=\"300\" r=\"6\" fill=\"#334155\"\/>\n <rect x=\"730\" y=\"295\" width=\"10\" height=\"10\" fill=\"#94a3b8\"\/>\n <\/g>\n <\/g>\n <\/g>\n <\/g>\n <\/svg>\n <\/div>\n <\/div>\n\n <!-- Navigation Buttons -->\n <div class=\"bsw-nav\" id=\"bsw-controls\">\n <button class=\"bsw-btn active\" data-target=\"tension\">Tension System<\/button>\n <button class=\"bsw-btn\" data-target=\"clamps\">Mga Uri ng Clamp<\/button>\n <button class=\"bsw-btn\" data-target=\"mounting\">Mounting System<\/button>\n <button class=\"bsw-btn\" data-target=\"turntable\">Pag-ikot ng Turntable<\/button>\n <button class=\"bsw-btn\" data-target=\"base\">Uri ng Makina<\/button>\n <\/div>\n\n <!-- Comparison Panel -->\n <div class=\"bsw-comparison-panel\">\n <!-- Basic Card -->\n <div class=\"bsw-card bsw-card-basic\">\n <div class=\"bsw-card-badge\">Opsyon A<\/div>\n <div class=\"bsw-card-title\" id=\"basic-title\">Drop-Weight \/ Lock-Out<\/div>\n <div class=\"bsw-card-desc\" id=\"basic-desc\">Gumagamit ng gravity. Napakatumpak ngunit mas mabagal patakbuhin nang manwal. Humihinto sa paghila kapag naabot na ang pound (lbs).<\/div>\n <div class=\"bsw-card-feature\" id=\"basic-feat-1\"><span class=\"bsw-icon-x\">\u2717<\/span> Binabalewala ang karagdagang pagbanat ng kuwerdas<\/div>\n <div class=\"bsw-card-feature\" id=\"basic-feat-2\"><span class=\"bsw-icon-x\">\u2717<\/span> Mas mabagal na manwal na workflow<\/div>\n <div class=\"bsw-view-hint\">Inilalarawan ang Opsyon A<\/div>\n <\/div>\n\n <!-- Pro Card -->\n <div class=\"bsw-card bsw-card-pro active\">\n <div class=\"bsw-card-badge\">Opsyon B<\/div>\n <div class=\"bsw-card-title\" id=\"pro-title\">Electronic \/ Constant-Pull<\/div>\n <div class=\"bsw-card-desc\" id=\"pro-desc\">Gumagamit ng digital motor. Patuloy na nag-a-adjust nang unti-unti para mapanatili ang eksaktong pound (lbs) habang nasa proseso ng pag-clamp.<\/div>\n <div class=\"bsw-card-feature\" id=\"pro-feat-1\"><span class=\"bsw-icon-check\">\u2713<\/span> Napakabilis at pare-pareho<\/div>\n <div class=\"bsw-card-feature\" id=\"pro-feat-2\"><span class=\"bsw-icon-check\">\u2713<\/span> Sinisiguro ang pinakamataas na pananatili ng pound<\/div>\n <div class=\"bsw-view-hint\">Inilalarawan ang Opsyon B<\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/div>\n\n<script>\n\/\/ ==========================================================================\n\/\/ BULLETPROOF WORDPRESS INITIALIZATION\n\/\/ Uses Event Delegation and Auto-Polling instead of DOMContentLoaded\n\/\/ ==========================================================================\n(function() {\n const machineData = {\n tension: {\n basicTitle: \"Drop-Weight \/ Lock-Out\",\n basicDesc: \"Gumagamit ng gravity. Napakatumpak ngunit mas mabagal patakbuhin nang manwal. Humihinto sa paghila kapag naabot na ang pound (lbs).\",\n basicFeat1: \"Binabalewala ang karagdagang pagbanat ng kuwerdas\",\n basicFeat2: \"Mas mabagal na manwal na workflow\",\n proTitle: \"Electronic \/ Constant-Pull\",\n proDesc: \"Gumagamit ng digital motor. Patuloy na nag-a-adjust nang unti-unti para mapanatili ang eksaktong pound (lbs) habang nasa proseso ng pag-clamp.\",\n proFeat1: \"Napakabilis at pare-pareho\",\n proFeat2: \"Sinisiguro ang pinakamataas na pananatili ng pound\"\n },\n clamps: {\n basicTitle: \"Flying Clamps\",\n basicDesc: \"Kinakabit ang kuwerdas sa isa't isa nang hindi idinidikit sa base ng makina. Highly flexible.\",\n basicFeat1: \"Nagkakaroon ng mas malaking tension drawback\",\n basicFeat2: \"Maaaring pumilipit sa ilalim ng matinding stress\",\n proTitle: \"Fixed Clamps\",\n proDesc: \"Matibay na nakakabit sa base tracks ng makina. Naka-lock nang matibay sa pwesto.\",\n proFeat1: \"Walang pagpilipit o paggalaw\",\n proFeat2: \"Matibay na pananatili ng pound\"\n },\n mounting: {\n basicTitle: \"2-Point System\",\n basicDesc: \"Hinahawakan ang raketa lamang sa itaas (12 o'clock) at ibaba (6 o'clock). Mas mabilis i-mount.\",\n basicFeat1: \"Mas mahinang pangkalahatang suporta sa frame\",\n basicFeat2: \"Maaaring ma-deform ang frame sa matataas na pound\",\n proTitle: \"6-Point System\",\n proDesc: \"Nagdadagdag ng 4 side supports sa itaas at ibabang mounts, ni-lo-lock ang frame nang matibay sa pwesto.\",\n proFeat1: \"Maximum na pagpapanatili sa hugis ng frame\",\n proFeat2: \"Ligtas para sa matataas na pound (lbs)\"\n },\n turntable: {\n basicTitle: \"Limitadong Pag-ikot\",\n basicDesc: \"Ang base na humahawak sa raketa ay hindi makapag-ikot nang malaya o tumatama sa mga hadlang.\",\n basicFeat1: \"Nangangailangan ng hindi komportableng pag-iiba ng pwesto ng katawan\",\n basicFeat2: \"Mas mabagal na proseso ng paghahabi\",\n proTitle: \"360-Degree Rotation\",\n proDesc: \"Ang buong turntable ay makinis na umiikot nang buo na mayroong lockable brakes.\",\n proFeat1: \"Walang hadlang na access sa kahit anong anggulo\",\n proFeat2: \"Lubhang nagpapabilis sa daloy ng trabaho\"\n },\n base: {\n basicTitle: \"Desktop Class\",\n basicDesc: \"Nakapatong sa lamesa. Madaling dalhin at pasok sa badyet. Maganda para sa mga home user.\",\n basicFeat1: \"Maaaring gumalaw habang matindi ang hila\",\n basicFeat2: \"Nakadepende ang ergonomics sa lamesa\",\n proTitle: \"Standalone Workshop\",\n proDesc: \"Nakatayo sa isang mabigat at height-adjustable na floor pedestal.\",\n proFeat1: \"Napakabigat at matatag habang umaandar\",\n proFeat2: \"Perpektong ergonomics para sa mahabang oras\"\n }\n };\n\n let currentTarget = 'tension';\n let currentMode = 'pro';\n let tensionAnimId;\n\n \/\/ Animation logic for the Tension Number\n function playTensionAnimation() {\n const lcd = document.getElementById('tension-lcd-text');\n if (!lcd) return;\n cancelAnimationFrame(tensionAnimId);\n let startTimestamp = null;\n const duration = 1200; \n const finalValue = 28.0;\n\n const step = (timestamp) => {\n if (!startTimestamp) startTimestamp = timestamp;\n const progress = Math.min((timestamp - startTimestamp) \/ duration, 1);\n const easeProgress = 1 - Math.pow(1 - progress, 4);\n const currentValue = (easeProgress * finalValue).toFixed(1);\n \n lcd.textContent = currentValue;\n if (progress < 1) {\n tensionAnimId = requestAnimationFrame(step);\n } else {\n lcd.textContent = finalValue.toFixed(1);\n }\n };\n tensionAnimId = requestAnimationFrame(step);\n }\n\n function setMode(mode) {\n currentMode = mode;\n const mainModule = document.getElementById('bsw-anatomy-module');\n const basicCard = document.querySelector('.bsw-card-basic');\n const proCard = document.querySelector('.bsw-card-pro');\n if (!mainModule || !basicCard || !proCard) return;\n\n if(mode === 'basic') {\n mainModule.classList.remove('mode-pro');\n mainModule.classList.add('mode-basic');\n basicCard.classList.add('active');\n proCard.classList.remove('active');\n } else {\n mainModule.classList.remove('mode-basic');\n mainModule.classList.add('mode-pro');\n proCard.classList.add('active');\n basicCard.classList.remove('active');\n }\n \n const gripperGroup = document.getElementById('tension-gripper-group');\n if (currentTarget === 'tension' && currentMode === 'pro') {\n playTensionAnimation();\n if (gripperGroup) gripperGroup.classList.add('pull-active');\n } else {\n cancelAnimationFrame(tensionAnimId);\n if (gripperGroup) gripperGroup.classList.remove('pull-active');\n }\n }\n\n function updateUI(targetKey) {\n currentTarget = targetKey;\n const buttons = document.querySelectorAll('.bsw-btn');\n const parts = document.querySelectorAll('.bsw-part');\n\n \/\/ Update Tabs\n buttons.forEach(btn => {\n if(btn.getAttribute('data-target') === targetKey) {\n btn.classList.add('active');\n try {\n \/\/ Only scroll into view horizontally on mobile\n const nav = document.getElementById('bsw-controls');\n if(nav && window.innerWidth < 768) {\n const navRect = nav.getBoundingClientRect();\n const btnRect = btn.getBoundingClientRect();\n nav.scrollLeft += (btnRect.left - navRect.left) - (navRect.width \/ 2) + (btnRect.width \/ 2);\n }\n } catch(e) {}\n } else {\n btn.classList.remove('active');\n }\n });\n\n \/\/ Update SVG Visuals\n parts.forEach(part => {\n if(part.id === `part-${targetKey}`) {\n part.classList.remove('dimmed');\n part.classList.add('active');\n part.parentNode.appendChild(part); \/\/ Bring to front\n } else {\n part.classList.remove('active');\n part.classList.add('dimmed');\n }\n });\n\n \/\/ Update Text\n const data = machineData[targetKey];\n if(!data) return;\n document.getElementById('basic-title').textContent = data.basicTitle;\n document.getElementById('basic-desc').textContent = data.basicDesc;\n document.getElementById('basic-feat-1').innerHTML = `<span class=\"bsw-icon-x\">\u2717<\/span> ${data.basicFeat1}`;\n document.getElementById('basic-feat-2').innerHTML = `<span class=\"bsw-icon-x\">\u2717<\/span> ${data.basicFeat2}`;\n document.getElementById('pro-title').textContent = data.proTitle;\n document.getElementById('pro-desc').textContent = data.proDesc;\n document.getElementById('pro-feat-1').innerHTML = `<span class=\"bsw-icon-check\">\u2713<\/span> ${data.proFeat1}`;\n document.getElementById('pro-feat-2').innerHTML = `<span class=\"bsw-icon-check\">\u2713<\/span> ${data.proFeat2}`;\n\n setMode(currentMode);\n }\n\n function initInteractive() {\n const module = document.getElementById('bsw-anatomy-module');\n if (!module) return false; \/\/ Not injected yet\n if (module.dataset.initialized === 'true') return true; \/\/ Already running\n \n module.dataset.initialized = 'true';\n\n \/\/ EVENT DELEGATION: Catches clicks reliably even if elements reshuffle\n module.addEventListener('click', function(e) {\n \/\/ Check for Navigation Tab Clicks\n const btn = e.target.closest('.bsw-btn');\n if (btn) {\n updateUI(btn.getAttribute('data-target'));\n return;\n }\n\n \/\/ Check for Comparison Card Clicks\n const basicCard = e.target.closest('.bsw-card-basic');\n if (basicCard) { setMode('basic'); return; }\n \n const proCard = e.target.closest('.bsw-card-pro');\n if (proCard) { setMode('pro'); return; }\n\n \/\/ Check for direct SVG visual part clicks\n const svgPart = e.target.closest('.bsw-part');\n if (svgPart) {\n const partId = svgPart.getAttribute('id');\n if (partId) {\n updateUI(partId.replace('part-', ''));\n }\n return;\n }\n });\n\n \/\/ Load initial state\n updateUI('tension');\n return true;\n }\n\n \/\/ Auto-Polling loader (Runs 50 times over 5 seconds to guarantee attachment in WP builders)\n let attempts = 0;\n const loadTimer = setInterval(function() {\n if (initInteractive() || attempts > 50) {\n clearInterval(loadTimer);\n }\n attempts++;\n }, 100);\n\n})();\n<\/script>\n\n<\/body>\n<\/html>\n\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n<div class=\"gb-container gb-container-e4ec421e gbp-section__inner\">\n<div class=\"gb-container gb-container-4a0c4bf4\">\n\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>Pagsusuri sa Anatomy ng Stringing Machine<\/title>\n <style>\n \/* WordPress Conflict Fixes:\n 1. Scoped everything under #bsw-quiz-widget\n 2. Replaced the generic body tag styling with a wrapper class\n 3. Prefixed all classes and IDs with \"bsw-quiz-\" to avoid clashes\n 4. Reset box-sizing, margins, and button defaults\n *\/\n \n #bsw-quiz-widget {\n font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n display: flex;\n justify-content: center;\n align-items: center;\n padding: 20px 0;\n margin: 0;\n background-color: transparent; \/* Lets your WP theme background show through *\/\n }\n\n #bsw-quiz-widget * {\n box-sizing: border-box;\n }\n\n #bsw-quiz-widget .bsw-quiz-container {\n width: 100%;\n max-width: 500px;\n background: #fff;\n border-radius: 12px;\n box-shadow: 0 10px 25px rgba(0,0,0,0.1);\n overflow: hidden;\n border: 1px solid #eee;\n margin: 0 auto;\n }\n\n #bsw-quiz-widget .bsw-quiz-header {\n background: linear-gradient(135deg, #0B2447, #19376D);\n color: #fff;\n padding: 24px 20px;\n text-align: center;\n position: relative;\n margin: 0;\n }\n\n #bsw-quiz-widget .bsw-quiz-header-accent {\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: linear-gradient(90deg, #FFD700, #FDB931, #FFD700);\n }\n\n #bsw-quiz-widget .bsw-score-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n background: #fff;\n padding: 6px 16px;\n border-radius: 20px;\n font-weight: 700;\n font-size: 14px;\n color: #0B2447;\n box-shadow: 0 4px 12px rgba(0,0,0,0.15);\n margin: 0;\n }\n\n #bsw-quiz-widget .bsw-opt-card {\n padding: 14px 16px;\n border-radius: 10px;\n cursor: pointer;\n border: 2px solid #eee;\n background: #fff;\n transition: all 0.2s ease;\n display: flex;\n align-items: center;\n gap: 12px;\n margin: 0;\n }\n\n #bsw-quiz-widget .bsw-opt-card:hover {\n border-color: #19376D;\n background: #F8FAFF;\n transform: translateY(-1px);\n }\n\n #bsw-quiz-widget .bsw-opt-card.selected {\n border-color: #0B2447;\n background: #F0F4F8;\n }\n\n #bsw-quiz-widget .bsw-radio-circle {\n width: 22px;\n height: 22px;\n border-radius: 50%;\n border: 2px solid #ccc;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n transition: all 0.2s ease;\n margin: 0;\n padding: 0;\n }\n\n #bsw-quiz-widget .bsw-opt-card.selected .bsw-radio-circle {\n border-color: #0B2447;\n background: #0B2447;\n }\n\n #bsw-quiz-widget .bsw-radio-dot {\n width: 8px;\n height: 8px;\n background: #FFD700;\n border-radius: 50%;\n opacity: 0;\n transform: scale(0);\n transition: all 0.2s ease;\n margin: 0;\n }\n\n #bsw-quiz-widget .bsw-opt-card.selected .bsw-radio-dot {\n opacity: 1;\n transform: scale(1);\n }\n\n #bsw-quiz-widget .bsw-nav-btn {\n flex: 1;\n padding: 14px;\n border: none;\n border-radius: 8px;\n font-weight: 700;\n font-size: 15px;\n cursor: pointer;\n transition: all 0.2s;\n margin: 0;\n text-align: center;\n line-height: normal;\n font-family: inherit;\n appearance: none;\n }\n\n #bsw-quiz-widget .bsw-btn-prev {\n background: #F0F4F8;\n color: #0B2447;\n border: 1px solid rgba(11,36,71,0.2);\n }\n\n #bsw-quiz-widget .bsw-btn-prev:not(:disabled):hover {\n background: #E2E8F0;\n }\n\n #bsw-quiz-widget .bsw-btn-next {\n background: linear-gradient(135deg, #0B2447, #19376D);\n color: #fff;\n }\n\n #bsw-quiz-widget .bsw-btn-next:not(:disabled):hover {\n box-shadow: 0 4px 12px rgba(11,36,71,0.3);\n transform: translateY(-1px);\n }\n\n #bsw-quiz-widget .bsw-btn-next:disabled, \n #bsw-quiz-widget .bsw-btn-prev:disabled {\n opacity: 0.5;\n cursor: not-allowed;\n transform: none;\n box-shadow: none;\n }\n \n #bsw-quiz-widget a {\n text-decoration: none;\n }\n <\/style>\n<\/head>\n<body>\n\n<div id=\"bsw-quiz-widget\">\n <div class=\"bsw-quiz-container\">\n <div class=\"bsw-quiz-header\">\n <div class=\"bsw-quiz-header-accent\"><\/div>\n <div style=\"font-size: 22px; font-weight: 800; margin-bottom: 6px; letter-spacing: -0.5px; line-height: 1.2;\">\ud83c\udff8 Pagsusuri sa Anatomy ng Stringing Machine<\/div>\n <div style=\"font-size: 14px; opacity: 0.9; line-height: 1.4; margin-bottom: 16px;\">\n <strong>Naiintindihan mo ba kung paano nakakaapekto ang mga system ng makina sa iyong pag-i-stringing?<\/strong>\n <\/div>\n <div class=\"bsw-score-badge\">\n <span id=\"bsw-current-score-top\">0<\/span> \/ <span id=\"bsw-total-score-top\">8<\/span>\n <\/div>\n <\/div>\n\n <div id=\"bsw-quiz-main\" style=\"padding: 24px;\">\n <div style=\"display: flex; flex-direction: column; gap: 8px; margin-bottom: 24px; padding: 14px; background: #F0F4F8; border-radius: 10px; border: 1px solid rgba(11,36,71,0.15);\">\n <div style=\"display: flex; justify-content: space-between; align-items: center;\">\n <div style=\"display: flex; align-items: center; gap: 12px;\">\n <div id=\"bsw-progress-circle\" style=\"width: 40px; height: 40px; border-radius: 50%; background: conic-gradient(#0B2447 0deg 0deg, #F0F4F8 0deg 360deg); display: flex; align-items: center; justify-content: center; font-weight: 800; color: #0B2447; font-size: 14px; border: 3px solid #fff; box-shadow: 0 2px 8px rgba(0,0,0,0.08); margin: 0; padding: 0;\">1<\/div>\n <div style=\"margin: 0; padding: 0;\">\n <div style=\"font-size: 14px; font-weight: 700; color: #1a1a1a; margin: 0; line-height: 1.2;\">Tanong <span id=\"bsw-current-step\">1<\/span> ng 8<\/div>\n <div id=\"bsw-skill-label\" style=\"font-size: 11px; color: #19376D; font-weight: 800; text-transform: uppercase; letter-spacing: 0.8px; margin: 0; line-height: 1.2;\">BIOMECHANICS<\/div>\n <\/div>\n <\/div>\n <div id=\"bsw-question-tag\" style=\"font-size: 10px; color: #0B2447; background: #FFD700; padding: 5px 12px; border-radius: 12px; font-weight: 800; letter-spacing: 0.5px; margin: 0;\">MECHANICS<\/div>\n <\/div>\n <\/div>\n\n <div id=\"bsw-quiz-card\" style=\"min-height: 250px;\">\n <div id=\"bsw-question-content\"><\/div>\n <\/div>\n\n <div style=\"display: flex; gap: 12px; margin-top: 28px;\">\n <button id=\"bsw-prev-btn\" class=\"bsw-nav-btn bsw-btn-prev\" disabled>\u2190 Nakaraan<\/button>\n <button id=\"bsw-next-btn\" class=\"bsw-nav-btn bsw-btn-next\" disabled>Susunod na Tanong<\/button>\n <\/div>\n <\/div>\n\n <div id=\"bsw-result-screen\" style=\"text-align: center; padding: 40px 24px; display: none;\">\n <div id=\"bsw-result-emoji\" style=\"font-size: 56px; margin-bottom: 12px; animation: bounce 1s ease infinite; line-height: 1;\">\ud83c\udf89<\/div>\n <div id=\"bsw-result-title\" style=\"font-size: 24px; font-weight: 800; color: #1a1a1a; margin-bottom: 8px; line-height: 1.2;\">Tapos na ang Pagsusuri!<\/div>\n <div id=\"bsw-final-score\" style=\"font-size: 48px; font-weight: 900; background: linear-gradient(135deg, #0B2447, #19376D); -webkit-background-clip: text; -webkit-text-fill-color: transparent; margin-bottom: 24px; line-height: 1;\">Handa na<\/div>\n \n <div style=\"background: #F8FAFF; border-radius: 12px; padding: 20px; border: 1px solid #EEF2FF; margin-bottom: 28px; box-shadow: inset 0 2px 4px rgba(0,0,0,0.02);\">\n <p style=\"color:#444; font-size:15px; line-height:1.6; margin: 0;\">Magaling! Ngayong naiintindihan mo na kung paano nakakaapekto ang anatomy ng stringing machine sa katatagan ng iyong gawa, handa ka na bang itaas ang iyong technical knowledge sa pamamagitan ng propesyonal na stringing education?<\/p>\n <\/div>\n\n <a id=\"bsw-apply-btn\" href=\"https:\/\/beststringer.com\/stringing-course-application\/\" target=\"_blank\" style=\"display: block; padding: 18px; border-radius: 10px; font-weight: 800; font-size: 16px; background: linear-gradient(135deg, #0B2447, #19376D); color: #FFD700; text-decoration: none; box-shadow: 0 6px 20px rgba(11,36,71,0.25); border: 2px solid #FFD700; transition: all 0.3s ease;\">\n \ud83c\udf93 Mag-apply para sa BSW Certification\n <\/a>\n <\/div>\n <\/div>\n<\/div>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', function() {\n 'use strict';\n\n const DRILLS = [\n {q:\"Ano ang tatlong pangunahing working system ng isang stringing machine?\", opts:[\"Mounting, clamp, at tension systems\", \"Racquet, string, at grip systems\", \"Frame, shaft, at handle systems\", \"Drop-weight, spring, at electronic systems\"], correct:0, skill:\"anatomy\", label:\"SYSTEMS\"},\n {q:\"Aling tension system ang gumagamit ng gravity at leverage para makahila?\", opts:[\"Electronic tension\", \"Spring tension\", \"Drop-weight system\", \"Constant-pull motor\"], correct:2, skill:\"tension\", label:\"TENSION\"},\n {q:\"Bakit mahalaga ang mounting system para sa proteksyon ng raketa?\", opts:[\"Ginagawa nitong mas malakas ang tunog ng kuwerdas\", \"Pinapamahagi nito ang stress at iniiwasan ang frame distortion\", \"Awtomatiko nitong kina-calibrate ang mga clamp\", \"Tinataasan nito ang pound (lbs) nang 10%\"], correct:1, skill:\"protection\", label:\"MOUNTING\"},\n {q:\"Ano ang pangunahing aspeto ng mga 'constant-pull' tension system?\", opts:[\"Pagpuno (compensating) para sa pagbanat ng kuwerdas pagkatapos ng unang hila\", \"Nila-lock ang tension head kapag naabot na ang target\", \"Paggamit ng crank para manu-manong hilahin ang kuwerdas\", \"Paggamit lamang ng flying clamps\"], correct:0, skill:\"behavior\", label:\"BEHAVIOR\"},\n {q:\"Aling uri ng clamp system ang pisikal na nakakabit sa base o turntable ng makina?\", opts:[\"Mga flying clamp\", \"Mga starting clamp\", \"Mga fixed clamp\", \"Mga glide clamp\"], correct:2, skill:\"clamps\", label:\"CLAMPS\"},\n {q:\"Ano ang isang mahalagang benepisyo ng turntable lock?\", opts:[\"Pinipigilan nito ang hindi sinasadyang paggalaw habang nagbubuhol at nagka-calibrate\", \"Pinapataas nito ang bilis ng paghila ng tension head\", \"Awtomatiko nitong pinuputol ang kuwerdas kapag tapos na\", \"Binabago nito ang lock-out machine para maging constant-pull machine\"], correct:0, skill:\"features\", label:\"TURNTABLE\"},\n {q:\"Bakit kapaki-pakinabang ang 360-degree na pag-ikot para sa mga stringer?\", opts:[\"Ginagarantiya nito na hindi masisira ang raketa\", \"Pinapabuti nito ang access at binabawasan ang paglipat-lipat ng pwesto\", \"Nagdaragdag ito ng ekstrang pound (lbs) sa cross strings\", \"Tinatanggal nito ang pangangailangan para sa isang mounting system\"], correct:1, skill:\"workflow\", label:\"ROTATION\"},\n {q:\"Bakit mahalaga ang anatomy ng makina sa badminton stringing certification?\", opts:[\"Nagtuturo ito sa mga stringer kung paano nakakaapekto ang istraktura ng kagamitan sa katatagan at kaligtasan ng raketa\", \"Pinapayagan nito ang mga stringer na bumuo ng sariling makina mula sa simula\", \"Pinapatunayan nito na magkakatulad ang lahat ng mamahaling makina\", \"Pinapalitan nito ang pangangailangang matutunan ang tamang pagbubuhol\"], correct:0, skill:\"certification\", label:\"EDUCATION\"}\n ];\n\n let current = 0;\n let answers = {};\n\n const el = {\n quizMain: document.getElementById('bsw-quiz-main'),\n resultScreen: document.getElementById('bsw-result-screen'),\n currentScoreTop: document.getElementById('bsw-current-score-top'),\n totalScoreTop: document.getElementById('bsw-total-score-top'),\n currentStep: document.getElementById('bsw-current-step'),\n progressCircle: document.getElementById('bsw-progress-circle'),\n skillLabel: document.getElementById('bsw-skill-label'),\n questionTag: document.getElementById('bsw-question-tag'),\n questionContent: document.getElementById('bsw-question-content'),\n prevBtn: document.getElementById('bsw-prev-btn'),\n nextBtn: document.getElementById('bsw-next-btn'),\n finalScore: document.getElementById('bsw-final-score'),\n resultEmoji: document.getElementById('bsw-result-emoji'),\n resultTitle: document.getElementById('bsw-result-title')\n };\n\n function updateProgress() {\n el.currentStep.textContent = current + 1;\n el.totalScoreTop.textContent = DRILLS.length;\n const answeredCount = Object.keys(answers).length;\n el.currentScoreTop.textContent = answeredCount;\n \n const progress = ((current + 1) \/ DRILLS.length) * 360;\n el.progressCircle.style.background = `conic-gradient(#0B2447 0deg ${progress}deg, #F0F4F8 ${progress}deg 360deg)`;\n el.progressCircle.textContent = current + 1;\n }\n\n function renderQuestion() {\n const drill = DRILLS[current];\n const answeredIndex = answers[current];\n let html = `<div style=\"font-size: 18px; font-weight: 700; color: #1a1a1a; line-height: 1.5; margin-bottom: 24px; margin-top: 0;\">${drill.q}<\/div><div style=\"display: grid; gap: 12px; margin: 0; padding: 0;\">`;\n \n drill.opts.forEach((opt, i) => {\n const isSelected = answeredIndex === i;\n html += `\n <div class=\"bsw-opt-card ${isSelected ? 'selected' : ''}\" data-index=\"${i}\">\n <div class=\"bsw-radio-circle\">\n <div class=\"bsw-radio-dot\"><\/div>\n <\/div>\n <div style=\"font-weight: 600; font-size: 15px; color: ${isSelected ? '#0B2447' : '#444'}; margin: 0; padding: 0; line-height: 1.4;\">${opt}<\/div>\n <\/div>`;\n });\n \n html += '<\/div>';\n el.questionContent.innerHTML = html;\n el.skillLabel.textContent = drill.skill;\n el.questionTag.textContent = drill.label;\n\n document.querySelectorAll('.bsw-opt-card').forEach(card => {\n card.addEventListener('click', function() {\n const idx = parseInt(this.getAttribute('data-index'));\n answers[current] = idx;\n renderQuestion();\n });\n });\n\n el.prevBtn.disabled = current === 0;\n el.nextBtn.textContent = current === DRILLS.length - 1 ? 'Tingnan ang Pagsusuri \ud83c\udf89' : 'Susunod na Tanong';\n \n const isAnswered = answers[current] !== undefined;\n el.nextBtn.disabled = !isAnswered;\n \n updateProgress();\n }\n\n function calculateResults() {\n let score = 0;\n DRILLS.forEach((d, i) => {\n if (answers[i] === d.correct) {\n score++;\n }\n });\n\n el.quizMain.style.display = 'none';\n el.resultScreen.style.display = 'block';\n const percent = Math.round((score \/ DRILLS.length) * 100);\n \n el.finalScore.textContent = percent + '%';\n \n const emoji = percent >= 80 ? '\ud83c\udfc6' : '\ud83d\udc4d';\n const title = percent >= 80 ? 'Napakahusay na Pag-unawa!' : 'Magandang Simula';\n \n el.resultEmoji.textContent = emoji;\n el.resultTitle.textContent = title;\n }\n\n el.nextBtn.addEventListener('click', () => {\n if (current < DRILLS.length - 1) {\n current++;\n renderQuestion();\n } else {\n calculateResults();\n }\n });\n\n el.prevBtn.addEventListener('click', () => {\n if (current > 0) {\n current--;\n renderQuestion();\n }\n });\n\n \/\/ Initial render\n renderQuestion();\n});\n<\/script>\n\n<\/body>\n<\/html>\n\n<\/div>\n\n<div class=\"gb-container gb-container-5b3bc5e8\">\n\n<div class=\"gb-headline gb-headline-2f04cb32 gb-headline-text gbp-section__tagline\">Husay sa Workshop<\/div>\n\n\n\n<h2 class=\"gb-headline gb-headline-bba2ffc2 gb-headline-text gbp-section__headline\">Subok na <mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-accent-color\">Anatomy ng Makina<\/mark><\/h2>\n\n\n\n<p>Ang aming approach sa stringing ay nakabatay sa mga beripikadong parameter ng kagamitan na ginagamit ng mga nangungunang propesyonal. Inuuna namin ang kaligtasan ng braso, tamang pagsusuri ng frame, at husay sa playstyle kaysa sa puro hype lang sa pound (lbs).<\/p>\n\n\n<div class=\"gb-grid-wrapper gb-grid-wrapper-2631a86b\">\n<div class=\"gb-grid-column gb-grid-column-670ee1e4\"><div class=\"gb-container gb-container-670ee1e4\">\n\n<div class=\"gb-headline gb-headline-4ffecd9e gb-headline-text\">3<\/div>\n\n\n\n<div class=\"gb-headline gb-headline-a40d5ff4 gb-headline-text\">Pangunahing Working System<\/div>\n\n<\/div><\/div>\n\n<div class=\"gb-grid-column gb-grid-column-36c23c60\"><div class=\"gb-container gb-container-36c23c60\">\n\n<div class=\"gb-headline gb-headline-3944b2ff gb-headline-text\">100%<\/div>\n\n\n\n<div class=\"gb-headline gb-headline-5dd5c27e gb-headline-text\">Katumpakan sa Pound (lbs)<\/div>\n\n<\/div><\/div>\n\n<div class=\"gb-grid-column gb-grid-column-325bb028\"><div class=\"gb-container gb-container-325bb028\">\n\n<div class=\"gb-headline gb-headline-fb0a55b1 gb-headline-text\">Ligtas<\/div>\n\n\n\n<div class=\"gb-headline gb-headline-135bc509 gb-headline-text\">Proteksyon ng Frame<\/div>\n\n<\/div><\/div>\n\n<div class=\"gb-grid-column gb-grid-column-b38becfe\"><div class=\"gb-container gb-container-b38becfe\">\n\n<div class=\"gb-headline gb-headline-7c2857fd gb-headline-text\">360<\/div>\n\n\n\n<div class=\"gb-headline gb-headline-7d08250a gb-headline-text\">Degree na Pag-ikot<\/div>\n\n<\/div><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<title>Epekto ng mga Bahagi ng Makina sa Workflow<\/title>\n<style>\n\/* WordPress Conflict Fixes:\n 1. Everything is scoped under #bsw-racquet-comparison\n 2. All class names are prefixed with \"bsw-\" to prevent clashes\n 3. Added specific overrides for common WP theme table defaults (borders, padding, background)\n*\/\n\n#bsw-racquet-comparison {\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n margin: 20px 0;\n max-width: 100%;\n line-height: 1.5;\n color: #333;\n}\n\n#bsw-racquet-comparison * {\n box-sizing: border-box;\n}\n\n#bsw-racquet-comparison .bsw-header {\n text-align: center;\n margin-bottom: 20px;\n color: #2a3f90;\n font-size: 1.3em;\n font-weight: bold;\n line-height: 1.3;\n text-transform: uppercase;\n letter-spacing: 1px;\n}\n\n\/* Desktop Table View *\/\n#bsw-racquet-comparison .bsw-table {\n width: 100% !important;\n border-collapse: separate !important;\n border-spacing: 0 !important;\n box-shadow: 0 4px 8px rgba(0,0,0,0.1);\n border-radius: 8px;\n overflow: hidden;\n display: table !important;\n background: #fff;\n margin: 0;\n padding: 0;\n border: none !important;\n}\n\n#bsw-racquet-comparison .bsw-table th,\n#bsw-racquet-comparison .bsw-table td {\n padding: 14px !important;\n text-align: left !important;\n vertical-align: top !important;\n border: none !important;\n border-bottom: 1px solid #e0e0e0 !important;\n background: none;\n margin: 0;\n}\n\n#bsw-racquet-comparison .bsw-table th {\n background: linear-gradient(135deg, #1a2980 0%, #26d0ce 100%) !important;\n color: white !important;\n font-weight: 600 !important;\n font-size: 0.95em !important;\n}\n\n#bsw-racquet-comparison .bsw-table tr:last-child td {\n border-bottom: none !important;\n}\n\n#bsw-racquet-comparison .bsw-table tr:nth-child(even) td:not(.bsw-highlight) {\n background-color: #f8f9fa !important;\n}\n\n#bsw-racquet-comparison .bsw-table td:first-child {\n font-weight: 600;\n color: #1a2980;\n width: 20%;\n font-size: 0.9em;\n}\n\n#bsw-racquet-comparison .bsw-table td:nth-child(2) {\n color: #555;\n border-right: 1px solid #e0e0e0 !important;\n width: 40%;\n font-size: 0.85em;\n}\n\n#bsw-racquet-comparison .bsw-highlight {\n background: linear-gradient(to right, rgba(220, 250, 220, 0.7), rgba(220, 250, 220, 0.3)) !important;\n width: 40%;\n border-left: 4px solid #37ba2b !important;\n font-size: 0.85em;\n color: #2d3748;\n}\n\n#bsw-racquet-comparison .bsw-highlight::before {\n content: '\u2713 ';\n color: #37ba2b;\n font-weight: bold;\n font-size: 1.1em;\n}\n\n\/* Mobile Card View *\/\n#bsw-racquet-comparison .bsw-mobile-cards {\n display: none;\n}\n\n#bsw-racquet-comparison .bsw-card {\n background: white;\n border-radius: 8px;\n margin-bottom: 16px;\n box-shadow: 0 2px 8px rgba(0,0,0,0.1);\n overflow: hidden;\n border: 1px solid #eee;\n}\n\n#bsw-racquet-comparison .bsw-card-header {\n background: linear-gradient(135deg, #1a2980 0%, #26d0ce 100%);\n color: white;\n padding: 12px;\n font-weight: 600;\n font-size: 1em;\n margin: 0;\n}\n\n#bsw-racquet-comparison .bsw-card-content {\n padding: 16px;\n}\n\n#bsw-racquet-comparison .bsw-row {\n margin-bottom: 16px;\n padding-bottom: 16px;\n border-bottom: 1px solid #e0e0e0;\n}\n\n#bsw-racquet-comparison .bsw-row:last-child {\n border-bottom: none;\n margin-bottom: 0;\n padding-bottom: 0;\n}\n\n#bsw-racquet-comparison .bsw-trad-opt {\n background-color: #f8f9fa;\n padding: 10px;\n border-radius: 4px;\n margin-bottom: 12px;\n font-size: 0.85em;\n color: #555;\n border-left: 3px solid #ccc;\n}\n\n#bsw-racquet-comparison .bsw-modern-opt {\n background: linear-gradient(to right, rgba(220, 250, 220, 0.7), rgba(220, 250, 220, 0.3));\n padding: 10px;\n border-radius: 4px;\n border-left: 4px solid #37ba2b;\n font-size: 0.85em;\n color: #2d3748;\n}\n\n#bsw-racquet-comparison .bsw-modern-opt::before {\n content: '\u2713 ';\n color: #37ba2b;\n font-weight: bold;\n}\n\n#bsw-racquet-comparison .bsw-label {\n font-weight: 700;\n font-size: 0.75em;\n margin-bottom: 6px;\n color: #666;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n display: block;\n}\n\n\/* Responsive Breakpoints *\/\n@media (max-width: 768px) {\n #bsw-racquet-comparison .bsw-table {\n display: none !important;\n }\n #bsw-racquet-comparison .bsw-mobile-cards {\n display: block !important;\n }\n #bsw-racquet-comparison .bsw-header {\n font-size: 1.1em;\n padding: 0 10px;\n }\n}\n\n@media (max-width: 480px) {\n #bsw-racquet-comparison {\n margin: 10px 0;\n }\n #bsw-racquet-comparison .bsw-header {\n font-size: 1em;\n }\n #bsw-racquet-comparison .bsw-card-content {\n padding: 12px;\n }\n #bsw-racquet-comparison .bsw-row {\n margin-bottom: 12px;\n padding-bottom: 12px;\n }\n}\n<\/style>\n<\/head>\n<body>\n\n<div id=\"bsw-racquet-comparison\">\n <div class=\"bsw-header\">Epekto ng mga Bahagi ng Makina sa Workflow<\/div>\n\n <table class=\"bsw-table\">\n <thead>\n <tr>\n <th>Bahagi<\/th>\n <th>Opsyon A (Basic\/Manwal)<\/th>\n <th>Opsyon B (Advanced\/Pro)<\/th>\n <\/tr>\n <\/thead>\n <tbody>\n <tr>\n <td>Tension System<\/td>\n <td>Drop-Weight: Gumagamit ng gravity, napakatumpak ngunit mas mabagal patakbuhin nang manwal.<\/td>\n <td class=\"bsw-highlight\">Electronic: Gumagamit ng digital motor, napakabilis at matatag (consistent).<\/td>\n <\/tr>\n <tr>\n <td>Galaw ng Tension<\/td>\n <td>Lock-Out: Humihinto sa paghila kapag naabot na ang pound (lbs), binabalewala ang pagbanat ng kuwerdas matapos iyon.<\/td>\n <td class=\"bsw-highlight\">Constant-Pull: Patuloy na nag-a-adjust para mapanatili ang eksaktong pound (lbs) habang naka-clamp.<\/td>\n <\/tr>\n <tr>\n <td>Mga Uri ng Clamp<\/td>\n <td>Flying Clamps: Kinakabit ang mga kuwerdas sa isa’t isa, flexible ngunit may mas maraming drawback.<\/td>\n <td class=\"bsw-highlight\">Fixed Clamps: Matibay na nakakabit sa base, nag-aalok ng pinakamataas na pananatili ng pound.<\/td>\n <\/tr>\n <tr>\n <td>Mounting System<\/td>\n <td>2-Point: Mas mabilis i-mount at may mas magandang visibility, ngunit mas konti ang frame support.<\/td>\n <td class=\"bsw-highlight\">6-Point: Maximum na frame support at pagpapanatili ng hugis sa matataas na pound (lbs).<\/td>\n <\/tr>\n <tr>\n <td>Pag-ikot ng Turntable<\/td>\n <td>Limitadong Pag-ikot: Nangangailangan ng mas maraming paglipat at pag-iiba ng pwesto ng katawan.<\/td>\n <td class=\"bsw-highlight\">360-Degree: Walang hadlang na access sa paligid ng frame para sa mas mabilis na workflow.<\/td>\n <\/tr>\n <tr>\n <td>Uri ng Makina<\/td>\n <td>Desktop: Madaling dalhin, pasok sa badyet, maganda para sa pag-i-stringing sa bahay.<\/td>\n <td class=\"bsw-highlight\">Standalone: Napakatatag, mabigat na base, ginawa para sa abalang workshop.<\/td>\n <\/tr>\n <\/tbody>\n <\/table>\n\n <div class=\"bsw-mobile-cards\">\n <div class=\"bsw-card\">\n <div class=\"bsw-card-header\">Tension System at Galaw<\/div>\n <div class=\"bsw-card-content\">\n <div class=\"bsw-row\">\n <span class=\"bsw-label\">Opsyon A (Drop-Weight \/ Lock-Out):<\/span>\n <div class=\"bsw-trad-opt\">Gumagamit ng gravity, tumpak ngunit mabagal. Humihinto pagkaabot ng pound (lbs).<\/div>\n <span class=\"bsw-label\">Opsyon B (Electronic \/ Constant-Pull):<\/span>\n <div class=\"bsw-modern-opt\">Mabilis na digital motor. Patuloy na nag-a-adjust para mapanatili ang eksaktong pound (lbs) habang nagka-clamp.<\/div>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"bsw-card\">\n <div class=\"bsw-card-header\">Mga Clamp at Mounting System<\/div>\n <div class=\"bsw-card-content\">\n <div class=\"bsw-row\">\n <span class=\"bsw-label\">Opsyon A (Flying Clamps \/ 2-Point):<\/span>\n <div class=\"bsw-trad-opt\">Flexible na clamp, mabilis i-mount, ngunit kaunti ang suporta sa frame at may pagkawala sa pound.<\/div>\n <span class=\"bsw-label\">Opsyon B (Fixed Clamps \/ 6-Point):<\/span>\n <div class=\"bsw-modern-opt\">Matibay na angkla sa base. Mataas na frame support at pananatili ng pound.<\/div>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"bsw-card\">\n <div class=\"bsw-card-header\">Mga Feature ng Makina<\/div>\n <div class=\"bsw-card-content\">\n <div class=\"bsw-row\">\n <span class=\"bsw-label\">Opsyon A (Desktop \/ Limitadong Pag-ikot):<\/span>\n <div class=\"bsw-trad-opt\">Madaling dalhin at pasok sa badyet, ngunit kailangan ng mas maraming manwal na paggalaw.<\/div>\n <span class=\"bsw-label\">Opsyon B (Standalone \/ 360-Degree):<\/span>\n <div class=\"bsw-modern-opt\">Mabigat at matatag na base. Walang hadlang na access sa paligid ng frame para mabilis na workflow.<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/div>\n\n<\/body>\n<\/html>\n\n\n<div class=\"gb-container gb-container-69063730 gbp-section\">\n<div class=\"gb-container gb-container-c192804a gbp-section__inner\">\n<div class=\"gb-container gb-container-26552703\">\n\n<div class=\"gb-headline gb-headline-27edcbd1 gb-headline-text gbp-section__tagline\">Sertipikasyon<\/div>\n\n\n\n<h2 class=\"gb-headline gb-headline-bda1dc9d gb-headline-text gbp-section__headline\">I-master ang <mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-accent-color\">Anatomy ng Makina<\/mark> <mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-accent-color\">kasama ang Best Stringer Worldwide<\/mark><\/h2>\n\n\n\n<p><br>Handa ka na bang itaas ang antas ng iyong kaalaman? Ang Best Stringer Worldwide ay nag-aalok ng mga propesyonal na kurso sa pagkabit ng kuwerdas ng badminton upang ituro sa iyo kung paano ligtas na nakikipag-ugnayan ang mga bahagi ng makina sa racquet frame. Nagsisilbi kami sa mga stringer sa buong mundo, tumutulong sa kanilang maging bihasa sa galaw ng tension, pagiging maaasahan ng clamp, at pagkamit ng ganap na stringer certification. Makipag-ugnayan sa amin para matutunan ang mga praktikal na kasanayan sa likod ng tunay na propesyonal na string job.<\/p>\n\n\n<div class=\"gb-container gb-container-4aa6efd2\">\n\n<a class=\"gb-button gb-button-1b494854 gb-button-text gbp-button--secondary\" href=\"https:\/\/beststringer.com\/stringing-course-application\/\">Application<\/a>\n\n<\/div>\n<\/div>\n\n<div class=\"gb-container gb-container-ef62c7ce\">\n\n<iframe src=\"https:\/\/www.google.com\/maps\/embed?pb=!1m18!1m12!1m3!1d3983.512110481107!2d101.72853037497148!3d3.22182909675331!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x31cc3940e852d0e3%3A0xe7b0509976b40fd3!2sBest%20Stringer%20Worldwide%20(BSW)!5e0!3m2!1sen!2smy!4v1771591572052!5m2!1sen!2smy\" width=\"600\" height=\"450\" style=\"border:0;\" allowfullscreen=\"\" loading=\"lazy\" referrerpolicy=\"no-referrer-when-downgrade\"><\/iframe>\n\n<\/div>\n<\/div>\n<\/div>\n<\/div><\/div>","protected":false},"excerpt":{"rendered":"<p>Mga Quick FAQ sa Anatomy ng Makina Mabilis at malilinaw na sagot tungkol sa anatomy ng stringing machine at kung paano gumagana ang mga bahagi nito. Ang Anatomy ng Katatagan: Paano Magkatuwang na Gumagana ang mga System ng Makina Anatomy ng Premium na Stringing Machine Mga Workflow ng Stringing Machine Pumili ng bahagi, at pagkatapos … <a title=\"Ang Anatomy ng Stringing Machines\" class=\"read-more\" href=\"https:\/\/beststringer.com\/fil\/anatomy-of-stringing-machines-guide\/\" aria-label=\"Read more about Ang Anatomy ng Stringing Machines\">Read more<\/a><\/p>\n","protected":false},"author":1,"featured_media":70850,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[393],"tags":[],"class_list":["post-78556","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-general-stringing-knowledge","infinite-scroll-item"],"_links":{"self":[{"href":"https:\/\/beststringer.com\/fil\/wp-json\/wp\/v2\/posts\/78556","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/beststringer.com\/fil\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/beststringer.com\/fil\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/beststringer.com\/fil\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/beststringer.com\/fil\/wp-json\/wp\/v2\/comments?post=78556"}],"version-history":[{"count":0,"href":"https:\/\/beststringer.com\/fil\/wp-json\/wp\/v2\/posts\/78556\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/beststringer.com\/fil\/wp-json\/wp\/v2\/media\/70850"}],"wp:attachment":[{"href":"https:\/\/beststringer.com\/fil\/wp-json\/wp\/v2\/media?parent=78556"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/beststringer.com\/fil\/wp-json\/wp\/v2\/categories?post=78556"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/beststringer.com\/fil\/wp-json\/wp\/v2\/tags?post=78556"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}