Why-Choose frame, desktop aspect-ratio 4/3, phone 16/10; img is display:block width:100% height:100% object-fit:cover object-position:center — fills the fixed-ratio frame with only a minimal edge crop, no stretch, no white border. Replaces the prior 2048x1146 raw shot and its unstable inline transform/width zoom-crop (all inline styles removed; the width:300% absolute-positioning rule replaced by the stable cover rule). Old icon-strip composite image (ab418648...) removed earlier: its info is carried by the 4 HTML cards (brief allows).
[bgl_videoposter] 1500x1500 -> , 16:9 element, object-fit:cover; also Pinterest media param.
[bgl_video_src] MP4 (Shopline CDN, 1920x1080, ~33.7s) -> inside that ; URL used verbatim with all query params (in markup as &-escaped entities, resolving to the same URL); poster kept unchanged per brief.
[bgl_logo] 1000x1000 -> trust bar logo height 34.
[bgl_cleaner_neutral] 2012x781 (~2.58:1, text-free, subject centered) -> Cleaner Wash figure, width/height attrs 2012/781, width:100%;height:auto (equal-ratio, no crop/stretch), 16px radius from .bgl-media overflow:hidden; replaces prior round's baked-in-text jpg (f7766b54...) — copy now carried by HTML h2 + lede only.
[bgl_zipper] 1272x1237 Shopline webp (OuMOmVaOKeFW5WWA.webp?w=1272&h=1237) -> Anti-Open Zipper feature figure, width:100%;height:auto (equal-ratio, no crop/stretch), 16px radius from .bgl-media; copy carried by HTML h2 + lede.
[bgl_mesh] 1333x1180 Shopline webp (Fmjh2un4vP21JGk9.webp?w=1333&h=1180) -> Quality Fine Mesh feature figure, same treatment.
[bgl_stitches] 1274x1234 Shopline webp (riaYyNJp4n4td0y1.webp?w=1274&h=1234) -> Inner Reinforced Stitches feature figure, same treatment.
[bgl_partner] 1222x1287 Shopline webp (cRQ0yAiUydIiPPtb.webp?w=1222&h=1287) -> Machine Wash Partner feature figure ONLY; the video and Pinterest media param keep e3fc9852... jpg unchanged per brief.
[bgl_details_neutral] 1958x803 Shopline webp (r8khwMdMyawnLUUA.webp?w=1958&h=803) -> Upgraded Details figure, width/height attrs 1958/803, same treatment; copy carried by HTML h2 + 3 detail cards verbatim.
[bgl_sizechart] 1464x600 Shopline jpg (76fa0b149d8b4c188ddfebd94669f810.jpg?w=1464&h=600) -> size-chart layout figure, lazy, width/height attrs, descriptive alt (replaces 88c2915a... jpg).
hero 1464x600 (eager) — kept unchanged per brief.
13 inline SVG icons -> Shopline-hosted (…_150x.svg?w=150&h=150 verbatim, width/height attrs 150, loading=lazy, English alt). Display sizes held at the original visual sizes via CSS: Why-Choose card icons 24x24 (img.bgl-why-ico, 12px gap to title kept), trust-bar icons 28x28 (.bgl-trust__icon img), social share icons 22x22 inside the unchanged 48px round buttons, Copy Link icon 18x18; all object-fit:contain, inline-block, vertical-align:middle. JS binds click handlers to the button elements ([data-bgl-share]), not to SVG internals — share/copy/"Link Copied!" behavior unchanged.
Palette: #FFFFFF -> --bgl-bg, #F4F8F5 -> --bgl-surface, #0B3D2E -> --bgl-brand, #21BE8E -> --bgl-mint, #1F2A24 -> --bgl-text, #5A6B61 -> --bgl-muted, #E3EAE5 -> --bgl-line (all given; no new hexes)
Typography: headings Georgia,'Times New Roman',serif 700; body system sans stack (given). h1 34 sr-only / h2 26 / h3 18 / body 16 / small 14; line-height 1.65
Content map: h1 verbatim (sr-only); Why-Choose h2 + 4 card titles/descriptions verbatim; video h2 "See It in Action" + pinned subline; FAQ 8 pinned questions verbatim, answers from allowed facts only; share h2 "Share This Product" + ShareText "BAGAIL Mesh Laundry Bags for Delicates" in JS; size table 4 rows verbatim; all prior section copy untouched
Assumptions: share lede sentence (brief asked for "一行小说明", content open) — chosen plain: "Spread the word about a gentler way to wash delicates."; Why-Choose alt updated to describe the new text-free image ("BAGAIL mesh laundry bags in a laundry basket on a wooden floor at home"); why-card hover shadow matches existing .bgl-card hover; email share uses mailto per brief (allowed exception)
QA risks: why-frame image must fill the frame edge-to-edge (cover, no white border, no distortion, no residual transform); 2x2 card titles must not truncate on phone; video must show full poster at 16:9 with no broken-media icon; share buttons >=44px tap targets, wrap on phone; FAQ page text must equal JSON-LD text verbatim; grep: no Pcs/pack of/1XL, no prices/phone
-->
.bagail-desc{
--bgl-bg:#FFFFFF;
--bgl-surface:#F4F8F5;
--bgl-brand:#0B3D2E;
--bgl-mint:#21BE8E;