/* 4th client review (2026-11-05): header language switch, six-item menu, fixed corner actions,
   single main photos for systems and cases, CFP figure. */

/* Header: 자료 다운로드 replaced by a KR / EN switch. */
.wf-lang-switch { display:flex; align-items:center; flex:0 0 auto; gap:2px; padding:4px; border:1px solid #cfe0ec; border-radius:999px; background:#fff; }
.wf-lang-switch a, .wf-lang-switch button { display:grid; place-items:center; min-width:42px; min-height:36px; padding:0 10px; border:0; border-radius:999px; background:none; color:#5d778b; font:inherit; font-size:13px; font-weight:700; letter-spacing:.04em; text-decoration:none; cursor:pointer; }
.wf-lang-switch [aria-current="true"] { background:#008fe6; color:#fff; }
.wf-lang-switch button:hover { color:#176db5; }
.wf-lang-switch :focus-visible { outline:2px solid #176db5; outline-offset:2px; }
@media(min-width:1081px){
 .wf-header { --header-action-width:104px; }
 /* Seven menus since 고객문의 returned to the menu bar (2026-11-07). */
 .wf-nav { grid-template-columns:repeat(7,minmax(0,1fr)); }
 .hm-header-sitemap .wf-nav-dropdown-inner { grid-template-columns:repeat(7,minmax(0,1fr)); }
}
@media(max-width:1080px){
 /* The mobile header is a two-cell grid (logo · MENU); the switch sits beside MENU without adding a row. */
 .wf-navrow { position:relative; }
 .wf-lang-switch { position:absolute; z-index:2; top:35px; right:102px; transform:translateY(-50%); padding:3px; }
 .wf-lang-switch a, .wf-lang-switch button { min-width:34px; min-height:32px; padding:0 7px; font-size:12px; }
}
@media(max-width:359px){ .wf-lang-switch a, .wf-lang-switch button { min-width:28px; padding:0 4px; } }
body:has(.wf-nav.is-open) .r3-quick-actions { display:none; }
.r3-lang-notice { position:fixed; z-index:60; left:50%; top:96px; transform:translateX(-50%); margin:0; padding:12px 20px; border-radius:999px; background:#16354a; color:#fff; font-size:14px; box-shadow:0 8px 28px #001d3a33; }

/* Side bar lists the page's sections only; 문의하기 and TOP live in the corner. */
.r3-side-nav { padding-block:8px; }
@media(max-width:1380px){ .r3-side-nav { display:none; } }

.r3-quick-actions { position:fixed; z-index:40; right:16px; bottom:18px; display:grid; gap:8px; }
.r3-quick-actions a, .r3-quick-actions button { display:grid; place-items:center; align-content:center; gap:3px; width:64px; height:64px; padding:0; border:1px solid #d9e7f0; border-radius:16px; background:#ffffffef; color:#176db5; font:inherit; font-size:11px; font-weight:700; line-height:1.2; text-decoration:none; cursor:pointer; box-shadow:0 6px 24px #001d3a1c; }
.r3-quick-actions .r3-quick-contact { background:#008fe6; border-color:#008fe6; color:#fff; }
.r3-quick-actions svg { width:22px; height:22px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.r3-quick-actions a:hover { background:#176db5; border-color:#176db5; }
.r3-quick-actions button:hover { border-color:#176db5; }
.r3-quick-actions :focus-visible { outline:2px solid #176db5; outline-offset:2px; }
@media(max-width:600px){ .r3-quick-actions { right:12px; bottom:12px; } .r3-quick-actions a, .r3-quick-actions button { width:54px; height:54px; border-radius:14px; font-size:10px; } }
@media(min-width:1381px){ .r3-side-nav { top:calc(50% - 60px); } }

/* One main photo: 수처리 시스템 top, and one per field on 적용 사례/실적. */
.r3-main-photo { margin:0; overflow:hidden; border-radius:24px; background:#e8f0f5; }
.r3-main-photo img { display:block; width:100%; aspect-ratio:16 / 7; object-fit:cover; }
#systems-main .r3-main-photo img { object-position:center 28%; }
.r3-case-main { margin-bottom:36px; }
.r3-case-main img { aspect-ratio:16 / 6; }
@media(max-width:600px){ .r3-main-photo { border-radius:16px; } .r3-main-photo img, .r3-case-main img { aspect-ratio:4 / 3; } }

/* 고농도 폐수 재이용 illustration, reused from the former system cards. */
.r3-reuse-visual { margin:0 0 28px; overflow:hidden; border-radius:20px; background:#062949; }
.r3-reuse-visual img { display:block; width:100%; aspect-ratio:4 / 3; object-fit:cover; }
#application-media .r3-reuse-visual { max-width:760px; margin-inline:auto; }

/* 적용 사례 cards: one size for every card (rows share the tallest card's height), tags pinned to the bottom. */
.r3-case-grid { grid-auto-rows:1fr; align-items:stretch; }
.r3-case-card { display:flex; flex-direction:column; }
.r3-case-card > div { display:flex; flex:1; flex-direction:column; }
.r3-case-card .wf-tag-row { margin-top:auto; }