/* finesse · register=commerce · A=locked-white-yellow · B=750/400 · C=compact-split · D=manual-gallery · E=source-photos · SOUL=7 SPECTACLE=1 DENSITY=8 */
html:has(body.hn-b04e),body.hn-b04e{overflow-x:clip}
body.hn-b04e{--pdd-white:#fdfefe;--pdd-ink:#111311;--pdd-yellow:#ffc800;--pdd-border:rgba(17,19,17,.14);--pdd-muted:#51575b}
body.hn-b04e #main-content>.hn-section{padding:40px 0;background:var(--pdd-white);background-image:none}
body.hn-b04e #main-content>.hn-section:first-child{padding-top:28px;padding-bottom:32px}
body.hn-b04e .hn-product-detail{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,4vw,52px);align-items:start}
body.hn-b04e .hn-gallery,body.hn-b04e .hn-summary{min-width:0}
body.hn-b04e .hn-gallery{gap:10px}
body.hn-b04e .hn-gallery-main{position:relative;aspect-ratio:1/1;max-height:510px;width:100%;background:var(--pdd-white)!important;touch-action:pan-y;overflow:hidden}
body.hn-b04e .hn-gallery-main>picture{display:block;width:100%;height:100%;min-height:0}
body.hn-b04e .hn-gallery-main img{display:block;width:100%;height:100%;object-fit:contain!important;object-position:center}
body.hn-b04e .hn-gallery-main[aria-busy=true]{cursor:progress}
body.hn-b04e .hn-gallery-thumbs{display:flex;gap:8px;flex-wrap:nowrap;overflow-x:auto;padding:3px 2px 5px}
body.hn-b04e .pdd-thumb{flex:0 0 72px;width:72px;height:64px;padding:3px;border:1px solid var(--pdd-border);border-radius:2px;background:var(--pdd-white);cursor:pointer}
body.hn-b04e .pdd-thumb img{width:100%;height:100%;object-fit:contain!important;display:block}
body.hn-b04e .pdd-thumb[aria-pressed=true]{border:2px solid var(--pdd-ink);box-shadow:inset 0 -3px var(--pdd-yellow)}
body.hn-b04e .pdd-arrow{position:absolute;top:calc(50% - 22px);width:44px;height:44px;display:grid;place-items:center;padding:0;border:1px solid var(--pdd-border);border-radius:50%;background:var(--pdd-white);color:var(--pdd-ink);font-size:26px;line-height:1;cursor:pointer;z-index:2}
body.hn-b04e .pdd-prev{left:8px}body.hn-b04e .pdd-next{right:8px}
body.hn-b04e .pdd-arrow:hover,body.hn-b04e .pdd-thumb:hover{border-color:var(--pdd-ink)}
body.hn-b04e .pdd-arrow:active{background:var(--pdd-yellow)}
body.hn-b04e :is(.pdd-arrow,.pdd-thumb,.hn-gallery-main):focus-visible{outline:3px solid var(--pdd-ink);outline-offset:3px}
body.hn-b04e .pdd-caption{margin:0;font-size:13px;line-height:1.5;color:var(--pdd-muted);min-height:20px}
body.hn-b04e .hn-summary{position:static}
body.hn-b04e .hn-summary h1{font-size:clamp(28px,3vw,42px);line-height:1.12;letter-spacing:-.025em;overflow-wrap:anywhere;min-width:0}
body.hn-b04e .hn-summary .hn-kicker{margin:0 0 12px}
body.hn-b04e .hn-summary .hn-lead{font-size:17px;line-height:1.65;margin:18px 0}
body.hn-b04e .hn-summary-list{margin:18px 0}
body.hn-b04e .hn-summary-list li{padding-top:8px;padding-bottom:8px}
body.hn-b04e .hn-summary .hn-actions{margin-top:22px;display:flex;gap:10px;flex-wrap:wrap}
body.hn-b04e .hn-btn{white-space:nowrap;min-height:44px}
body.hn-b04e .hn-content{max-width:960px;line-height:1.7;min-width:0}
body.hn-b04e .hn-content h2,body.hn-b04e .hn-title--medium{font-size:clamp(24px,2.4vw,32px);line-height:1.2;letter-spacing:-.015em;margin:28px 0 14px;overflow-wrap:anywhere;min-width:0}
body.hn-b04e .hn-content>h2:first-child,body.hn-b04e .hn-wrap>.hn-title--medium:first-child{margin-top:0}
body.hn-b04e .hn-content h3{font-size:22px;line-height:1.3;margin:22px 0 10px}
body.hn-b04e .hn-content p{margin:0 0 14px}
body.hn-b04e .hn-content li{margin:6px 0}
body.hn-b04e .hn-pilot-copy section{padding:20px 0;border-bottom:1px solid var(--pdd-border)}
body.hn-b04e .hn-pilot-copy section:first-child{padding-top:0}
body.hn-b04e .hn-pilot-copy section h2{margin-top:0}
body.hn-b04e .hn-pilot-copy p,body.hn-b04e .hn-pilot-copy li{line-height:1.7}
body.hn-b04e .hn-specs th,body.hn-b04e .hn-specs td{padding:12px 14px;overflow-wrap:anywhere}
body.hn-b04e .hn-specs th{width:32%}
body.hn-b04e .hn-b04e-details{gap:20px;margin-top:28px}
body.hn-b04e .hn-b04e-details img{height:300px;object-fit:contain;background:var(--pdd-white)}
body.hn-b04e .hn-b04e-details figcaption{margin-top:8px;line-height:1.5}
body.hn-b04e .hn-faq details{margin-bottom:8px}
@media(max-width:900px){body.hn-b04e .hn-product-detail{grid-template-columns:minmax(0,1fr);gap:24px}body.hn-b04e .hn-gallery{width:100%;max-width:560px;margin-inline:auto}body.hn-b04e .hn-gallery-main{max-height:460px}}
@media(max-width:560px){body.hn-b04e #main-content>.hn-section{padding:32px 0}body.hn-b04e #main-content>.hn-section:first-child{padding-top:20px;padding-bottom:28px}body.hn-b04e .hn-gallery-main{max-height:none}body.hn-b04e .pdd-thumb{flex-basis:56px;width:56px;height:52px}body.hn-b04e .hn-summary .hn-lead{font-size:16px}body.hn-b04e .hn-specs th,body.hn-b04e .hn-specs td{padding:10px 8px}body.hn-b04e .hn-b04e-details{grid-template-columns:minmax(0,1fr)}body.hn-b04e .hn-b04e-details img{height:260px}}
@media(prefers-reduced-motion:reduce){body.hn-b04e .hn-gallery *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

body.hn-b04e .hn-b04e-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:32px}body.hn-b04e .hn-b04e-details figure{margin:0;min-width:0}body.hn-b04e .hn-b04e-details a{display:block}body.hn-b04e .hn-b04e-photo-note{font-size:14px;color:var(--pdd-muted);margin-top:18px}@media(max-width:700px){body.hn-b04e .hn-b04e-details{grid-template-columns:minmax(0,1fr)}}
