
.language-picker{position:relative;flex-shrink:0}.language-picker summary{list-style:none;cursor:pointer;display:flex;align-items:center;padding:5px}.language-picker summary::-webkit-details-marker{display:none}.language-picker svg{display:block;width:30px;height:20px}.language-options{position:absolute;right:0;top:100%;background:#262626;padding:10px;min-width:135px;z-index:30;box-shadow:0 4px 15px #0005}.language-options a{display:flex!important;align-items:center;gap:10px;padding:9px!important;white-space:nowrap;font-size:14px!important;color:white!important}.language-options a:hover{background:#444}.language-options [aria-current=true]{outline:1px solid #888}html[lang=en] body{font-family:GmarketSans,sans-serif}html[lang=ja] body{font-family:'Meiryo UI',Meiryo,'Yu Gothic',sans-serif}html[lang=en] .navigation{gap:22px}html[lang=en] h1,html[lang=en] h2,html[lang=ja] h1,html[lang=ja] h2{overflow-wrap:anywhere}html[lang=en] .hero-text h1{font-family:GmarketSans,sans-serif}.localized-diagram{position:relative}.diagram-labels{position:absolute;bottom:0;left:0;right:0;background:white;color:#222;display:flex;justify-content:space-around;text-align:center;padding:8px 2px;font-size:clamp(10px,1.2vw,15px);line-height:1.6}@media(max-width:760px){html[lang=en] .navigation{gap:0}.language-options{right:auto;left:0}.language-picker summary{padding:12px 0}.diagram-labels{font-size:10px}}
@media(min-width:761px){.navigation>.language-picker{align-self:flex-end;margin-bottom:0;line-height:1}.navigation>.language-picker>summary{padding:0 5px;align-items:flex-end;line-height:1}}

.product-notice{font-size:15px;line-height:1.8}.accessory-care{padding-block:16px 45px;color:var(--muted);font-size:15px}.accessory-care p{margin:0}

/* Match intrinsic diagram proportions even when localized labels wrap the image. */
.cleaner-spec .localized-diagram{width:100%;min-width:0}.cleaner-spec .localized-diagram>img{display:block;width:100%;max-width:100%;height:auto;object-fit:contain}
body{-webkit-user-select:none;user-select:none;touch-action:pan-x pan-y}input,textarea,[contenteditable=true]{-webkit-user-select:text;user-select:text}img{-webkit-user-drag:none;-webkit-touch-callout:none}

@media(min-width:761px){.navigation>.language-picker>.language-options{left:0;right:auto;padding:0;min-width:135px;width:max-content}.navigation>.language-picker>.language-options>a{padding:10px 5px!important;gap:10px}.navigation>.language-picker>.language-options>a>svg{flex:0 0 30px}.navigation>.language-picker>.language-options [aria-current=true]{outline:none;background:#ffffff0d}}

/* Mobile menu: company link left, language flag right, dropdown below. */
@media(max-width:760px){
 .navigation.is-open{display:grid;grid-template-columns:minmax(0,1fr) 44px;align-items:start;column-gap:16px;row-gap:0}
 .navigation>a,.navigation>.products-menu{grid-column:1 / -1;min-width:0}
 .navigation>a:first-child{grid-column:1;grid-row:1;align-self:center}
 .navigation>.language-picker{grid-column:2;grid-row:1;justify-self:end;align-self:center;position:relative;z-index:2}
 .navigation>.language-picker>summary{width:44px;min-height:44px;padding:12px 7px;justify-content:center}
 .navigation>.language-picker>.language-options{left:auto;right:0;top:100%;padding:0;min-width:150px;width:max-content}
 .navigation>.language-picker>.language-options>a{flex-direction:row-reverse;justify-content:flex-start;gap:12px;padding:12px 7px!important;min-height:44px}
 .navigation>.language-picker>.language-options>a>svg{flex:0 0 30px}
 .navigation>.language-picker>.language-options>a>span{text-align:right}
 .navigation>.language-picker>.language-options [aria-current=true]{outline:none;background:#ffffff0d}
}

/* Japanese has no word spaces: allow normal CJK line breaking. */
html[lang=ja] main p,html[lang=ja] main li,html[lang=ja] main dd,html[lang=ja] main figcaption{word-break:normal;line-break:strict;overflow-wrap:anywhere}
.contact-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.contact-fields>.field,.contact-page .field,#contact-form{min-width:0}
.contact-page .field input,.contact-page .field textarea{min-width:0;max-width:100%}
@media(max-width:760px){
 html,body{max-width:100%;overflow-x:clip}
 body{touch-action:pan-y}
 main,.section,.footer-inner,.company{min-width:0}
 main p,main li,main dd,.company p,.company a{overflow-wrap:anywhere}
 .contact-page .contact-fields{grid-template-columns:minmax(0,1fr)}
 .contact-intro,.contact-note,.contact-email,.contact-status{min-width:0;max-width:100%;overflow-wrap:anywhere}
 .contact-page .field input,.contact-page .field textarea{font-size:16px}
}
