/* 제품소개 전용. 기존 메뉴/히어로 및 구매 목록과 독립된 본문. */
.s4-collection { color:#182a35; font-size:17px; line-height:1.85; }
.s4-collection :where(h2,h3,p,dt,dd,td,th) { word-break:keep-all; overflow-wrap:break-word; }
.s4-collection :where(h2,h3) { line-height:1.25; font-weight:500; letter-spacing:-.045em; }
.s4-collection .collection-heading { display:flex; justify-content:space-between; align-items:start; gap:45px; margin-bottom:42px; }
.s4-collection .collection-heading h2 { font-size:clamp(30px,2.8vw,40px); }
.collection-heading>p { color:#52636e; font-size:17px; }
.collection-devices { padding-block:78px 76px; }
.collection-selector { display:flex; border-bottom:1px solid #ccd5db; }
.collection-selector[hidden],.collection-device[hidden] { display:none; }
.collection-selector button { flex:1; padding:20px 22px; border:0; border-bottom:3px solid transparent; margin-bottom:-1px; text-align:left; background:none; color:#53636e; font:500 22px/1.4 Pretendard,sans-serif; cursor:pointer; }
.collection-selector button:first-child { padding-left:0; }
.collection-selector button span { display:block; margin-top:7px; font-size:14px; font-weight:400; }
.collection-selector button[aria-selected=true] { color:#0867b2; border-bottom-color:#0867b2; }
.collection-selector button:hover { color:#0867b2; }
.collection-device { display:grid; grid-template-columns:1.2fr 1fr; align-items:center; gap:clamp(35px,5vw,80px); padding:44px 0 16px; }
.collection-device-image { display:block; min-width:0; }
.collection-device-image img { display:block; width:100%; height:530px; object-fit:contain; }
.collection-device-copy { padding:22px 0; }
.collection-model { font-size:15px; color:#52636e; margin-bottom:12px!important; }
.s4-collection .collection-device-copy h3 { font-size:clamp(34px,4vw,62px); letter-spacing:-.055em; }
.collection-statement { font-size:23px; line-height:1.55; margin-top:25px!important; letter-spacing:-.03em; }
.collection-description { margin-top:15px!important; max-width:520px; color:#52636e; font-size:17px; }
.collection-highlights { display:flex; gap:30px; margin:30px 0!important; padding-top:23px; border-top:1px solid #dce3e7; }
.collection-highlights>div { flex:1; }
.collection-highlights dt { color:#52636e; font-size:14px; margin-bottom:6px; }
.collection-highlights dd { font-size:18px; line-height:1.6; }
.collection-detail { display:inline-flex; align-items:center; justify-content:space-between; gap:40px; padding:12px 0; min-height:48px; border-bottom:1px solid #18394f; font-size:16px; font-weight:500; }
.collection-comparison { background:#f4f6f7; padding-block:65px; }
.collection-comparison .collection-heading { align-items:center; }
.collection-table-scroll { overflow-x:auto; }
.collection-table-scroll table { width:100%; border-collapse:collapse; table-layout:fixed; font-size:16px; }
.collection-table-scroll th,.collection-table-scroll td { text-align:left; padding:23px 25px; border-bottom:1px solid #d5dfe4; vertical-align:top; font-weight:400; }
.collection-table-scroll th:first-child { width:14%; padding-left:0; font-size:15px; color:#52636e; }
.collection-table-scroll thead th { font-size:21px; font-weight:500; border-top:1px solid #8d9ca7; padding-top:25px; }
.collection-table-scroll thead small { display:block; font-size:14px; font-weight:400; color:#52636e; margin-top:7px; }
.collection-table-scroll thead a>span { font-size:16px; color:#52636e; }
.collection-table-note { color:#52636e; font-size:14px; margin-top:22px!important; }
.collection-care { padding-block:90px 70px; }
.collection-care-grid { display:grid; grid-template-columns:1.15fr 1fr; gap:clamp(40px,6vw,100px); }
.collection-care-grid:has(>article:only-child) { grid-template-columns:minmax(0,560px); justify-content:center; }
.collection-care-grid:has(>article:only-child) .collection-care-image img { height:340px; }
.collection-care-grid>article { display:flex; min-width:0; flex-direction:column; }
.collection-care-image { display:block; background:#f7f8f8; }
.collection-care-image img { display:block; width:100%; height:430px; object-fit:contain; }
.collection-care-grid>article:nth-child(2) .collection-care-image img { height:340px; }
.collection-care-copy { padding-top:25px; }
.collection-care-copy>span { color:#52636e; font-size:14px; }
.s4-collection .collection-care-copy h3 { font-size:38px; margin-block:8px 18px; }
.collection-care-copy>p { max-width:490px; color:#52636e; }
.collection-care-copy .s4-text-link { margin-top:20px; }
.collection-purchase { display:flex; justify-content:space-between; align-items:center; gap:24px; padding-block:28px 55px; }
.collection-purchase>p { font-size:21px; }
@media(max-width:1100px) {
 .collection-device { gap:30px; grid-template-columns:1fr 1fr; }
 .collection-device-image img { height:420px; }
 .s4-collection .collection-device-copy h3 { font-size:38px; }
 .collection-highlights { gap:20px; }
 .collection-table-scroll th,.collection-table-scroll td { padding-inline:14px; }
 .collection-table-scroll thead th { font-size:18px; }
 .collection-care-image img { height:340px; }
}
@media(max-width:767px) {
 .collection-devices { padding-block:48px; }
 .s4-collection .collection-heading { display:block; margin-bottom:25px; }
 .s4-collection .collection-heading h2 { font-size:28px; }
 .collection-heading>p,.collection-heading>.s4-text-link { margin-top:18px!important; font-size:16px; }
 .collection-selector { gap:0; overflow-x:auto; }
 .collection-selector button { font-size:15px; flex:1 0 145px; padding:14px 10px; min-height:66px; letter-spacing:-.04em; text-align:center; }
 .collection-selector button:first-child { padding-left:5px; }
 .collection-selector button span { display:none; }
 .collection-device { grid-template-columns:1fr; gap:12px; padding-top:20px; }
 .collection-device-image img { height:310px; }
 .collection-device-copy { padding:5px 0 10px; }
 .s4-collection .collection-device-copy h3 { font-size:36px; }
 .collection-statement { font-size:21px; margin-top:20px!important; }
 .collection-description { font-size:16px; }
 .collection-highlights { margin-block:24px!important; }
 .collection-highlights dd { font-size:16px; }
 .collection-comparison { padding-block:44px; }
 .collection-table-scroll table { min-width:730px; }
 .collection-table-scroll th,.collection-table-scroll td { padding:18px 16px; }
 .collection-table-note:before { content:'표를 좌우로 밀어 비교해 보세요. '; }
 .collection-care { padding-block:50px 30px; }
 .collection-care-grid { grid-template-columns:1fr; gap:44px; }
 .collection-care-image img,.collection-care-grid>article:nth-child(2) .collection-care-image img { height:310px; }
 .s4-collection .collection-care-copy h3 { font-size:32px; }
 .collection-care-copy>p { font-size:16px; }
 .collection-purchase { display:block; padding-block:25px 45px; }
 .collection-purchase>p { font-size:19px; margin-bottom:12px!important; }
}
@media print { .collection-selector { display:none; }.collection-device[hidden] { display:grid; }.collection-table-scroll { overflow:visible; } }

/* 메인과 동일한 흰 배경 제품 원본을 넓게 표시한다. */
.collection-device { grid-template-columns:1.35fr 1fr; gap:clamp(30px,4vw,65px); padding-top:28px; }
.collection-device-image { background:#fff; }
.collection-device-image img { height:620px; object-fit:contain; mix-blend-mode:multiply; }
.collection-care-image { background:#fff; }
.collection-care-image img,.collection-care-grid>article:nth-child(2) .collection-care-image img { height:500px; object-fit:contain; mix-blend-mode:multiply; }
@media(max-width:1100px) { .collection-device { grid-template-columns:1.1fr 1fr; gap:30px; }.collection-device-image img { height:510px; }.collection-care-image img,.collection-care-grid>article:nth-child(2) .collection-care-image img { height:420px; } }
@media(max-width:767px) { .collection-device { grid-template-columns:1fr; gap:8px; }.collection-device-image img { height:350px; }#show-cellulabate .collection-device-image img { height:430px; }.collection-care-image img,.collection-care-grid>article:nth-child(2) .collection-care-image img { height:400px; } }

/* 제품을 먼저 보고 핵심 특징을 바로 읽을 수 있는 소개 스테이지. */
.s4-site--sub .s4-collection .collection-device{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:clamp(32px,4vw,64px);padding-top:24px}
.s4-site--sub .s4-collection .collection-device[hidden]{display:none}
.s4-site--sub .s4-collection .collection-device-image,
.s4-site--sub .s4-collection .collection-care-image{position:relative;display:grid;place-items:center;min-width:0;overflow:hidden;isolation:isolate;border:1px solid #e1ebf2;border-radius:26px;background:radial-gradient(ellipse at 69% 33%,#d8ebfb 0,transparent 52%),linear-gradient(126deg,#fbfdff 8%,#e9f3fa 100%)}
.s4-site--sub .s4-collection .collection-device-image::before,
.s4-site--sub .s4-collection .collection-care-image::before{content:"";position:absolute;inset:auto -18% -40% -12%;height:74%;border:1px solid #7ebada66;border-radius:50%;transform:rotate(-11deg);pointer-events:none}
.s4-site--sub .s4-collection .collection-device-image::after,
.s4-site--sub .s4-collection .collection-care-image::after{content:"";position:absolute;inset:auto -12% -49% -20%;height:80%;border:1px solid #a3cde566;border-radius:50%;transform:rotate(-11deg);pointer-events:none}
.s4-site--sub .s4-collection .collection-device-image img{position:relative;z-index:1;width:108%;height:620px;margin-inline:-4%;object-fit:contain;mix-blend-mode:multiply;transform:scale(1.04);transition:transform .35s ease}
.s4-site--sub .s4-collection .collection-device-image:hover img{transform:scale(1.075)}
.s4-site--sub .s4-collection #show-cellulabate .collection-device-image img{width:100%;margin:0;height:620px;transform:scale(1.04)}
.s4-site--sub .s4-collection #show-cellulabate .collection-device-image:hover img{transform:scale(1.07)}
.s4-site--sub .s4-collection .collection-device-copy{padding-block:18px}
.s4-site--sub .s4-collection .collection-device-copy h3{font-weight:600}
.collection-keypoints{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;margin:24px 0 0!important;padding:15px 0!important;border-top:1px solid #cbdde8;border-bottom:1px solid #cbdde8}
.collection-keypoints li{min-width:0;padding:0 13px;border-left:1px solid #d6e4ed}
.collection-keypoints li:first-child{border-left:0;padding-left:0}
.collection-keypoints span{display:block;margin-bottom:8px;color:#1674ab;font-size:12px;font-weight:700;letter-spacing:.08em}
.collection-keypoints strong{display:block;color:#123950;font-size:15px;font-weight:600;line-height:1.4;word-break:keep-all;overflow-wrap:break-word}
.s4-site--sub .s4-collection .collection-statement{margin-top:22px!important;font-size:21px}
.s4-site--sub .s4-collection .collection-description{margin-top:9px!important;font-size:16px}
.s4-site--sub .s4-collection .collection-highlights{margin:20px 0!important;padding-top:16px}
.s4-site--sub .s4-collection .collection-care-grid:has(>article:only-child){grid-template-columns:minmax(0,1fr);justify-content:stretch}
.s4-site--sub .s4-collection .collection-care-grid>article{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:clamp(32px,4vw,64px);align-items:center}
.s4-site--sub .s4-collection .collection-care-image img,
.s4-site--sub .s4-collection .collection-care-grid:has(>article:only-child) .collection-care-image img{position:relative;z-index:1;width:100%;height:490px;object-fit:contain;mix-blend-mode:multiply;transform:scale(1.05)}
.s4-site--sub .s4-collection .collection-care-copy{padding:0}
.collection-care-points{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;padding:14px 0!important;margin:0 0 20px!important;border-block:1px solid #cbdde8}
.collection-care-points li{min-width:0;padding:0 14px;border-left:1px solid #d6e4ed}
.collection-care-points li:first-child{border-left:0;padding-left:0}
.collection-care-points small{display:block;color:#648196;font-size:12px}
.collection-care-points strong{display:block;margin-top:4px;color:#123950;font-size:15px;font-weight:600;line-height:1.4;word-break:keep-all;overflow-wrap:break-word}
@media(max-width:960px){
 .s4-site--sub .s4-collection .collection-device,
 .s4-site--sub .s4-collection .collection-care-grid>article{grid-template-columns:1fr;gap:26px}
 .s4-site--sub .s4-collection .collection-device-image img{height:480px}
 .s4-site--sub .s4-collection #show-cellulabate .collection-device-image img{height:520px}
 .s4-site--sub .s4-collection .collection-care-image img,
 .s4-site--sub .s4-collection .collection-care-grid:has(>article:only-child) .collection-care-image img{height:450px}
}
@media(max-width:767px){
 .s4-site--sub .s4-collection .collection-device{gap:14px;padding-top:22px}
 .s4-site--sub .s4-collection .collection-device-image,
 .s4-site--sub .s4-collection .collection-care-image{border-radius:18px}
 .s4-site--sub .s4-collection .collection-device-image img{height:330px;width:110%;margin-inline:-5%}
 .s4-site--sub .s4-collection #show-cellulabate .collection-device-image img{height:390px}
 .collection-keypoints{margin-top:18px!important;padding:9px 0!important;grid-template-columns:1fr}
 .collection-keypoints li{display:flex;gap:15px;align-items:baseline;padding:9px 0;border-left:0;border-top:1px solid #d6e4ed}
 .collection-keypoints li:first-child{border-top:0}
 .collection-keypoints span{flex:0 0 22px;margin:0}.collection-keypoints strong{font-size:15px}
 .s4-site--sub .s4-collection .collection-statement{font-size:19px;margin-top:18px!important}
 .s4-site--sub .s4-collection .collection-care-image img,
 .s4-site--sub .s4-collection .collection-care-grid:has(>article:only-child) .collection-care-image img{height:340px}
 .collection-care-points{grid-template-columns:1fr;padding:5px 0!important}
 .collection-care-points li{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-left:0;border-top:1px solid #d6e4ed}
 .collection-care-points li:first-child{border-top:0}
 .collection-care-points strong{margin:0;text-align:right}
}
@media(prefers-reduced-motion:reduce){.s4-site--sub .s4-collection .collection-device-image img{transition:none}}