/* 바로잰 더 알아보기 — 자동전자혈압계 3탭(.prod7-container) + 바로잰 II 5탭(.prod8-container) 전용
   v2 (2026-10-08): 기존 제품 페이지(.prod-container / .prod2-container) 규격에 맞춤
   - 콘텐츠 폭 1360px, 섹션 여백 120/140px, 첫 섹션 제목 62px 좌측 정렬, 섹션 제목 54px 가운데
   - 카드 radius 30px + 그림자 0 0 12px, 본문 18px #5C5C5C, 보조문 14px #838D8D
   - 아이콘: inc/bmore_icons.jspf 스프라이트(Lucide, ISC) */

.bmore { color:#1A1A1A; }
.bmore img { max-width:100%; height:auto; }   /* 폭이 큰 한독 원본 이미지가 좁은 화면에서 잘리지 않도록 (개별 규칙이 우선) */

/* ── 레이아웃 ─────────────────────────────────────────── */
.bmore .bm-section { padding:120px 20px 140px; }
.bmore .bm-section.gray { background:#F7F9FA; }
.bmore .bm-section.tint { background:#F2F8FC; }
.prod7-container .bm-section.tint { background:#F3F9EE; }
.bmore .bm-inner { max-width:1360px; margin:0 auto; }
.bmore .bm-narrow { max-width:1100px; margin:0 auto; }
.bmore .bm-mt { margin-top:60px; }
.bmore .bm-mt-s { margin-top:30px; }

.bmore .bm-split { display:flex; align-items:center; gap:80px; }
.bmore .bm-split.reverse { flex-direction:row-reverse; }
.bmore .bm-split > .bm-split-text { flex:1 1 50%; min-width:0; }
.bmore .bm-split > .bm-split-media { flex:1 1 50%; min-width:0; text-align:center; }
.bmore .bm-split-media img { max-width:100%; height:auto; }
.bmore .bm-media-round img { border-radius:30px; box-shadow:0 0 12px rgba(0,0,0,.15); }
.bmore .bm-split-media .bm-card { text-align:left; }
.bmore .bm-full { max-width:100%; height:auto; }
.bmore .bm-supply { display:block; width:100%; height:220px; padding:18px; box-sizing:border-box; object-fit:contain; background:#F2F8FC; border-radius:20px; }

/* ── 타이포 ───────────────────────────────────────────── */
.bmore .bm-eyebrow { display:inline-block; font-size:16px; font-weight:800; letter-spacing:.06em; color:#1E9FD8; margin-bottom:18px; }
.prod7-container .bm-eyebrow { color:#3C9A35; }
.bmore .bm-headline { font-size:62px; font-weight:800; line-height:1.25; letter-spacing:-.02em; margin-bottom:30px; word-break:keep-all; }
.bmore .bm-title { font-size:54px; font-weight:800; line-height:1.3; text-align:center; margin-bottom:14px; word-break:keep-all; }
.bmore .bm-subtitle { font-size:24px; line-height:1.5; color:#5C5C5C; text-align:center; margin-bottom:70px; word-break:keep-all; }
.bmore .bm-h3 { font-size:40px; font-weight:800; line-height:1.3; margin-bottom:24px; word-break:keep-all; }
.bmore .bm-text { font-size:18px; line-height:1.7; color:#5C5C5C; margin-bottom:14px; word-break:keep-all; }
.bmore .bm-note { font-size:14px; line-height:1.6; color:#838D8D; margin-top:24px; word-break:keep-all; }
.bmore .bm-center { text-align:center; }

.bmore .bm-list.cols { columns:2; column-gap:40px; }
.bmore .bm-list.cols li { break-inside:avoid; }
.bmore .bm-photos { display:grid; grid-template-columns:repeat(2, 1fr); gap:30px; }
.bmore .bm-photos figure { margin:0; text-align:center; font-size:15px; color:#838D8D; }
.bmore .bm-photos img { display:block; width:100%; height:auto; border-radius:30px; box-shadow:0 0 12px rgba(0,0,0,.15); margin-bottom:12px; }
.bmore .bm-list li { background:url(../images/icon_point.svg) no-repeat left 11px; padding-left:14px; font-size:18px; line-height:1.7; color:#5C5C5C; word-break:keep-all; }

.bmore .bm-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:44px; }
.bmore .bm-actions .btn1 { height:56px; line-height:56px; font-size:16px; background:#fff; }
.bmore .bm-actions .btn1 span { padding:0 28px; }

/* ── 아이콘 배지 ─────────────────────────────────────── */
.bmore .bm-ico { display:flex; align-items:center; justify-content:center; flex-shrink:0; width:72px; height:72px; border-radius:50%; background:linear-gradient(135deg, #E9F8EC 0%, #E2F2FB 100%); color:#1E9FD8; }
.prod7-container .bm-ico { background:#EEF7E6; color:#3C9A35; }
.bmore .bm-ico svg { width:34px; height:34px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.bmore .bm-ico.sm { width:48px; height:48px; }
.bmore .bm-ico.sm svg { width:24px; height:24px; }
.bmore .bm-ico.xl { width:150px; height:150px; background:#fff; }
.bmore .bm-ico.xl svg { width:68px; height:68px; stroke-width:1.5; }

/* ── 카드 ─────────────────────────────────────────────── */
.bmore .bm-cards { display:grid; grid-template-columns:repeat(3, 1fr); gap:30px; }
.bmore .bm-cards.col2 { grid-template-columns:repeat(2, 1fr); }
.bmore .bm-cards.col4 { grid-template-columns:repeat(4, 1fr); }
.bmore .bm-cards.col5 { grid-template-columns:repeat(5, 1fr); gap:24px; }
.bmore .bm-cards.feat .bm-card { padding:40px 20px; }
.bmore .bm-cards.feat .bm-card h4 { font-size:21px; margin-top:20px; text-align:center; word-break:keep-all; }
.bmore .bm-card { background:#fff; border-radius:30px; box-shadow:0 0 12px rgba(0,0,0,.12); padding:45px 40px; }
.bmore .bm-card h4 { font-size:26px; font-weight:800; line-height:1.35; margin:24px 0 12px; word-break:keep-all; }
.bmore .bm-card p { font-size:17px; line-height:1.6; color:#5C5C5C; word-break:keep-all; }
.bmore .bm-card .bm-list li { font-size:17px; }
.bmore .bm-cards.col4 .bm-card { padding:38px 30px; }
.bmore .bm-cards.col4 .bm-card h4 { font-size:22px; margin-top:20px; }
.bmore .bm-cards.col4 .bm-card p { font-size:16px; }
.bmore .bm-card.center { text-align:center; }
.bmore .bm-card.center .bm-ico { margin:0 auto; }
.bmore .bm-card.flat { box-shadow:none; border:1px solid #E5E8EB; }
.bmore .bm-card .bm-card-head { display:flex; align-items:center; gap:18px; }
.bmore .bm-card .bm-card-head h4 { margin:0; }

/* 모델 카드 (바로잰 II 일반형/블루투스형) */
.bmore .bm-model { background:#fff; border-radius:30px; box-shadow:0 0 12px rgba(0,0,0,.12); overflow:hidden; }
.bmore .bm-model img { display:block; width:100%; height:auto; }
.bmore .bm-model .body { padding:34px 40px 40px; }
.bmore .bm-model .tag { display:inline-block; padding:6px 16px; border-radius:20px; font-size:14px; font-weight:800; background:#E2F2FB; color:#1E9FD8; }
.bmore .bm-model .tag.gra1_bg { background:linear-gradient(100.22deg, #2CD343 4.44%, #27AAE1 94.37%); color:#fff; }
.bmore .bm-model h4 { font-size:32px; font-weight:800; margin:16px 0 10px; }
.bmore .bm-model p { font-size:17px; line-height:1.6; color:#5C5C5C; }

/* 아이콘 배너 (혈압계 '한국어 음성 안내') */

/* 사양 칩 (혈압계 커프) */

/* ── 단계 카드 (그림 + 번호 + 설명) ─────────────────── */
.bmore .bm-steps-grid { display:grid; grid-template-columns:repeat(4, 1fr); gap:24px; }
.bmore .bm-steps-grid.col3 { grid-template-columns:repeat(3, 1fr); gap:30px; }
.bmore .bm-step { background:#fff; border-radius:24px; box-shadow:0 0 12px rgba(0,0,0,.1); overflow:hidden; }
.bmore .bm-step .img { height:210px; display:flex; align-items:center; justify-content:center; background:#EAF5FB; }
.prod7-container .bm-step .img { background:#fff; border-bottom:1px solid #EEF0F2; }
.bmore .bm-step .img img { max-width:100%; max-height:100%; width:auto; height:auto; }
.bmore .bm-step .img .bm-ico { width:110px; height:110px; background:#fff; }
.bmore .bm-step .img .bm-ico svg { width:50px; height:50px; }
.bmore .bm-step .body { padding:24px 26px 30px; }
.bmore .bm-step .t { display:flex; align-items:center; gap:10px; font-size:20px; font-weight:800; }
.bmore .bm-step .n { display:inline-flex; align-items:center; justify-content:center; width:30px; height:30px; border-radius:50%; background:linear-gradient(100.22deg, #2CD343 4.44%, #27AAE1 94.37%); color:#fff; font-size:15px; font-weight:800; flex-shrink:0; }
.bmore .bm-step p { font-size:16px; line-height:1.6; color:#5C5C5C; margin-top:12px; word-break:keep-all; }

/* 번호 목록 */
.bmore .bm-steps { counter-reset:step; display:grid; gap:14px; }
.bmore .bm-steps li { position:relative; padding:20px 24px 20px 70px; background:#fff; border-radius:16px; box-shadow:0 0 12px rgba(0,0,0,.08); font-size:17px; line-height:1.6; word-break:keep-all; }
.bmore .bm-steps li:before { counter-increment:step; content:counter(step); position:absolute; left:24px; top:19px; width:30px; height:30px; border-radius:50%; background:linear-gradient(100.22deg, #2CD343 4.44%, #27AAE1 94.37%); color:#fff; font-weight:800; text-align:center; line-height:30px; font-size:15px; }

/* ── 표 ───────────────────────────────────────────────── */
.bmore .bm-table-wrap { overflow-x:auto; -webkit-overflow-scrolling:touch; max-width:1100px; margin-left:auto; margin-right:auto; }
.bmore .bm-table { width:100%; border-collapse:collapse; border-top:2px solid #1A1A1A; font-size:17px; }
.bmore .bm-table th, .bmore .bm-table td { padding:18px 20px; border-bottom:1px solid #E5E8EB; text-align:center; line-height:1.6; word-break:keep-all; }
.bmore .bm-table th { background:#F5F8FA; font-weight:800; }
.bmore .bm-table td { color:#333; }
.bmore .bm-table td.left, .bmore .bm-table th.left { text-align:left; }
.bmore .bm-table.rowhead td:first-child { font-weight:700; color:#1A1A1A; background:#FAFBFC; }
.bmore .bm-table .app { display:inline-flex; align-items:center; gap:10px; font-weight:700; }
.bmore .bm-table .app img { width:32px; height:32px; border-radius:8px; }
.bmore .bm-table .code { display:inline-block; min-width:64px; padding:4px 10px; border-radius:6px; background:#1A1A1A; color:#fff; font-weight:700; font-size:15px; }

/* 정의 목록 사양 */
.bmore .bm-spec { display:grid; grid-template-columns:220px 1fr; border-top:2px solid #1A1A1A; }
.bmore .bm-spec dt, .bmore .bm-spec dd { padding:18px 20px; border-bottom:1px solid #E5E8EB; font-size:17px; line-height:1.7; word-break:keep-all; }
.bmore .bm-spec dt { background:#F5F8FA; font-weight:800; }
.bmore .bm-spec dd { color:#333; }

/* ── 안내 박스 ─────────────────────────────────────────── */
.bmore .bm-box { display:flex; gap:22px; align-items:flex-start; background:#F2F8FC; border-radius:20px; padding:30px 34px; font-size:17px; line-height:1.7; color:#333; word-break:keep-all; }
.prod7-container .bm-box { background:#F3F9EE; }
.prod7-container .bm-section.tint .bm-box { background:#fff; }
.bmore .bm-h4 { font-size:22px; font-weight:800; margin:34px 0 12px; word-break:keep-all; }
.bmore .bm-box strong { display:block; font-size:19px; font-weight:800; color:#1A1A1A; margin-bottom:4px; }

/* 연락처 카드 */
.bmore .bm-contact .num { display:block; font-size:30px; font-weight:800; letter-spacing:-.01em; color:#1A1A1A; margin:6px 0 10px; }

/* 앱 아이콘 */
.bmore .bm-apps { display:flex; gap:48px; flex-wrap:wrap; margin-top:44px; }
.bmore .bm-apps li { text-align:center; font-size:17px; font-weight:800; }
.bmore .bm-apps img { display:block; width:104px; height:104px; margin:0 auto 12px; border-radius:24px; box-shadow:0 0 12px rgba(0,0,0,.1); }

/* ── FAQ ─────────────────────────────────────────────── */
.bmore .bm-faq-group { display:flex; align-items:center; gap:14px; font-size:28px; font-weight:800; margin:70px 0 20px; }
.bmore .bm-faq-group:first-of-type { margin-top:0; }
.bmore .bm-faq { border-top:2px solid #1A1A1A; }
.bmore .bm-faq dt { position:relative; padding:24px 60px 24px 66px; border-bottom:1px solid #E5E8EB; font-size:19px; font-weight:700; line-height:1.6; cursor:pointer; word-break:keep-all; }
.bmore .bm-faq dt:before { content:'Q'; position:absolute; left:16px; top:22px; width:34px; height:34px; border-radius:50%; background:linear-gradient(100.22deg, #2CD343 4.44%, #27AAE1 94.37%); color:#fff; font-size:16px; font-weight:800; text-align:center; line-height:34px; }
.bmore .bm-faq dt:after { content:'+'; position:absolute; right:24px; top:20px; font-size:26px; font-weight:400; color:#27AAE1; }
.bmore .bm-faq dt.on:after { content:'\2212'; }
.bmore .bm-faq dd { display:none; position:relative; padding:26px 30px 28px 66px; background:#F7F9FA; border-bottom:1px solid #E5E8EB; font-size:17px; line-height:1.75; color:#444; word-break:keep-all; }
.bmore .bm-faq dd:before { content:'A'; position:absolute; left:16px; top:24px; width:34px; height:34px; border-radius:50%; background:#fff; border:1px solid #D5DADF; color:#1A1A1A; font-size:16px; font-weight:800; text-align:center; line-height:32px; }

/* ── 하단 고지 ───────────────────────────────────────── */
.bmore .bm-legal { padding:40px 20px 70px; background:#F7F9FA; }
.bmore .bm-legal p { max-width:1360px; margin:0 auto; font-size:13px; line-height:1.8; color:#888; word-break:keep-all; }

/* ── 혈압계: 혈압 단계 하트(앱과 같은 그림) · 사용법 그림 · 화면 각 부 명칭 · 구성품 ── */
.bmore .bm-lv { width:30px; height:30px; margin-right:10px; vertical-align:middle; }
.prod7-container .bm-step .img { height:auto; }
.prod7-container .bm-step .img img { width:100%; max-height:none; }
.bmore .bm-lcd { display:flex; align-items:center; justify-content:center; gap:70px; }
.bmore .bm-lcd-img { flex:0 1 420px; min-width:0; }
.bmore .bm-lcd-img img { display:block; width:100%; height:auto; }
.bmore .bm-lcd.wide { flex-direction:column; gap:50px; }
.bmore .bm-lcd.wide .bm-lcd-img { flex:none; width:100%; max-width:860px; }
.bmore .bm-legend { counter-reset:lg; display:grid; grid-auto-flow:column; grid-template-rows:repeat(7, auto); grid-template-columns:repeat(2, minmax(0, 220px)); gap:16px 36px; }
.bmore .bm-lcd.wide .bm-legend { grid-template-rows:repeat(5, auto); grid-template-columns:repeat(3, minmax(0, 220px)); }
.bmore .bm-legend li { position:relative; padding-left:42px; font-size:18px; font-weight:700; line-height:30px; color:#1A1A1A; word-break:keep-all; }
.bmore .bm-legend li:before { counter-increment:lg; content:counter(lg); position:absolute; left:0; top:0; width:30px; height:30px; border-radius:50%; background:#34B050; color:#fff; font-size:15px; font-weight:800; text-align:center; line-height:30px; }
.bmore .bm-compo { display:grid; grid-template-columns:repeat(5, 1fr); gap:24px; }
.bmore .bm-compo figure { margin:0; background:#fff; border-radius:24px; box-shadow:0 0 12px rgba(0,0,0,.08); padding:26px 18px 28px; text-align:center; }
.bmore .bm-compo img { display:block; width:100%; height:auto; margin-bottom:18px; }
.bmore .bm-compo figcaption { text-align:center; font-size:18px; font-weight:800; line-height:1.4; color:#1A1A1A; word-break:keep-all; }
.bmore .bm-compo figcaption span { display:block; text-align:center; margin-top:6px; font-size:14px; font-weight:400; color:#838D8D; }

/* ── BP Connect: 앱 화면은 CSS 휴대폰 틀에 넣는다 ── */
.bmore .bm-phone { width:280px; padding:10px; background:#1D1F22; border-radius:46px; box-shadow:0 30px 60px rgba(0,0,0,.18), inset 0 0 0 2px #3A3D42; box-sizing:border-box; }
.bmore .bm-phone img { display:block; width:100%; height:auto; border-radius:36px; }
.bmore .bm-phones { display:flex; justify-content:center; gap:56px; }
.bmore .bm-phones.duo { gap:28px; }
.bmore .bm-phones.duo .bm-phone { width:250px; }
.bmore .bm-phone-stage { position:relative; display:inline-block; text-align:left; }

/* ── 히어로 ───────────────────────────────────────────── */
#page-visual.bmore-visual { overflow:hidden; background:#123E24; }
#page-visual.prod8-container.bmore-visual { background:#08345C; }
#page-visual.bmore-visual .info { position:relative; z-index:2; }
/* 사진 10장 넘겨보기(bmore_hero.js가 .on 을 옮긴다). 왼쪽 제목 가독성용 어두운 그라데이션은 ::after */
.bm-hero-slides { position:absolute; left:0; top:0; right:0; bottom:0; z-index:0; }
.bm-hero-slides .s { position:absolute; left:0; top:0; width:100%; height:100%; opacity:0; transition:opacity .9s ease; }
.bm-hero-slides .s.on { opacity:1; }
.bm-hero-slides img { display:block; width:100%; height:100%; object-fit:cover; object-position:center center; }
.bm-hero-slides::after { content:""; position:absolute; left:0; top:0; right:0; bottom:0; background:linear-gradient(90deg, rgba(18,62,36,.82) 0%, rgba(18,62,36,.55) 38%, rgba(0,0,0,.12) 72%, rgba(0,0,0,.05) 100%); }
.prod8-container .bm-hero-slides::after { background:linear-gradient(90deg, rgba(8,52,92,.82) 0%, rgba(8,52,92,.55) 38%, rgba(0,0,0,.12) 72%, rgba(0,0,0,.05) 100%); }

/* 넘김 컨트롤: 제목 아래 왼쪽 (이전 · 점 10개 · 다음 · 일시정지) */
.bm-hero-ctl { position:absolute; left:0; right:0; bottom:28px; z-index:3; padding:0 20px; pointer-events:none; }
.bm-hero-ctl .in { max-width:1360px; margin:0 auto; display:flex; align-items:center; gap:10px; }
.bm-hero-ctl button { pointer-events:auto; cursor:pointer; border:0; padding:0; color:#fff; background:rgba(255,255,255,.18); -webkit-backdrop-filter:blur(4px); backdrop-filter:blur(4px); }
.bm-hero-ctl button:hover { background:rgba(255,255,255,.34); }
.bm-hero-ctl button:focus-visible { outline:2px solid #fff; outline-offset:2px; }
.bm-hero-prev, .bm-hero-next, .bm-hero-play { width:40px; height:40px; border-radius:50%; display:flex; align-items:center; justify-content:center; }
.bm-hero-dots { display:flex; align-items:center; gap:4px; padding:0 4px; pointer-events:auto; }
.bm-hero-dots button { width:22px; height:22px; background:none; border-radius:50%; position:relative; -webkit-backdrop-filter:none; backdrop-filter:none; }
.bm-hero-dots button::after { content:""; position:absolute; left:50%; top:50%; width:8px; height:8px; margin:-4px 0 0 -4px; border-radius:4px; background:rgba(255,255,255,.55); transition:width .3s, margin .3s, background .3s; }
.bm-hero-dots button:hover { background:none; }
.bm-hero-dots button:hover::after { background:#fff; }
.bm-hero-dots button.on::after { width:22px; margin-left:-11px; background:#fff; }
.bm-hero-num { color:#fff; font-size:14px; font-weight:700; letter-spacing:.02em; padding:0 4px; text-shadow:0 1px 3px rgba(0,0,0,.45); white-space:nowrap; }
.bm-hero-play .i-pause { display:block; width:12px; height:14px; border-left:4px solid #fff; border-right:4px solid #fff; box-sizing:border-box; }
.bm-hero-play .i-play { display:none; width:0; height:0; border-left:11px solid #fff; border-top:7px solid transparent; border-bottom:7px solid transparent; margin-left:3px; }
.bm-hero-play.paused .i-pause { display:none; }
.bm-hero-play.paused .i-play { display:block; }
@media (prefers-reduced-motion:reduce) { .bm-hero-slides .s { transition:none; } }

/* 바로잰 II 5탭: 데스크톱에서 균등 분배 */
.prod8-container .tab-menu ul li { flex:1; }
.prod8-container .tab-menu ul li a { padding:32px 10px; }

/* 태블릿·모바일(~1279px): 제목이 사진 속 인물과 겹치지 않도록 위쪽 40%는 브랜드색 바탕, 사진은 아래 60%에 두고 위쪽 가장자리를 바탕색으로 서서히 덮는다. */
@media all and (max-width:1279px) {
    #page-visual.bmore-visual { background:#123E24; }
    #page-visual.prod8-container.bmore-visual { background:#08345C; }
    .bm-hero-slides { top:38%; }
    .bm-hero-slides img { object-position:center 25%; }
    .bm-hero-slides::after { background:linear-gradient(180deg, #123E24 0%, rgba(18,62,36,.55) 30%, rgba(18,62,36,0) 70%); }
    .prod8-container .bm-hero-slides::after { background:linear-gradient(180deg, #08345C 0%, rgba(8,52,92,.55) 30%, rgba(8,52,92,0) 70%); }
}
@media all and (min-width:641px) and (max-width:1279px) {
    #page-visual.bmore-visual { height:640px; }
    #page-visual.bmore-visual .info { padding-top:170px; }
}

/* 바로잰 II 5탭 바: 오른쪽 끝 탭이 화면 고정 퀵메뉴(바로잰 Care·상담·구매) 아래로 들어가지 않게 여백 */
@media all and (min-width:641px) and (max-width:1560px) {
    .prod8-container .tab-menu ul { padding-right:96px; }
}

/* 소모품 카드 5장: 3+2 배치에서 마지막 줄을 가운데 정렬 */
#bz2-supplies .bm-cards { display:flex; flex-wrap:wrap; justify-content:center; }
#bz2-supplies .bm-cards .bm-card { box-sizing:border-box; flex:0 0 calc((100% - 60px) / 3); }

/* ── 반응형 (기존 media.css 구간과 동일) ─────────────── */
@media all and (max-width:1200px) {
    .bmore .bm-headline { font-size:55px; }
    .bmore .bm-title { font-size:50px; }
    .bmore .bm-subtitle { font-size:22px; }
    .bmore .bm-split { gap:60px; }
    .prod8-container .tab-menu { font-size:17px; }
}
@media all and (max-width:1000px) {
    .bmore .bm-compo { grid-template-columns:repeat(3, 1fr); }
    .bmore .bm-lcd { flex-direction:column; gap:40px; }
    .bmore .bm-lcd.wide .bm-legend { grid-template-rows:repeat(7, auto); grid-template-columns:repeat(2, minmax(0, 220px)); }
    .bmore .bm-headline { font-size:45px; }
    .bmore .bm-title { font-size:40px; }
    .bmore .bm-h3 { font-size:32px; }
    .bmore .bm-split { gap:40px; }
    .bmore .bm-cards.col4, .bmore .bm-steps-grid { grid-template-columns:repeat(2, 1fr); }
}
@media all and (max-width:850px) {
    #bz2-supplies .bm-cards .bm-card { flex-basis:calc((100% - 30px) / 2); }
    .bmore .bm-cards { grid-template-columns:repeat(2, 1fr); }
    .bmore .bm-cards.col5 { grid-template-columns:repeat(3, 1fr); }
    .bmore .bm-steps-grid.col3 { grid-template-columns:1fr; }
}
@media all and (max-width:768px) {
    .bmore .bm-split, .bmore .bm-split.reverse { display:block; }
    .bmore .bm-split > .bm-split-media { margin-top:40px; }
}
@media all and (max-width:640px) {
    .bm-hero-ctl { bottom:16px; }
    .bm-hero-prev, .bm-hero-next, .bm-hero-play { width:36px; height:36px; }
    .bm-hero-dots button { width:16px; }
    .prod7-container .tab-menu ul li { flex-basis:33.333%; }
    .prod8-container .tab-menu ul { flex-wrap:wrap; }
    .prod8-container .tab-menu ul li { flex:0 0 33.333%; }
    .prod8-container .tab-menu ul li a { padding:15px 5px; }

    .bmore .bm-section { padding:70px 16px 80px; }
    .bmore .bm-headline { font-size:28px; margin-bottom:20px; }
    .bmore .bm-headline br { display:none; }
    .bmore .bm-title { font-size:26px; }
    .bmore .bm-title br { display:none; }
    .bmore .bm-subtitle { font-size:16px; margin-bottom:40px; }
    .bmore .bm-subtitle br { display:none; }
    .bmore .bm-h3 { font-size:24px; }
    .bmore .bm-text, .bmore .bm-list li { font-size:16px; }
    .bmore .bm-mt { margin-top:40px; }
    .bmore .bm-cards, .bmore .bm-cards.col2, .bmore .bm-cards.col4, .bmore .bm-steps-grid { grid-template-columns:1fr; gap:20px; }
    #bz2-supplies .bm-cards .bm-card { flex-basis:100%; }
    .bmore .bm-list.cols { columns:1; }
    .bmore .bm-photos { grid-template-columns:1fr; }
    .bmore .bm-card, .bmore .bm-cards.col4 .bm-card { padding:30px 26px; }
    .bmore .bm-card h4, .bmore .bm-cards.col4 .bm-card h4 { font-size:20px; }
    .bmore .bm-model h4 { font-size:24px; }
    .bmore .bm-model .body { padding:26px 26px 30px; }
    .bmore .bm-ico.xl { width:110px; height:110px; }
    .bmore .bm-ico.xl svg { width:50px; height:50px; }
    .bmore .bm-table { font-size:14px; }
    .bmore .bm-table th, .bmore .bm-table td { padding:12px 10px; }
    .bmore .bm-spec { grid-template-columns:110px 1fr; }
    .bmore .bm-spec dt, .bmore .bm-spec dd { padding:12px 12px; font-size:14px; }
    .bmore .bm-box { padding:24px 20px; gap:14px; font-size:15px; }
    .bmore .bm-apps { gap:24px; justify-content:center; }
    .bmore .bm-apps img { width:80px; height:80px; }
    .bmore .bm-faq-group { font-size:21px; margin-top:50px; }
    .bmore .bm-faq dt { font-size:16px; padding:20px 46px 20px 56px; }
    .bmore .bm-faq dt:before, .bmore .bm-faq dd:before { left:10px; width:30px; height:30px; line-height:30px; font-size:14px; }
    .bmore .bm-faq dd { font-size:15px; padding:22px 18px 24px 56px; }
    .bmore .bm-contact .num { font-size:24px; }
    .bmore .bm-cards.feat, .bmore .bm-cards.feat.col5 { grid-template-columns:repeat(2, 1fr); gap:14px; }
    .bmore .bm-cards.feat .bm-card { padding:26px 12px; }
    .bmore .bm-cards.feat .bm-card h4 { font-size:16px; margin-top:14px; }
    .bmore .bm-h4 { font-size:19px; }
    .bmore .bm-compo { grid-template-columns:repeat(2, 1fr); gap:14px; }
    .bmore .bm-compo figure { padding:18px 12px 20px; border-radius:18px; }
    .bmore .bm-compo figcaption { font-size:15px; }
    .bmore .bm-compo figcaption span { font-size:12px; }
    .bmore .bm-legend, .bmore .bm-lcd.wide .bm-legend { grid-template-rows:repeat(7, auto); grid-template-columns:repeat(2, minmax(0, 1fr)); gap:12px 16px; }
    .bmore .bm-legend li { font-size:15px; padding-left:36px; line-height:26px; }
    .bmore .bm-legend li:before { width:26px; height:26px; line-height:26px; font-size:13px; }
    .bmore .bm-phones { gap:16px; }
    .bmore .bm-phones .bm-phone, .bmore .bm-phones.duo .bm-phone { width:calc(50% - 8px); padding:6px; border-radius:28px; }
    .bmore .bm-phones .bm-phone img { border-radius:22px; }
    .bmore .bm-phone-stage { display:block; }
    .bmore .bm-phone-stage .bm-phone { width:240px; margin:0 auto; }
    .bmore .bm-lv { width:24px; height:24px; margin-right:6px; }
}
