/* =========================================================
   센도리 2026 — 상품 상세 본문(카탈로그 상세이미지 → 텍스트 + 이미지)
   접두어 sdd-  /  include/sd_detail/*.php  (item.info.skin.php 에서 상품별로 사용)
   ========================================================= */
.sdd{max-width:1000px;margin:0 auto;padding:8px 0 40px;color:var(--sd-ink);font-family:var(--sd-font);letter-spacing:var(--sd-ls);line-height:1.6;word-break:keep-all}
.sdd *,.sdd *::before,.sdd *::after{box-sizing:border-box}
.sdd :where(h3,h4,h5,p,ul,ol,dl,dd,figure){margin:0;padding:0}
.sdd :where(ul,ol){list-style:none}
.sdd img{display:block;max-width:100%;height:auto}
.sdd em{font-style:normal;color:var(--sd-blue)}
.sdd sub{font-size:.7em;vertical-align:-.2em;line-height:0}
.sdd .sound_only{position:absolute!important;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

.sdd .sdd-sec{padding:72px 0;border-top:1px solid var(--sd-line)}
.sdd .sdd-sec:first-child{border-top:0;padding-top:24px}
.sdd .sdd-mt{margin-top:64px!important}
.sdd .sdd-mt-s{margin-top:32px!important}

/* 제목 */
.sdd .sdd-eyebrow{font-size:19px;font-weight:500;color:var(--sd-mute);margin-bottom:6px}
.sdd .sdd-h{font-size:34px;line-height:1.3;font-weight:700;color:var(--sd-ink);letter-spacing:-1px}
.sdd .sdd-h--xl{font-size:44px}
.sdd .sdd-h--c{text-align:center}
.sdd .sdd-h--bar{position:relative;padding-left:16px}
.sdd .sdd-h--bar::before{content:"";position:absolute;left:0;top:.22em;bottom:.22em;width:4px;border-radius:2px;background:var(--sd-sky)}
.sdd .sdd-sub{margin-top:6px;font-size:18px;color:var(--sd-mute)}
.sdd .sdd-h4{font-size:24px;line-height:1.4;font-weight:700;color:var(--sd-ink)}
.sdd .sdd-h5{margin:20px 0 10px;font-size:19px;font-weight:700}
.sdd .sdd-lead{margin-top:14px;font-size:20px;color:var(--sd-ink2);line-height:1.7}
.sdd .sdd-lead .is-sky{color:var(--sd-sky)}
.sdd .sdd-lead .is-blue{color:var(--sd-blue)}
.sdd .sdd-p{font-size:18px;color:var(--sd-ink2);line-height:1.75}
.sdd .sdd-p--c{text-align:center;margin-top:20px}
.sdd .sdd-note{margin-top:14px;font-size:14.5px;color:var(--sd-mute2);line-height:1.6}
.sdd .sdd-note--r{text-align:right}
.sdd .sdd-note--strong{font-size:18px;font-weight:600;color:var(--sd-ink2)}
.sdd .sdd-cap{display:block;margin:16px 0 8px;font-size:20px;font-weight:700;text-align:center}
.sdd .sdd-band{margin:56px 0 24px;padding:10px 18px;border-radius:10px;background:var(--sd-blue);color:#fff;font-size:20px;font-weight:700}
.sdd .sdd-chk{display:flex;align-items:center;gap:10px;margin-bottom:12px;font-size:22px;font-weight:700}
.sdd .sdd-chk::before{content:"";flex:none;width:22px;height:22px;border-radius:50%;background:var(--sd-blue) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12.5l4 4 8-9'/%3E%3C/svg%3E") center/14px no-repeat}
.sdd .sdd-chk small{font-size:16px;font-weight:500;color:var(--sd-mute)}

/* 목록 */
.sdd .sdd-dot li{position:relative;padding-left:12px;font-size:17px;color:var(--sd-ink2);line-height:1.7}
.sdd .sdd-dot li::before{content:"";position:absolute;left:0;top:.75em;width:4px;height:4px;border-radius:50%;background:var(--sd-mute3)}
.sdd .sdd-dot--gap li+li{margin-top:12px}
.sdd .sdd-ol{counter-reset:sdd;font-size:18px;color:var(--sd-ink2)}
.sdd .sdd-ol>li{counter-increment:sdd;position:relative;padding-left:30px;line-height:1.7}
.sdd .sdd-ol>li+li{margin-top:6px}
.sdd .sdd-ol>li::before{content:counter(sdd);position:absolute;left:0;top:.2em;width:22px;height:22px;border-radius:50%;background:#e6eff7;color:var(--sd-blue);font-size:14.5px;font-weight:700;line-height:22px;text-align:center}
.sdd .sdd-ol--law{font-size:17px}
.sdd .sdd-ol__sub{margin-top:6px}
.sdd .sdd-ol__sub li{font-size:16.5px;color:var(--sd-mute);padding-left:4px}

/* 표 */
.sdd .sdd-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}
.sdd .sdd-tbl{width:100%;border-collapse:collapse;font-size:17px;color:var(--sd-ink2);text-align:center;line-height:1.55}
.sdd .sdd-tbl th,.sdd .sdd-tbl td{padding:12px 14px;border-bottom:1px solid var(--sd-line2);vertical-align:middle}
.sdd .sdd-tbl thead th{background:#eaf2f9;color:var(--sd-blue);font-weight:700;border-bottom:0}
.sdd .sdd-tbl tbody th{font-weight:600;color:var(--sd-ink);background:#fafbfc}
.sdd .sdd-tbl .is-l{text-align:left}
.sdd .sdd-tbl .is-nw{white-space:nowrap}
.sdd .sdd-tbl--l td{text-align:left}

/* 1. 비교 */
.sdd .sdd-cmp{text-align:left}
.sdd .sdd-cmp__wrap{margin-top:32px;padding:0 28px 28px;border-radius:24px;background:#dde5e8}
.sdd .sdd-cmp__pics{display:grid;grid-template-columns:22% 1fr 1fr;align-items:end;padding-top:8px}
.sdd .sdd-cmp__pics span{display:flex;justify-content:center}
.sdd .sdd-tbl--cmp{background:#fff;border-radius:14px;overflow:hidden;min-width:640px}
.sdd .sdd-tbl--cmp th:first-child{width:22%;text-align:left;padding-left:20px}
.sdd .sdd-tbl--cmp tbody td{text-align:left}
.sdd .sdd-tbl--cmp .sdd-c td{text-align:center}
.sdd .sdd-tbl--cmp .is-hl{background:#f2f8fd;box-shadow:inset 2px 0 0 var(--sd-sky),inset -2px 0 0 var(--sd-sky)}
.sdd .sdd-tbl--cmp thead th.is-hl{background:#d8eaf7;color:var(--sd-blue)}
.sdd .sdd-tbl--cmp tbody:last-child tr:last-child .is-hl{box-shadow:inset 2px 0 0 var(--sd-sky),inset -2px 0 0 var(--sd-sky),inset 0 -2px 0 var(--sd-sky)}
.sdd .sdd-tbl--cmp thead:first-child th.is-hl{box-shadow:inset 2px 0 0 var(--sd-sky),inset -2px 0 0 var(--sd-sky),inset 0 2px 0 var(--sd-sky)}
.sdd .sdd-tbl--cmp thead+tbody td,.sdd .sdd-tbl--cmp tbody+thead th{border-top:0}
.sdd .sdd-o,.sdd .sdd-t,.sdd .sdd-x{font-size:20px;font-weight:700}
.sdd .sdd-o{color:var(--sd-blue)}
.sdd .sdd-t{color:var(--sd-sky)}
.sdd .sdd-x{color:var(--sd-mute3)}
.sdd .sdd-cmp .sdd-note--strong{margin-top:20px}

/* 2. 히어로 */
.sdd .sdd-hero{text-align:center;padding-bottom:0;overflow:hidden}
.sdd .sdd-hero__img{margin-top:24px;background:#d1cec9}
.sdd .sdd-hero__img img{width:100%}
.sdd .sdd-hero__card{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:28px;align-items:center;margin:0 -1px;padding:28px 32px 40px;background:#d1cec9;text-align:left}
.sdd .sdd-hero__dia{border-radius:16px;overflow:hidden;background:#fff}
.sdd .sdd-hero__card>div{padding:28px;border-radius:16px;background:#fff;height:100%}
.sdd .sdd-hero__card .sdd-p{margin-top:12px}

/* 3. 모드 */
.sdd .sdd-cards3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:28px}
.sdd .sdd-cards3 img{width:100%;border-radius:14px}
.sdd .sdd-cards3 strong{display:block;margin:16px 0 6px;font-size:22px;font-weight:700}
.sdd .sdd-cards3 p{font-size:17px;color:var(--sd-mute);line-height:1.65}
.sdd .sdd-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
.sdd .sdd-two figure{border-radius:16px;overflow:hidden}
.sdd .sdd-two figure img{width:100%}
.sdd .sdd-two figcaption{padding:12px 0 0;text-align:center;font-size:21px;font-weight:700;background:#fff}
.sdd .sdd-two--band{margin-top:8px;align-items:start}
.sdd .sdd-two--band .sdd-band{margin-top:48px}

/* 4. 오염원 */
.sdd .sdd-fig{margin-top:28px}
.sdd .sdd-fig img{margin:0 auto;border-radius:16px}
.sdd .sdd-fig--card{padding:24px;border-radius:24px;background:#c7d8e8}
.sdd .sdd-fig--card img{border-radius:12px;background:#fff}
.sdd .sdd-src__list{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px;margin-top:28px}
.sdd .sdd-src__item{display:flex;flex-direction:column;border-radius:14px;background:var(--sd-bg);overflow:hidden}
.sdd .sdd-src__head{display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 6px 12px;background:#6387c1;color:#fff}
.sdd .sdd-src__head img{width:52px;height:52px;border-radius:50%;object-fit:cover}
.sdd .sdd-src__head strong{font-size:15px;font-weight:600;text-align:center;line-height:1.35}
.sdd .sdd-src__item dl{padding:12px 12px 16px;font-size:15px;line-height:1.55;color:var(--sd-ink2)}
.sdd .sdd-src__item dt{font-size:13px;font-weight:700;color:var(--sd-blue)}
.sdd .sdd-src__item dd+dt{margin-top:10px;padding-top:10px;border-top:1px dashed var(--sd-line2)}
.sdd .sdd-place{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 20px;margin-top:28px}
.sdd .sdd-place img{width:100%;border-radius:14px}
.sdd .sdd-place strong{display:block;margin-top:12px;text-align:center;font-size:20px;font-weight:700}

/* 5. 시스템 청정 환기 */
.sdd .sdd-sys__box{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.7fr);gap:24px;align-items:center;margin-top:28px;padding:28px;border-radius:24px;background:#c7d8e8}
.sdd .sdd-sys__box figure{border-radius:16px;overflow:hidden;background:#fff}
.sdd .sdd-sys__box figure img{width:100%}
.sdd .sdd-sys__modes{padding:24px;border-radius:16px;background:#fff;height:100%}
.sdd .sdd-sys__tit{display:block;font-size:28px;font-weight:700;color:var(--sd-blue);margin-bottom:12px}
.sdd .sdd-sys__modes dl>div{display:grid;grid-template-columns:72px 1fr;gap:12px;padding:14px 0;border-top:1px solid var(--sd-line2)}
.sdd .sdd-sys__modes dt{font-size:22px;font-weight:700;line-height:1.3}
.sdd .sdd-sys__modes dd{font-size:17px;color:var(--sd-ink2)}
.sdd .sdd-sys__modes dd b{font-weight:700;color:var(--sd-blue)}
.sdd .sdd-sys__modes dd span{display:block;margin-top:8px;color:var(--sd-mute)}

/* 6. 스마트싱스 */
.sdd .sdd-st{text-align:center;padding-bottom:0}
.sdd .sdd-st__badge{margin:0 auto 20px;width:240px}
.sdd .sdd-st__img{margin-top:28px;background:#d5d1ce}
.sdd .sdd-st__img img{width:100%}
.sdd .sdd-st__card{display:flex;gap:28px;align-items:center;padding:32px 40px;background:#cfccc7;text-align:left}
.sdd .sdd-st__card>div{flex:1;padding:24px 28px;border-radius:16px;background:rgba(255,255,255,.75)}
.sdd .sdd-st__ico{flex:none;width:110px;border-radius:26px}
.sdd .sdd-st__card .sdd-p{margin-top:8px;font-size:17px}

/* 7. 앱 */
.sdd .sdd-app__head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;align-items:center;padding:0 24px;border-radius:24px;background:#f4f4f4}
.sdd .sdd-app__head>div{text-align:center}
.sdd .sdd-app__list{margin-top:24px;display:flex;flex-direction:column;gap:20px}
.sdd .sdd-app__list li{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);border-radius:24px;overflow:hidden;background:#a0b9d8;box-shadow:0 10px 30px rgba(13,87,150,.08)}
.sdd .sdd-app__list li>div{padding:40px 48px;background:#fff;display:flex;flex-direction:column;justify-content:center}
.sdd .sdd-app__list strong{font-size:30px;line-height:1.35;font-weight:700}
.sdd .sdd-app__list p{margin-top:16px;font-size:18px;color:var(--sd-mute)}
.sdd .sdd-app__list img{width:100%;height:100%;object-fit:cover;object-position:left center}

/* 8. 제어 솔루션 */
.sdd .sdd-ctl__head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:32px}
.sdd .sdd-ctl__qr{text-align:center}
.sdd .sdd-ctl__qr img{width:84px;margin:0 auto}
.sdd .sdd-ctl__qr figcaption{margin-top:4px;font-size:13px;font-weight:600;color:var(--sd-mute)}
.sdd .sdd-tbl--ctl{min-width:720px}
.sdd .sdd-tbl--ctl tbody th{font-size:24px;font-weight:600;color:var(--sd-mute);background:#fff;vertical-align:top;padding-top:24px}
.sdd .sdd-tbl--ctl td{text-align:left;vertical-align:top;padding:20px 18px}
.sdd .sdd-tbl--ctl .sdd-tbl__img{text-align:center;vertical-align:middle}
.sdd .sdd-tbl__img img{margin:0 auto 10px}
.sdd .sdd-tbl__img small{display:block;font-size:13px;color:var(--sd-mute);line-height:1.5}
.sdd .sdd-tbl--ctl thead th{background:var(--sd-blue);color:#fff}
.sdd .sdd-ctl .sdd-chk+.sdd-p{margin-bottom:8px}

/* 9. 특허 */
.sdd .sdd-sec.sdd-pat{margin:24px 0;padding:48px 36px;border:0;border-radius:28px;background:linear-gradient(180deg,#d3e6f5 0,#e9f3fb 70%,#f4f9fd 100%)}
.sdd .sdd-pat+.sdd-sec{border-top:0}
.sdd .sdd-pat__top{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:24px;align-items:center;margin-top:24px}
.sdd .sdd-pat__list{display:flex;flex-direction:column;gap:24px}
.sdd .sdd-pat__list li,.sdd .sdd-pat__list>div{padding:24px 26px;border-radius:18px;background:rgba(255,255,255,.85);box-shadow:0 8px 24px rgba(13,87,150,.06)}
.sdd .sdd-pat__tag{display:inline-block;padding:3px 10px;border-radius:12px;background:var(--sd-blue);color:#fff;font-size:14.5px;font-weight:700}
.sdd .sdd-pat__list strong{display:block;margin:8px 0 8px;font-size:24px;font-weight:700}
.sdd .sdd-pat__list p{font-size:17px;color:var(--sd-ink2)}
.sdd .sdd-pat__top figure img{width:100%}
.sdd .sdd-pat__bot{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:24px;align-items:center;margin-top:24px}
.sdd .sdd-pat__bot figure img{width:100%}

/* 10. 승하강키트 */
.sdd .sdd-lift__body{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:40px;align-items:start;margin-top:28px}
.sdd .sdd-lift__kit img{border-radius:12px}
.sdd .sdd-lift__pics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:40px;padding:24px;border-radius:20px;background:#ebf0f3}
.sdd .sdd-lift__pics figure>div{display:flex;flex-direction:column;gap:8px}
.sdd .sdd-lift__pics img{width:100%;border-radius:10px}
.sdd .sdd-lift__pics figcaption{margin-top:12px;text-align:center;font-weight:700}

/* 11. 법규 */
.sdd .sdd-law .sdd-h{margin-bottom:28px}
.sdd .sdd-law__item{border:1px solid var(--sd-line2);border-radius:16px;background:#fff;overflow:hidden}
.sdd .sdd-law__item+.sdd-law__item{margin-top:12px}
.sdd .sdd-law__item summary{position:relative;display:flex;flex-direction:column;gap:2px;padding:20px 60px 20px 24px;cursor:pointer;list-style:none}
.sdd .sdd-law__item summary::-webkit-details-marker{display:none}
.sdd .sdd-law__item summary::after{content:"";position:absolute;right:24px;top:50%;width:10px;height:10px;margin-top:-7px;border-right:2px solid var(--sd-blue);border-bottom:2px solid var(--sd-blue);transform:rotate(45deg);transition:transform .2s ease}
.sdd .sdd-law__item[open] summary::after{transform:rotate(-135deg);margin-top:-2px}
.sdd .sdd-law__item summary strong{font-size:21px;font-weight:700;color:var(--sd-blue)}
.sdd .sdd-law__item summary span{font-size:15px;color:var(--sd-mute)}
.sdd .sdd-law__item summary:hover{background:var(--sd-bg)}
.sdd .sdd-law__item[open]>*:not(summary){margin-left:24px;margin-right:24px}
.sdd .sdd-law__item[open]>*:last-child{margin-bottom:24px}
.sdd .sdd-law__item>.sdd-dot,.sdd .sdd-law__item>.sdd-scroll,.sdd .sdd-law__item>.sdd-ol,.sdd .sdd-law__item>.sdd-law__dl{margin-top:14px}
.sdd .sdd-law__target{display:flex;align-items:center;gap:14px;padding-right:14px;border:1px solid var(--sd-line2);border-radius:10px;overflow:hidden;font-size:17px;line-height:1.5;margin-bottom:14px}
.sdd .sdd-law__target b{flex:none;align-self:stretch;width:96px;display:flex;align-items:center;justify-content:center;padding:10px 0;background:var(--sd-mute3);color:#fff;font-weight:600}
.sdd .sdd-tbl--law{font-size:16px}
.sdd .sdd-tbl--law th,.sdd .sdd-tbl--law td{padding:10px 12px;border:1px solid var(--sd-line2)}
.sdd .sdd-tbl--law thead th{background:var(--sd-bg2);color:var(--sd-ink)}
.sdd .sdd-tbl--wide{min-width:680px}
.sdd .sdd-scroll+.sdd-scroll,.sdd .sdd-scroll+.sdd-dot,.sdd .sdd-dot+.sdd-scroll{margin-top:14px}
.sdd .sdd-law__dl{display:grid;grid-template-columns:96px 1fr;gap:8px 14px;font-size:16.5px}
.sdd .sdd-law__dl dt{padding:6px 0;border-radius:8px;background:var(--sd-blue);color:#fff;font-weight:600;text-align:center;align-self:start}
.sdd .sdd-law__dl dd{padding:5px 0;color:var(--sd-ink2);border-bottom:1px solid var(--sd-line)}

/* 12. 제어기 */
.sdd .sdd-dev__list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px;margin-top:28px;border-top:2px solid var(--sd-ink)}
.sdd .sdd-dev__item{display:grid;grid-template-columns:110px minmax(0,1.25fr) minmax(0,1fr);gap:16px;align-items:center;padding:14px 4px;border-bottom:1px solid var(--sd-line2)}
.sdd .sdd-dev__img{display:flex;align-items:center;justify-content:center;height:110px}
.sdd .sdd-dev__img img{max-height:110px;width:auto}
.sdd .sdd-dev__no{font-size:16px;color:var(--sd-mute);line-height:1.5;overflow-wrap:anywhere;min-width:0}
.sdd .sdd-dev__no b{display:block;font-size:17px;font-weight:700;color:var(--sd-ink)}
.sdd .sdd-dev__name{font-size:17px;font-weight:700;color:var(--sd-blue);line-height:1.45}

/* 13. 부속자재 */
.sdd .sdd-acc__top{display:grid;grid-template-columns:1fr 4fr 2fr;gap:16px;margin-top:28px}
.sdd .sdd-acc__grp h4,.sdd .sdd-acc__row h4{font-size:17px;font-weight:700;color:var(--sd-ink)}
.sdd .sdd-acc__grp h4{padding:8px 0;border-radius:10px;background:var(--sd-bg2);text-align:center}
.sdd .sdd-acc__grp ul{display:grid;grid-template-columns:repeat(var(--c,1),minmax(0,1fr));gap:10px;margin-top:14px}
.sdd .sdd-acc__grp--4 ul{--c:4}
.sdd .sdd-acc__grp--2 ul{--c:2}
.sdd .sdd-acc__grp li,.sdd .sdd-acc__row li{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}
.sdd .sdd-acc__grp img{max-height:100px;width:auto}
.sdd .sdd-acc__grp span,.sdd .sdd-acc__nm{font-size:14.5px;line-height:1.4;color:var(--sd-ink2);font-weight:500}
.sdd .sdd-acc__tbl{margin-top:28px;border-top:2px solid var(--sd-ink)}
.sdd .sdd-acc__line{display:flex;border-bottom:1px solid var(--sd-line2)}
.sdd .sdd-acc__row{flex:var(--n) 1 auto;display:flex;min-width:0}
.sdd .sdd-acc__row+.sdd-acc__row{border-left:1px solid var(--sd-line2)}
.sdd .sdd-acc__row h4{flex:none;width:84px;display:flex;align-items:center;justify-content:center;text-align:center;background:var(--sd-bg2);line-height:1.35}
.sdd .sdd-acc__row ul{flex:1;display:flex;flex-wrap:wrap;justify-content:space-around;gap:14px 8px;padding:16px 8px}
.sdd .sdd-acc__row li{flex:0 1 auto;min-width:72px}
.sdd .sdd-acc__pics{display:flex;align-items:center;justify-content:center;gap:6px;min-height:76px}
.sdd .sdd-acc__pics img{max-height:76px;width:auto}
.sdd .sdd-acc__row li.is-noimg .sdd-acc__pics{width:72px}
.sdd .sdd-acc__row li.is-multi .sdd-acc__pics img{max-height:64px}

/* 제품 사양 */
.sdd .sdd-prod__head{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:28px 32px;border-radius:24px;background:linear-gradient(135deg,var(--sd-blue),#1b6fb3)}
.sdd .sdd-prod__tit{font-size:34px;line-height:1.25;font-weight:700;color:#fff}
.sdd .sdd-prod__tit span{display:inline-block;margin-left:16px;font-size:20px;font-weight:500;color:#cfe6f7;vertical-align:baseline}
.sdd .sdd-prod__certs{display:flex;gap:10px}
.sdd .sdd-prod__certs li{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 10px 8px;border-radius:12px;background:#fff;min-width:74px}
.sdd .sdd-prod__certs img{height:40px;width:auto}
.sdd .sdd-prod__certs span{font-size:12px;font-weight:600;color:var(--sd-mute)}
.sdd .sdd-prod__top{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;align-items:center;margin-top:36px}
.sdd .sdd-tbl--basic{border-top:2px solid var(--sd-ink)}
.sdd .sdd-tbl--basic th{width:38%;text-align:left;font-size:17px}
.sdd .sdd-tbl--basic td{text-align:left}
.sdd .sdd-prod__models li{font-size:22px;font-weight:700;color:var(--sd-ink);line-height:1.5}
.sdd .sdd-prod__models li::before{content:"";display:inline-block;width:6px;height:6px;margin-right:10px;border-radius:50%;background:var(--sd-sky);vertical-align:middle}
.sdd .sdd-prod__photo{border-radius:20px;overflow:hidden;background:#f7f7f7}
.sdd .sdd-prod__photo img{margin:0 auto}
.sdd .sdd-prod__bar{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin:48px 0 12px}
.sdd .sdd-prod__bar .sdd-note{margin:0}
.sdd .sdd-tbl--spec{border-top:2px solid var(--sd-ink);min-width:560px}
.sdd .sdd-tbl--spec thead th{background:#fff;color:var(--sd-ink);border-bottom:1px solid var(--sd-ink)}
.sdd .sdd-tbl--spec thead th:first-child,.sdd .sdd-tbl--spec tbody th{text-align:left;width:22%}
.sdd .sdd-tbl--spec tbody th.is-sub{width:8%;text-align:center;font-weight:500;color:var(--sd-mute)}
.sdd .sdd-tbl--spec td{font-size:17.5px;color:var(--sd-ink);border-left:1px solid var(--sd-line2)}
.sdd .sdd-prod__bot{display:grid;grid-template-columns:240px minmax(0,1fr);gap:40px;margin-top:48px}
.sdd .sdd-prod__sub{padding-bottom:10px;margin-bottom:16px;border-bottom:2px solid var(--sd-ink)}
.sdd .sdd-prod__sub--row{display:flex;justify-content:space-between;align-items:flex-end}
.sdd .sdd-prod__sub--row span{font-size:14.5px;color:var(--sd-mute)}
.sdd .sdd-prod__disp{padding:20px;border:1px dashed var(--sd-line2);border-radius:14px;text-align:center}
.sdd .sdd-prod__disp img{margin:0 auto}
.sdd .sdd-prod__disp figcaption{margin-top:10px;font-size:14.5px;color:var(--sd-ink2);line-height:1.5}
.sdd .sdd-prod__draw img{margin:0 auto}

/* ---------- 반응형 ---------- */
@media (max-width:1024px){
    .sdd .sdd-src__list{grid-template-columns:repeat(4,minmax(0,1fr))}
    .sdd .sdd-acc__line{flex-wrap:wrap}
    .sdd .sdd-acc__row{flex:1 1 100%}
    .sdd .sdd-acc__row+.sdd-acc__row{border-left:0;border-top:1px solid var(--sd-line2)}
}
@media (max-width:768px){
    .sdd{padding-bottom:24px}
    .sdd .sdd-sec{padding:48px 0}
    .sdd .sdd-mt{margin-top:44px!important}
    .sdd .sdd-h{font-size:27px}
    .sdd .sdd-h--xl{font-size:30px}
    .sdd .sdd-lead{font-size:17px}
    .sdd .sdd-p{font-size:16px}
    .sdd .sdd-band{margin:40px 0 16px;font-size:17px}
    .sdd .sdd-cmp__wrap{padding:0 12px 16px;border-radius:18px}
    .sdd .sdd-cmp__pics img{max-width:80%}
    .sdd .sdd-hero__card,.sdd .sdd-sys__box,.sdd .sdd-pat__top,.sdd .sdd-pat__bot,.sdd .sdd-lift__body,.sdd .sdd-prod__top,.sdd .sdd-prod__bot,.sdd .sdd-app__head{grid-template-columns:1fr}
    .sdd .sdd-hero__card{padding:20px 16px 28px;gap:16px}
    .sdd .sdd-hero__card>div{padding:20px}
    .sdd .sdd-cards3{grid-template-columns:1fr;gap:28px}
    .sdd .sdd-two{grid-template-columns:1fr;gap:20px}
    .sdd .sdd-two--band .sdd-band{margin-top:32px}
    .sdd .sdd-src__list{grid-template-columns:repeat(2,minmax(0,1fr))}
    .sdd .sdd-place{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 12px}
    .sdd .sdd-place strong{font-size:16px}
    .sdd .sdd-sys__box{padding:16px}
    .sdd .sdd-fig--card{padding:10px;border-radius:16px}
    .sdd .sdd-st__card{flex-direction:column;align-items:flex-start;padding:20px 16px;gap:16px}
    .sdd .sdd-st__card>div{padding:18px}
    .sdd .sdd-st__ico{width:72px;border-radius:18px}
    .sdd .sdd-app__head{padding:16px}
    .sdd .sdd-app__head img{max-width:70%;margin:0 auto}
    .sdd .sdd-app__list li{grid-template-columns:1fr}
    .sdd .sdd-app__list li>div{padding:24px}
    .sdd .sdd-app__list strong{font-size:23px}
    .sdd .sdd-ctl__head{align-items:flex-start}
    .sdd .sdd-sec.sdd-pat{padding:32px 16px;border-radius:20px}
    .sdd .sdd-pat__top figure{order:-1}
    .sdd .sdd-lift__kit{max-width:240px;margin:0 auto}
    .sdd .sdd-lift__pics{grid-template-columns:1fr;padding:16px}
    .sdd .sdd-law__item summary{padding:16px 48px 16px 16px}
    .sdd .sdd-law__item summary::after{right:18px}
    .sdd .sdd-law__item summary strong{font-size:17px}
    .sdd .sdd-law__item[open]>*:not(summary){margin-left:16px;margin-right:16px}
    .sdd .sdd-law__dl{grid-template-columns:80px 1fr}
    .sdd .sdd-law__target b{width:64px}
    .sdd .sdd-dev__list{grid-template-columns:1fr}
    .sdd .sdd-dev__item{grid-template-columns:96px 1fr 1fr;gap:10px}
    .sdd .sdd-dev__img{height:90px}
    .sdd .sdd-dev__img img{max-height:90px}
    .sdd .sdd-acc__top{grid-template-columns:1fr}
    .sdd .sdd-acc__grp--4 ul{--c:2}
    .sdd .sdd-acc__row h4{width:64px;font-size:14px}
    .sdd .sdd-prod__head{flex-direction:column;align-items:flex-start;padding:22px 20px}
    .sdd .sdd-prod__tit{font-size:27px}
    .sdd .sdd-prod__tit span{display:block;margin:6px 0 0;font-size:16px}
    .sdd .sdd-prod__certs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:100%;gap:8px}
    .sdd .sdd-prod__certs li{min-width:0;padding:8px 4px 6px}
    .sdd .sdd-prod__certs img{height:32px}
    .sdd .sdd-prod__certs span{font-size:10.5px;white-space:nowrap}
    .sdd .sdd-tbl--spec,.sdd .sdd-tbl--cmp{min-width:0;font-size:14px}
    .sdd .sdd-tbl--spec th,.sdd .sdd-tbl--spec td,.sdd .sdd-tbl--cmp th,.sdd .sdd-tbl--cmp td{padding:10px 6px}
    .sdd .sdd-tbl--spec td{font-size:14px}
    .sdd .sdd-tbl--cmp th:first-child{padding-left:10px}
    .sdd .sdd-fig--zoom{overflow-x:auto;-webkit-overflow-scrolling:touch}
    .sdd .sdd-fig--zoom img{width:680px;max-width:none}
    .sdd .sdd-fig--zoom::after{content:"← 좌우로 밀어서 보기 →";display:block;margin-top:6px;font-size:13px;color:var(--sd-mute2);text-align:center;position:sticky;left:0}
    .sdd .sdd-prod__bar{flex-direction:column;align-items:flex-start;gap:4px}
    .sdd .sdd-prod__bot{gap:32px}
}

/* ---------- 2차: 표지·자동먼지제거·사양 여러 페이지 ---------- */
.sdd .sdd-cover{text-align:center;padding:48px 24px 0;border:0;border-radius:28px;background:linear-gradient(180deg,#1b2338 0%,#2a3552 100%);color:#fff;overflow:hidden}
.sdd .sdd-cover__eyebrow{font-size:19px;color:rgba(255,255,255,.8)}
.sdd .sdd-cover__tit{margin-top:6px;font-size:44px;font-weight:800;letter-spacing:-1.5px;color:#fff}
.sdd .sdd-cover__img{margin-top:20px}
.sdd .sdd-cover__img img{margin:0 auto}
.sdd .sdd-cover+.sdd-sec{border-top:0}
.sdd .sdd-tag{display:inline-block;margin-bottom:12px;padding:6px 14px;border-radius:8px;background:var(--sd-blue);color:#fff;font-size:17px;font-weight:700}
.sdd .sdd-sub b{color:var(--sd-ink)}
.sdd .sdd-dust__grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px;margin-top:24px}
.sdd .sdd-dust__card{padding:22px;border-radius:18px;background:var(--sd-bg)}
.sdd .sdd-dust__card h4{font-size:22px;font-weight:700}
.sdd .sdd-dust__card>small{display:block;margin-top:2px;font-size:14px;color:var(--sd-mute2)}
.sdd .sdd-dust__card p{margin-top:14px;font-size:15px;color:var(--sd-mute);line-height:1.6}
.sdd .sdd-bars{position:relative;display:flex;align-items:flex-end;gap:22px;height:150px;margin-top:16px;padding-right:90px}
.sdd .sdd-bar{position:relative;width:52px;height:calc(var(--h) * .8);min-height:6px;border-radius:6px 6px 0 0;background:#b9c2cc}
.sdd .sdd-bar.is-hl{background:var(--sd-sky)}
.sdd .sdd-bar b{position:absolute;left:50%;bottom:100%;margin-bottom:4px;transform:translateX(-50%);white-space:nowrap;font-size:17px;font-weight:700;color:var(--sd-ink2)}
.sdd .sdd-bar.is-hl b{color:var(--sd-blue)}
.sdd .sdd-bar i{position:absolute;left:50%;top:100%;margin-top:4px;transform:translateX(-50%);white-space:nowrap;font-style:normal;font-size:14px;color:var(--sd-mute)}
.sdd .sdd-badge{position:absolute;right:0;top:0;width:84px;height:84px;border-radius:50%;background:var(--sd-blue);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:26px;font-weight:800;line-height:1.1}
.sdd .sdd-badge small{font-size:10.5px;font-weight:500;margin-top:2px}
.sdd .sdd-dust__card .sdd-bars{margin-bottom:22px}
.sdd .sdd-dust__list{display:flex;flex-direction:column;gap:10px}
.sdd .sdd-dust__list li{padding:12px 16px;border-left:4px solid var(--sd-blue);border-radius:10px;background:var(--sd-bg)}
.sdd .sdd-dust__list strong{display:block;font-size:18px;font-weight:700}
.sdd .sdd-dust__list span{font-size:14.5px;color:var(--sd-mute)}
.sdd .sdd-prod__page.is-next{margin-top:56px;padding-top:48px;border-top:1px dashed var(--sd-line2)}
.sdd .sdd-prod__tables.has-extra{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:24px;align-items:start}
.sdd .sdd-prod__xt{margin:0 0 12px}
.sdd .sdd-prod__bar:not(:has(h4)){justify-content:flex-end}
.sdd .sdd-tbl--xt{min-width:0}
.sdd .sdd-tbl--xt thead th:first-child{width:auto}
.sdd .sdd-prod__bot.is-one{grid-template-columns:1fr}
.sdd .sdd-note--strong2{margin-top:10px;font-size:16px;font-weight:600;color:var(--sd-ink2)}
.sdd .sdd-tbl em.is-warn{font-style:normal;color:#d23c3c;font-weight:600}
.sdd .sdd-prod__certs li{min-width:78px}
@media (max-width:1024px){.sdd .sdd-dust__grid{grid-template-columns:1fr 1fr}.sdd .sdd-dust__list{grid-column:1/-1}}
@media (max-width:768px){
    .sdd .sdd-cover{padding:32px 14px 0;border-radius:18px}
    .sdd .sdd-cover__tit{font-size:30px}
    .sdd .sdd-dust__grid{grid-template-columns:1fr}
    .sdd .sdd-prod__tables.has-extra{grid-template-columns:1fr}
    .sdd .sdd-prod__page.is-next{margin-top:36px;padding-top:32px}
    .sdd .sdd-prod__certs{grid-template-columns:repeat(4,minmax(0,1fr))}
}

/* ---------- 욕실환풍기 ---------- */
.sdd .sdd-bath-hero{padding-top:8px}
.sdd .sdd-bath-hero__img{position:relative;border-radius:24px;overflow:hidden}
.sdd .sdd-bath-hero__img img{width:100%}
.sdd .sdd-bath-hero__txt{position:absolute;right:6%;bottom:6%;text-align:right;color:#fff}
.sdd .sdd-bath-hero__txt span{display:inline-block;padding:6px 16px;border-radius:20px;background:rgba(17,28,43,.55);font-size:19px}
.sdd .sdd-bath-hero__txt strong{display:block;margin-top:6px;font-size:84px;line-height:1;font-weight:800;letter-spacing:-1px;text-shadow:0 4px 24px rgba(0,0,0,.25)}
.sdd .sdd-bath-pts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:20px}
.sdd .sdd-bath-pts li{padding:20px;border-radius:16px;background:var(--sd-bg)}
.sdd .sdd-bath-pts strong{display:block;font-size:21px;font-weight:700;color:var(--sd-blue)}
.sdd .sdd-bath-pts span{display:block;margin-top:6px;font-size:16.5px;color:var(--sd-mute)}
.sdd .sdd-bath-feat__head{position:relative}
.sdd .sdd-bath-qr{position:absolute;right:0;top:-10px;width:84px;padding:6px;border:2px solid #4a8bbd;border-radius:10px;background:#fff}
.sdd .sdd-bath-feat__list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:32px}
.sdd .sdd-bath-feat__list>li{position:relative;padding:26px 26px 24px 88px;border-radius:20px;background:var(--sd-bg);box-shadow:0 6px 20px rgba(13,87,150,.05)}
.sdd .sdd-bath-no{position:absolute;left:26px;top:20px;font-size:56px;line-height:1;font-weight:800;color:#4a8bbd}
.sdd .sdd-bath-kick{font-size:17px;color:var(--sd-mute)}
.sdd .sdd-bath-feat__list h4{font-size:24px;font-weight:700;margin-top:2px}
.sdd .sdd-bath-feat__body{display:flex;gap:18px;align-items:center;margin:16px 0 0 -62px}
.sdd .sdd-bath-feat__body img{flex:0 1 48%;min-width:0;max-width:48%;border-radius:12px}
.sdd .sdd-bath-feat__body p{min-width:0;font-size:17px;color:var(--sd-ink2);line-height:1.7}
.sdd .sdd-bath-feat__body small{display:block;margin-top:8px;font-size:14px;color:#d0306b;font-weight:600}
.sdd .sdd-bath-steps{background:#8f8f93;border-radius:24px;padding:36px 24px;border:0;margin-top:24px}
.sdd .sdd-bath-steps .sdd-h{color:#fff}
.sdd .sdd-bath-steps ol{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:20px}
.sdd .sdd-bath-steps li{display:flex;justify-content:space-between;gap:8px;padding:14px;border-radius:10px;background:#fff;font-size:14.5px;line-height:1.55;color:var(--sd-ink2)}
.sdd .sdd-bath-steps li img{flex:none;width:72px;align-self:center}
.sdd .sdd-bath-steps+.sdd-sec{border-top:0}
.sdd .sdd-bath-chart .sdd-fig img{border-radius:12px}
.sdd .sdd-bath-spec{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:28px;align-items:start}
.sdd .sdd-bath-spec .sdd-h4{margin-bottom:14px}
.sdd .sdd-bath-spec .sdd-note{grid-column:1/-1;margin:0}
.sdd .sdd-tbl--bath th{width:24%;background:#2f8fd8;color:#fff;font-weight:600;text-align:center;border-bottom:3px solid #fff}
.sdd .sdd-tbl--bath td{text-align:left;background:#eef1f4;border-bottom:3px solid #fff}
.sdd .sdd-bath-draw{padding:16px;border-radius:14px;background:#fff;box-shadow:0 4px 20px rgba(0,0,0,.06)}
.sdd .sdd-bath-draw img{margin:0 auto}
@media (max-width:768px){
    .sdd .sdd-bath-hero__txt strong{font-size:44px}
    .sdd .sdd-bath-hero__txt span{font-size:14px}
    .sdd .sdd-bath-pts{grid-template-columns:1fr 1fr}
    .sdd .sdd-bath-feat__list{grid-template-columns:1fr}
    .sdd .sdd-bath-feat__list>li{padding:20px 18px 20px 70px}
    .sdd .sdd-bath-no{left:18px;font-size:44px}
    .sdd .sdd-bath-feat__body{flex-direction:column;align-items:flex-start;margin-left:-52px}
    .sdd .sdd-bath-feat__body img{max-width:100%}
    .sdd .sdd-bath-qr{position:static;margin:12px auto 0;width:72px}
    .sdd .sdd-bath-steps ol{grid-template-columns:1fr}
    .sdd .sdd-bath-spec{grid-template-columns:1fr}
}
.sdd .sdd-bath-feat__body.is-wide{flex-direction:column;align-items:flex-start}
.sdd .sdd-bath-feat__body.is-wide img{max-width:100%;flex:none}

/* ---------- 필터·전열소자 ---------- */
.sdd .sdd-warn{color:#d23c3c;font-weight:600}
.sdd .sdd-red{color:#d23c3c}
.sdd .sdd-flt-model__cap{margin-top:14px;text-align:center;font-size:17px;color:var(--sd-ink2)}
.sdd .sdd-flt-model__cap b{color:var(--sd-sky);font-weight:600}
.sdd .sdd-flt-model__cap span{margin-left:14px;font-weight:600}
.sdd .sdd-flt-model__cap i{display:inline-block;width:18px;height:18px;margin-right:4px;background:var(--sd-blue);color:#fff;font-style:normal;font-size:13px;line-height:18px;text-align:center}
.sdd .sdd-band--wide{margin-top:0;font-size:24px;text-align:center}
.sdd .sdd-band em{color:#7fd3f2}
.sdd .sdd-flt-ba{margin-top:24px}
.sdd .sdd-flt-ba figure{position:relative;background:#3f3f3f}
.sdd .sdd-flt-ba figcaption{padding:12px 0;background:#555;color:#fff}
.sdd .sdd-flt-ba .is-after figcaption{background:var(--sd-sky)}
.sdd .sdd-flt-h13 .sdd-lead small{display:block;margin-top:6px;font-size:16.5px;color:var(--sd-mute)}
.sdd .sdd-flt-test{margin-top:48px;padding:36px 24px;border-radius:24px;background:#cfe3ee}
.sdd .sdd-flt-test__cap{display:grid;grid-template-columns:1fr 1fr;margin-top:12px;text-align:center;font-size:16.5px;color:var(--sd-ink2)}
.sdd .sdd-flt-ab{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:center;padding:40px;border:0;border-radius:24px;background:linear-gradient(120deg,#1a9ad6,#6fc3e6);color:#fff}
.sdd .sdd-flt-ab .sdd-h,.sdd .sdd-flt-ab .sdd-p,.sdd .sdd-flt-ab .sdd-eyebrow{color:#fff}
.sdd .sdd-flt-ab .sdd-p{margin-top:14px}
.sdd .sdd-flt-ab figure img{border-radius:16px;margin-left:auto}
.sdd .sdd-flt-ab+.sdd-sec{border-top:0}
.sdd .sdd-flt-intro ul{display:grid;gap:14px;margin-top:24px}
.sdd .sdd-flt-intro li{display:flex;align-items:center;gap:28px;padding:16px 28px;border-radius:16px;background:#fff;box-shadow:0 4px 18px rgba(13,87,150,.07);border:1px solid var(--sd-line)}
.sdd .sdd-flt-intro li img{flex:none;width:200px}
.sdd .sdd-flt-intro strong{font-size:23px;font-weight:700}
.sdd .sdd-flt-intro p{margin-top:6px;font-size:17px;color:var(--sd-mute)}
.sdd .sdd-flt-steps ol{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:24px}
.sdd .sdd-flt-steps li img{width:100%;border-radius:6px}
.sdd .sdd-flt-steps li p{margin-top:10px;font-size:17.5px;color:var(--sd-ink2)}
.sdd .sdd-flt-clean{padding:48px 32px;border:0;border-radius:24px;background:#eceff2}
.sdd .sdd-flt-clean ul{display:grid;gap:16px;margin-top:24px}
.sdd .sdd-flt-clean li{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:24px 28px;border-radius:16px;background:#fff}
.sdd .sdd-flt-clean li>img{flex:none;width:180px}
.sdd .sdd-flt-clean h4{font-size:23px;font-weight:700}
.sdd .sdd-flt-clean dl{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin-top:12px;padding-bottom:12px;border-bottom:1px solid var(--sd-line2)}
.sdd .sdd-flt-clean dt,.sdd .sdd-flt-clean__how span:first-child{padding:2px 10px;border-radius:4px;background:#9aa3ad;color:#fff;font-size:14px;font-weight:600;white-space:nowrap}
.sdd .sdd-flt-clean dd{margin-right:12px;font-size:19px;font-weight:700}
.sdd .sdd-flt-clean__how{display:flex;gap:12px;margin-top:12px;font-size:16.5px;color:var(--sd-ink2);line-height:1.7}
.sdd .sdd-flt-clean__how span:first-child{align-self:flex-start}
.sdd .sdd-flt-warn{margin:36px 0 14px;font-size:20px;font-weight:700;color:#d23c3c}
.sdd .sdd-flt-warn::before{content:"!";display:inline-block;width:22px;height:22px;margin-right:8px;border-radius:50%;background:#d23c3c;color:#fff;text-align:center;line-height:22px;font-size:16px}
.sdd .sdd-flt-x>div{display:flex;align-items:center;gap:20px;padding:18px 24px;border-radius:14px;background:#f6f7f8;border:1px solid var(--sd-line2)}
.sdd .sdd-flt-x img{flex:none;width:110px}
.sdd .sdd-flt-x p{font-size:17px;color:var(--sd-ink2)}
@media (max-width:768px){
    .sdd .sdd-band--wide{font-size:18px}
    .sdd .sdd-flt-model__cap span{display:inline-block;margin:6px 6px 0}
    .sdd .sdd-flt-ab{grid-template-columns:1fr;padding:28px 20px}
    .sdd .sdd-flt-intro li{flex-direction:column;align-items:flex-start;gap:12px;padding:18px}
    .sdd .sdd-flt-intro li img{width:160px}
    .sdd .sdd-flt-steps ol{grid-template-columns:1fr}
    .sdd .sdd-flt-clean{padding:32px 14px}
    .sdd .sdd-flt-clean li{flex-direction:column-reverse;align-items:flex-start;padding:18px}
    .sdd .sdd-flt-clean li>img{width:140px}
    .sdd .sdd-flt-x>div{flex-direction:column;text-align:center}
    .sdd .sdd-flt-test__cap{grid-template-columns:1fr;gap:8px}
}

/* ---------- 스마트 공기순환기(DWMDC) ---------- */
.sdd .sdd-sm-hero{position:relative;padding:0;border:0;border-radius:24px;overflow:hidden;background:#c9dbe8}
.sdd .sdd-sm-hero__txt{padding:56px 24px 28px;text-align:center}
.sdd .sdd-sm-hero__brand{font-size:40px;font-weight:800;color:var(--sd-blue);letter-spacing:-1px}
.sdd .sdd-sm-hero .sdd-h{color:#2747a8;margin-top:4px}
.sdd .sdd-sm-hero img{width:100%}
.sdd .sdd-sm-who{margin-top:24px;padding:48px 40px;border:0;border-radius:24px;background:linear-gradient(180deg,#bfe3fb,#e9f5fe)}
.sdd .sdd-sm-who .sdd-h{color:#2747a8}
.sdd .sdd-sm-who__q{margin:36px auto 0;max-width:560px;padding:14px 20px;border:2px solid #9db4f5;border-radius:50%;text-align:center;font-size:22px;color:#2747a8}
.sdd .sdd-sm-who__q b{display:block;font-size:26px}
.sdd .sdd-sm-who__ico{display:flex;justify-content:center;flex-wrap:wrap;gap:20px 36px;margin-top:24px}
.sdd .sdd-sm-who__ico li{display:flex;flex-direction:column;align-items:center;gap:8px;font-size:17px;font-weight:600;color:#2a3a6b}
.sdd .sdd-sm-who__ico img{width:80px;border-radius:50%}
.sdd .sdd-sm-who__pics{display:grid;grid-template-columns:2fr 1fr;gap:16px;margin-top:28px}
.sdd .sdd-sm-who__pics img{width:100%;height:100%;object-fit:cover;border-radius:12px}
.sdd .sdd-sm-care .sdd-h{color:#2747a8;text-align:right}
.sdd .sdd-sm-care .sdd-lead{text-align:right}
.sdd .sdd-sm-tech{padding:56px 32px;border:0;border-radius:24px;background:#f0f8fe}
.sdd .sdd-sm-card{padding:20px;border-radius:16px;background:#fff;border:1px solid var(--sd-line)}
.sdd .sdd-sm-card figcaption{margin-bottom:12px;font-size:16px;color:var(--sd-mute);line-height:1.6;text-align:left}
.sdd .sdd-sm-card figcaption b{display:inline-block;margin:0 8px 6px 0;padding:6px 16px;border-radius:20px;background:#d5e1ea;color:#2a3a6b;font-size:18px}
.sdd .sdd-sm-card.is-hl figcaption b{background:#2747a8;color:#fff}
.sdd .sdd-sm-card img,.sdd .sdd-vid{width:100%;border-radius:10px;background:#000;display:block}
.sdd .sdd-sm-smoke{margin-top:24px;padding:56px 32px;border:0;border-radius:24px;background:#8a8a8a;color:#fff}
.sdd .sdd-sm-smoke .sdd-h,.sdd .sdd-sm-smoke .sdd-p{color:#fff}
.sdd .sdd-sm-smoke .sdd-band{background:#fff;color:var(--sd-ink)}
.sdd .sdd-sm-roles{counter-reset:r;display:grid;gap:12px;margin-bottom:28px;text-align:center}
.sdd .sdd-sm-roles li{counter-increment:r}
.sdd .sdd-sm-roles strong{display:block;font-size:19px}
.sdd .sdd-sm-roles strong::before{content:counter(r);display:inline-block;width:22px;height:22px;margin-right:8px;border-radius:50%;background:#fff;color:var(--sd-ink);line-height:22px;font-size:14.5px}
.sdd .sdd-sm-roles span{display:block;margin-top:4px;font-size:17px;color:#ffe2b8}
.sdd .sdd-sm-cert{padding:56px 32px;border:0;border-radius:24px;background:#7d7d7d;margin-top:24px}
.sdd .sdd-sm-cert .sdd-h{color:#fff}
.sdd .sdd-sm-cert__cap{display:grid;grid-template-columns:repeat(3,1fr);margin-top:8px;text-align:center;font-size:16.5px;color:#fff}
.sdd .sdd-sm-dist,.sdd .sdd-sm-eco{background:#eef9fe;padding:56px 32px;border:0;border-radius:24px;margin-top:24px}
.sdd .sdd-sm-dist .sdd-eyebrow,.sdd .sdd-sm-eco .sdd-eyebrow{color:#4a82e0;font-weight:600}
.sdd .sdd-tbl--sm{background:#fff;font-size:16px;min-width:680px}
.sdd .sdd-tbl--sm th,.sdd .sdd-tbl--sm td{border:1px solid #c8d8f5}
.sdd .sdd-tbl--sm thead th{background:#d5ecfb;color:var(--sd-ink)}
.sdd .sdd-tbl--sm .is-hl{background:#f6faff;color:#2747a8;box-shadow:inset 3px 0 0 #7ea6f7,inset -3px 0 0 #7ea6f7}
.sdd .sdd-tbl--sm img{margin:0 auto;max-height:110px;width:auto}
.sdd .sdd-tbl--eco img{max-height:100px}
.sdd .sdd-sm-eco .sdd-dust__grid{margin-top:32px}
.sdd .sdd-sm-feat{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:16px;font-size:16px;color:var(--sd-ink2);line-height:1.7}
.sdd .sdd-sm-feat li{padding:12px 14px;border-radius:10px;background:var(--sd-bg)}
.sdd .sdd-sm-spec .sdd-h small{font-size:22px;font-weight:600}
.sdd .sdd-tbl--smspec{border:1px solid #9db4f5;min-width:600px}
.sdd .sdd-tbl--smspec th{width:16%;background:#eef4ff;color:var(--sd-ink);border-right:1px solid #c8d8f5}
.sdd .sdd-tbl--smspec td{border-left:1px solid var(--sd-line2)}
.sdd .sdd-tbl--smspec td img{margin:0 auto;max-height:120px;width:auto}
.sdd .sdd-tbl--smspec .is-model{font-size:19px;font-weight:600;color:var(--sd-ink)}
.sdd .sdd-tbl--smspec th.is-cool{color:#2747a8}
.sdd .sdd-tbl--smspec th.is-heat{color:#c8102e}
.sdd .sdd-tbl--smspec .is-opt{color:#2747a8}
.sdd .sdd-sm-ship{margin-top:24px;padding:56px 40px;border:0;border-radius:24px;background:#002b5c;color:#fff}
.sdd .sdd-sm-ship .sdd-h{color:#fff}
.sdd .sdd-sm-ship dl{display:grid;grid-template-columns:150px 1fr;gap:28px 32px;margin-top:32px;font-size:17px;line-height:1.75;color:#d7e2f0}
.sdd .sdd-sm-ship dt{align-self:start;padding:8px 0;border-radius:22px;background:#1d4a7e;color:#fff;font-weight:600;text-align:center}
.sdd .sdd-sm-ship dd b{display:block;color:#fff}
.sdd .sdd-tbl--notice{margin-top:24px;background:#f6f8fb;color:var(--sd-ink)}
.sdd .sdd-tbl--notice th{width:28%;background:#e3e9f1}
.sdd .sdd-tbl--notice td{text-align:left}
@media (max-width:768px){
    .sdd .sdd-sm-who{padding:32px 16px}
    .sdd .sdd-sm-who__pics{grid-template-columns:1fr}
    .sdd .sdd-sm-care .sdd-h,.sdd .sdd-sm-care .sdd-lead{text-align:left}
    .sdd .sdd-sm-tech,.sdd .sdd-sm-smoke,.sdd .sdd-sm-cert,.sdd .sdd-sm-dist,.sdd .sdd-sm-eco,.sdd .sdd-sm-ship{padding:36px 14px}
    .sdd .sdd-sm-feat{grid-template-columns:1fr 1fr}
    .sdd .sdd-sm-ship dl{grid-template-columns:1fr;gap:10px}
    .sdd .sdd-sm-cert__cap{font-size:13px}
}
