/* ============================================
   LEGATO Fashion Hot Plate CSS — 패션 핫플레이트 3개 페이지 전용
   배포 위치: /theme/basic/css/legato-hotplate.css
   사용 페이지: /sub/wadiz-hotplate.php · /sub/product-hotplate.php · /sub/faq-hotplate.php
   앞에 로드되는 것: legato-common/new/sub.css(head.php) + legato-product.css 또는 legato-wadiz.css
   토큰(--amber, --black-card …)은 legato-new.css :root 값을 그대로 씁니다.
   최초 작성: 2026-10-30
   ============================================ */

/* ── 와디즈 버튼: 주소 입력 전 "공개 준비 중" 상태 ── */
.wadiz-cta.is-soon{opacity:.55;cursor:default;box-shadow:none;pointer-events:none}
.wadiz-cta.is-soon:hover{transform:none}

/* ── 한글 단어 중간 줄바꿈 방지 (제목·본문) ── */
.pd-hero,.pd-section,.hp-hero,.wz-intro,.wz-product,.wz-closing{word-break:keep-all;overflow-wrap:break-word}

/* ── 가격 줄 (사이즈 3개가 한 줄에 들어갈 때) ── */
.hp-price-item{white-space:nowrap}
.pd-price .hp-price-item b,.wz-price .hp-price-item b{font-size:19px}

/* ── 공통 보조 ── */
.hp-accent{color:var(--amber)}
.hp-note{font-size:12px;color:var(--gray-600);line-height:1.8;margin-top:22px}
.pd-section.center .hp-note{text-align:center}
.hp-pill-row{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-top:28px}
.hp-pill{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border:1px solid rgba(196,162,101,0.45);border-radius:100px;font-size:14px;color:var(--white)}
.hp-pill::before{content:'✓';color:var(--gold);font-size:13px}

/* ── 01. 랜딩 히어로 (텍스트 + 1:1 후킹 영상) ── */
.hp-hero{position:relative;padding:150px 0 100px;overflow:hidden;background:radial-gradient(ellipse at 75% 45%,rgba(196,162,101,0.14) 0%,rgba(10,10,15,0) 55%),var(--black)}
.hp-hero::after{content:'';position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,191,0,0.3),transparent)}
.hp-hero-row{display:grid;grid-template-columns:1.05fr 0.95fr;gap:64px;align-items:center}
.hp-hero h1{font-size:clamp(40px,6.4vw,76px);font-weight:900;line-height:1.12;letter-spacing:-1.5px;margin-bottom:22px}
.hp-hero h1 .accent{color:var(--gold)}
.hp-hero-lead{font-size:clamp(15px,1.9vw,19px);font-weight:300;color:rgba(255,255,255,0.78);line-height:1.85;margin-bottom:30px}
.hp-hero-lead b{color:var(--white);font-weight:700}
.hp-hero-media{position:relative;aspect-ratio:1/1;border-radius:22px;overflow:hidden;border:1px solid rgba(196,162,101,0.25);background:#16120d;box-shadow:0 30px 80px rgba(0,0,0,0.55)}
.hp-hero-media video,.hp-hero-media img{width:100%;height:100%;object-fit:cover;display:block}
.hp-hero-sizes{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 30px}
.hp-hero-sizes span{font-family:var(--font-mono);font-size:12px;letter-spacing:2px;padding:8px 14px;border-radius:8px;border:1px solid rgba(255,255,255,0.12);color:var(--gray-400)}
.hp-hero-sizes span b{color:var(--white);font-weight:700;margin-right:6px}
.hp-hero .wz-cta-row{margin-top:4px}

/* ── 문제 제기 (말풍선 체크 리스트) ── */
.hp-quotes{max-width:620px;margin:0 auto;display:flex;flex-direction:column;gap:14px;text-align:left}
.hp-quote{position:relative;padding:20px 24px 20px 60px;border:1px solid rgba(196,162,101,0.35);border-radius:22px;background:rgba(255,255,255,0.02);font-size:15px;line-height:1.75;color:rgba(255,255,255,0.86)}
.hp-quote::before{content:'✓';position:absolute;left:22px;top:50%;transform:translateY(-50%);font-size:24px;font-weight:900;color:#FF6A2B}
.hp-myth{max-width:760px;margin:56px auto 0;display:grid;grid-template-columns:repeat(5,auto);gap:10px;justify-content:center}
.hp-myth span{padding:9px 14px;border-radius:100px;font-size:13px;font-weight:700;background:rgba(255,255,255,0.06);color:var(--gray-400);text-decoration:line-through;text-decoration-color:rgba(255,106,43,0.7)}
.hp-big-claim{font-size:clamp(34px,6vw,64px);font-weight:900;letter-spacing:-1px;line-height:1.15;margin-top:40px}
.hp-big-claim .accent{color:var(--gold)}

/* ── 시트 한 장, 세 동작 (깔고·굽고·버린다) ── */
.hp-acts{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:8px}
.hp-act{background:var(--black-card);border:1px solid rgba(255,255,255,0.06);border-radius:16px;overflow:hidden;text-align:center;transition:var(--transition)}
.hp-act:hover{border-color:rgba(196,162,101,0.35);transform:translateY(-4px)}
.hp-act img{width:100%;aspect-ratio:1/1;object-fit:cover;display:block;background:#111}
.hp-act h3{font-size:24px;font-weight:900;margin:22px 0 8px}
.hp-act:last-child h3{color:var(--gold)}
.hp-act p{font-size:13.5px;color:var(--gray-400);font-weight:300;line-height:1.7;padding:0 18px 26px}

/* ── 실제로 구워보면 (큰 1 + 작은 2) ── */
.hp-real{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:8px}
.hp-real figure{position:relative;margin:0;border-radius:14px;overflow:hidden;border:1px solid rgba(255,255,255,0.06);background:#111}
.hp-real figure:first-child{grid-column:1/-1}
.hp-real img{width:100%;height:100%;object-fit:cover;display:block}
.hp-real figure:first-child img{aspect-ratio:16/9}
.hp-real figure:not(:first-child) img{aspect-ratio:1/1}
.hp-real figcaption{position:absolute;left:0;right:0;bottom:0;padding:34px 18px 14px;background:linear-gradient(0deg,rgba(0,0,0,0.78),transparent);font-size:14px;font-weight:700;text-align:left}
.hp-real figcaption em{font-style:normal;font-family:var(--font-mono);font-size:11px;color:var(--gold);margin-right:8px;letter-spacing:1px}
.hp-done{margin-top:56px;text-align:center}
.hp-done .big{font-size:clamp(48px,7vw,80px);font-weight:900;color:var(--gold);line-height:1}
.hp-done p{font-size:15px;color:var(--gray-400);margin-top:12px}

/* ── 쿠킹시트 안심 (스펙 4칸 + 시험성적 표) ── */
.hp-sheet-specs{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:28px 0 14px}
.hp-sheet-spec{background:var(--black-card);border:1px solid rgba(255,255,255,0.06);border-radius:12px;padding:20px 10px;text-align:center}
.hp-sheet-spec .k{font-size:12px;color:var(--gray-400);margin-bottom:6px}
.hp-sheet-spec .v{font-size:clamp(20px,2.6vw,26px);font-weight:800;line-height:1.2}
.hp-sheet-spec .u{font-size:11px;color:var(--gray-600);margin-top:4px}
.hp-sheet-spec.hot{border-color:rgba(255,106,43,0.45);background:rgba(255,106,43,0.06)}
.hp-sheet-spec.hot .v{color:#FF8A4C}
.hp-sheet-line{font-size:14px;color:var(--gray-400);text-align:center}
.hp-sheet-line b{color:#FF8A4C}
.hp-report{margin-top:44px;border:1px solid rgba(196,162,101,0.5);border-radius:16px;padding:30px 30px 18px;background:rgba(196,162,101,0.04);text-align:left}
.hp-report-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px}
.hp-report-head .eyebrow{font-family:var(--font-mono);font-size:12px;letter-spacing:2px;color:var(--gold);margin-bottom:6px}
.hp-report-head h3{font-size:clamp(19px,2.4vw,24px);font-weight:800}
.hp-report-badge{flex-shrink:0;width:96px;height:96px;border-radius:50%;border:2px solid var(--gold);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
.hp-report-badge small{font-size:10px;color:var(--gray-400)}
.hp-report-badge b{font-size:16px;color:var(--gold);font-weight:800;line-height:1.3}
.hp-report table{width:100%;border-collapse:collapse}
.hp-report th,.hp-report td{padding:12px 6px;border-bottom:1px solid rgba(255,255,255,0.07);font-size:14px;text-align:left;vertical-align:top}
.hp-report thead th{font-size:12px;color:var(--gray-600);font-weight:500}
.hp-report td.r{text-align:right;white-space:nowrap}
.hp-report td.res b{font-family:var(--font-mono);font-size:17px;color:var(--gold)}
.hp-report td.res small{font-size:11px;color:var(--gray-400);margin-left:3px}
.hp-report td.res{text-align:right}
.hp-report .meta th{color:var(--white);font-weight:700;width:96px;white-space:nowrap}
.hp-report .meta td{color:var(--gray-400)}

/* ── 메뉴 그리드 (실제 조리 사진) ── */
.hp-menu{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.hp-menu figure{position:relative;margin:0;border-radius:12px;overflow:hidden;background:#111;border:1px solid rgba(255,255,255,0.05)}
.hp-menu img{width:100%;aspect-ratio:1/1;object-fit:cover;display:block;transition:transform .6s ease}
.hp-menu figure:hover img{transform:scale(1.04)}
.hp-menu figcaption{position:absolute;left:0;right:0;bottom:0;padding:28px 14px 12px;background:linear-gradient(0deg,rgba(0,0,0,0.75),transparent);font-size:14px;font-weight:700;text-align:left}

/* ── TIP 박스 (이미지 + 글) ── */
.hp-tip{display:grid;grid-template-columns:0.9fr 1.1fr;gap:40px;align-items:center;text-align:left;background:var(--black-card);border:1px solid rgba(255,255,255,0.06);border-radius:18px;overflow:hidden}
.hp-tip img{width:100%;height:100%;object-fit:cover;display:block;aspect-ratio:1/1}
.hp-tip-body{padding:30px 34px 30px 0}
.hp-tip-tag{display:inline-block;font-family:var(--font-mono);font-size:11px;letter-spacing:2px;padding:5px 10px;border-radius:4px;background:linear-gradient(90deg,#8a7350,#c4a265);color:#111;font-weight:700;margin-bottom:14px}
.hp-tip-body h3{font-size:clamp(20px,2.6vw,26px);font-weight:800;line-height:1.4;margin-bottom:12px}
.hp-tip-body p{font-size:14.5px;color:var(--gray-400);font-weight:300;line-height:1.85}

/* ── 이런 분께 (3행 지그재그) ── */
.hp-for{display:flex;flex-direction:column;gap:22px;text-align:left}
.hp-for-row{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:center}
.hp-for-row:nth-child(even) .hp-for-img{order:2}
.hp-for-img{border-radius:14px;overflow:hidden;border:1px solid rgba(255,255,255,0.06)}
.hp-for-img img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}
.hp-for-no{font-family:'Montserrat',sans-serif;font-size:30px;color:var(--gold);font-weight:500;line-height:1}
.hp-for-tag{display:inline-block;margin:12px 0;padding:4px 12px;border:1px solid rgba(196,162,101,0.45);border-radius:100px;font-size:12px;color:var(--gold)}
.hp-for-row h3{font-size:clamp(19px,2.4vw,24px);font-weight:800;line-height:1.45;margin-bottom:10px}
.hp-for-row p{font-size:14px;color:var(--gray-400);font-weight:300;line-height:1.8}

/* ── 6단계 온도 (LED 점 + 단계표) ── */
.hp-range{max-width:760px;margin:10px auto 34px}
.hp-range-top{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:12px}
.hp-range-top small{display:block;font-size:12px;color:var(--gray-400);margin-bottom:2px}
.hp-range-top .lo,.hp-range-top .hi{font-family:var(--font-mono);font-size:clamp(30px,4.6vw,46px);font-weight:700;line-height:1}
.hp-range-top .lo{color:#F3D9A6}
.hp-range-top .hi{color:#FF7A3C;text-align:right}
.hp-range-top .lo span,.hp-range-top .hi span{font-size:.45em;margin-left:2px}
.hp-range-bar{position:relative;height:4px;border-radius:4px;background:linear-gradient(90deg,#F3D9A6,#E8A55A,#FF6A2B)}
.hp-range-ticks{display:flex;justify-content:space-between;margin-top:-9px}
.hp-range-ticks span{display:flex;flex-direction:column;align-items:center;gap:8px;font-size:11px;color:var(--gray-400);width:14px;white-space:nowrap}
.hp-range-ticks span::before{content:'';width:14px;height:14px;border-radius:50%;background:var(--black);border:2px solid #fff}
.hp-levels{max-width:760px;margin:0 auto;text-align:left;border-top:1px solid rgba(255,255,255,0.07)}
.hp-level{display:grid;grid-template-columns:96px 64px 1fr;gap:16px;align-items:center;padding:16px 4px;border-bottom:1px solid rgba(255,255,255,0.07)}
.hp-dots{display:flex;gap:4px}
.hp-dots i{width:9px;height:9px;border-radius:50%;background:#2a2a33;display:block}
.hp-dots i.on{background:#FF6A2B;box-shadow:0 0 8px rgba(255,106,43,0.7)}
.hp-level .lv{font-size:17px;font-weight:800;color:#F3D9A6}
.hp-level:nth-child(n+4) .lv{color:#FF8A4C}
.hp-level h4{font-size:15px;font-weight:700;margin-bottom:3px}
.hp-level p{font-size:13px;color:var(--gray-400);font-weight:300}
.hp-panel{display:flex;align-items:center;justify-content:center;gap:34px;max-width:560px;margin:0 auto 40px;padding:26px 30px;border-radius:20px;background:linear-gradient(180deg,#1b1b22,#121217);border:1px solid rgba(255,255,255,0.06);box-shadow:inset 0 1px 0 rgba(255,255,255,0.05)}
.hp-panel .hp-dots{padding:12px 16px;border-radius:100px;background:#0b0b0e;gap:10px}
.hp-panel .hp-dots i{width:11px;height:11px}
.hp-knob{width:62px;height:62px;border-radius:50%;background:radial-gradient(circle at 40% 35%,#3a3a44,#111 70%);border:3px solid #6b6b74;position:relative}
.hp-knob::after{content:'';position:absolute;top:8px;left:50%;width:3px;height:14px;background:#fff;border-radius:2px;transform:translateX(-50%) rotate(35deg);transform-origin:50% 22px}
.hp-panel-cap{display:flex;justify-content:center;gap:60px;margin:-26px auto 36px;font-size:12px;color:var(--gray-400);text-align:center}
.hp-panel-cap b{display:block;color:var(--white);font-size:14px;margin-bottom:2px}

/* ── 사이즈 3종 카드 ── */
.hp-sizes{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;text-align:left;margin-top:10px}
.hp-size{position:relative;background:var(--black-card);border:1px solid rgba(255,255,255,0.06);border-radius:18px;padding:30px 26px 26px;transition:var(--transition)}
.hp-size:hover{transform:translateY(-4px);border-color:rgba(196,162,101,0.4)}
.hp-size.best{border-color:rgba(196,162,101,0.6);background:linear-gradient(180deg,rgba(196,162,101,0.08),var(--black-card) 60%)}
.hp-size-badge{position:absolute;top:22px;right:22px;padding:3px 12px;border:1px solid var(--gold);border-radius:100px;font-family:'Montserrat',sans-serif;font-size:11px;letter-spacing:1px;color:var(--gold)}
.hp-size-name{font-family:Georgia,'Times New Roman',serif;font-size:40px;color:var(--gold);line-height:1;margin-bottom:12px}
.hp-size-who{font-size:17px;font-weight:800;margin-bottom:6px}
.hp-size-desc{font-size:13px;color:var(--gray-400);font-weight:300;line-height:1.7;min-height:44px}
.hp-size dl{margin:18px 0 0;border-top:1px solid rgba(255,255,255,0.07)}
.hp-size dl div{display:flex;justify-content:space-between;gap:10px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,0.05);font-size:13px}
.hp-size dt{color:var(--gray-400)}
.hp-size dd{margin:0;color:var(--white);font-weight:500;text-align:right}
.hp-size .price{margin-top:14px;font-size:14px;color:var(--gray-400)}
.hp-size .price b{font-family:var(--font-mono);font-size:19px;color:var(--white)}

/* ── 사용 방법 4단계 (이미지 카드) ── */
.hp-how{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;text-align:left}
.hp-how-card{background:var(--black-card);border:1px solid rgba(255,255,255,0.06);border-radius:16px;overflow:hidden}
.hp-how-card img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block;background:#0d0d0d}
.hp-how-body{padding:18px 18px 22px}
.hp-how-no{display:inline-block;font-family:var(--font-mono);font-size:11px;letter-spacing:1px;padding:4px 9px;border-radius:4px;background:linear-gradient(90deg,#8a7350,#e3c78d);color:#111;font-weight:700;margin-bottom:12px}
.hp-how-body h3{font-size:17px;font-weight:800;margin-bottom:8px}
.hp-how-body p{font-size:13px;color:var(--gray-400);font-weight:300;line-height:1.75}
.hp-caution{max-width:760px;margin:26px auto 0;padding:14px 18px;border:1px solid rgba(255,106,43,0.25);background:rgba(255,106,43,0.05);border-radius:10px;font-size:13px;color:var(--gray-400);text-align:left}
.hp-caution b{color:#FF8A4C;margin-right:8px}

/* ── 구성 (번호 리스트) ── */
.hp-parts{display:flex;flex-direction:column;gap:0;border-top:1px solid rgba(255,255,255,0.07)}
.hp-part{display:flex;gap:16px;align-items:flex-start;padding:16px 4px;border-bottom:1px solid rgba(255,255,255,0.07)}
.hp-part-no{flex-shrink:0;width:28px;height:28px;border-radius:50%;border:1px solid var(--gold);color:var(--gold);font-size:13px;display:flex;align-items:center;justify-content:center;font-family:Georgia,serif}
.hp-part h4{font-size:16px;font-weight:800;margin-bottom:4px}
.hp-part p{font-size:13px;color:var(--gray-400);font-weight:300;line-height:1.7}

/* ── 오브제 디테일 3칸 ── */
.hp-details{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;text-align:left;margin-top:40px}
.hp-detail{background:var(--black-card);border:1px solid rgba(255,255,255,0.06);border-radius:14px;padding:22px 22px 24px}
.hp-detail h4{font-size:16px;font-weight:800;margin-bottom:8px}
.hp-detail p{font-size:13px;color:var(--gray-400);font-weight:300;line-height:1.75}

/* ── 컬러 잠금 티저 ── */
.hp-lock{display:inline-flex;align-items:center;gap:12px;margin-top:30px;padding:14px 22px;border-radius:100px;background:rgba(196,162,101,0.08);border:1px solid rgba(196,162,101,0.35);font-size:15px}
.hp-lock svg{width:20px;height:20px;flex-shrink:0}

/* ── 인증 배지 + 인증표 ── */
.hp-certs{display:flex;justify-content:center;gap:40px;flex-wrap:wrap;margin:10px 0 40px}
.hp-cert{text-align:center;width:150px}
.hp-cert-ring{width:108px;height:108px;margin:0 auto 14px;border-radius:50%;border:1px solid var(--gold);box-shadow:inset 0 0 0 5px rgba(10,10,15,1),inset 0 0 0 6px rgba(196,162,101,0.35);display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle,#1c1a16,#0d0d10)}
.hp-cert-ring b{font-family:Georgia,serif;font-size:30px;font-weight:400;color:var(--gold);line-height:1}
.hp-cert-ring.sm b{font-size:20px}
.hp-cert-ring small{font-family:Georgia,serif;font-size:9px;letter-spacing:2px;color:var(--gray-400);margin-top:5px}
.hp-cert h4{font-size:15px;font-weight:800;margin-bottom:3px}
.hp-cert p{font-size:12px;color:var(--gray-400)}
.hp-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
.hp-table-wrap .pd-table.hp-spec{min-width:560px}
.hp-swipe{display:none;font-size:11px;color:var(--gray-600);text-align:right;margin:0 0 6px}
.pd-table.hp-spec th{width:24%}
.pd-table.hp-spec td.gold{color:var(--gold);font-weight:700}
.pd-table.hp-spec thead th{color:var(--gold);font-family:Georgia,serif;letter-spacing:2px;font-size:14px}
.pd-table.hp-cmp td.win{color:var(--gold)}
.pd-table.hp-cmp td.win small{display:block;font-size:12px;font-weight:400;color:var(--gray-400);margin-top:2px}

/* ── 랜딩: 사이즈 라인업 이미지 ── */
.hp-lineup{max-width:1100px;margin:0 auto 30px;border-radius:18px;overflow:hidden}
.hp-lineup img{width:100%;display:block}
.hp-lineup-cap{display:grid;grid-template-columns:repeat(3,1fr);max-width:1000px;margin:-6px auto 40px;text-align:center}
.hp-lineup-cap b{display:block;font-family:Georgia,serif;letter-spacing:4px;font-weight:400;font-size:16px}
.hp-lineup-cap span{font-size:12px;color:var(--gray-400)}

/* ── 랜딩: CHECK POINT 채팅 ── */
.hp-chat{max-width:560px;margin:0 auto;padding:28px;border-radius:20px;background:#121216;border:1px solid rgba(255,255,255,0.06);display:flex;flex-direction:column;gap:12px;text-align:left}
.hp-chat p{max-width:82%;padding:12px 18px;border-radius:16px;background:#2a2824;font-size:14px;color:rgba(255,255,255,0.88)}
.hp-chat p.me{align-self:flex-end}
.hp-chat .lg{align-self:flex-start;display:flex;gap:12px;align-items:flex-end;margin-top:18px}
.hp-chat .lg i{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#e3c78d,#a8864e);color:#111;font-style:normal;font-family:Georgia,serif;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.hp-chat .lg div{padding:14px 20px;border-radius:16px;background:linear-gradient(135deg,#e7c98a,#b8924f);color:#141414}
.hp-chat .lg small{display:block;font-size:11px;font-weight:800;letter-spacing:1px;margin-bottom:4px}
.hp-chat .lg strong{font-size:17px;line-height:1.45;font-weight:900}

/* ── 랜딩 마감 밴드 박스 — .wz-closing p 규칙이 박스 글자까지 회색·큰 여백으로 덮는 것을 바로잡음 ── */
.wz-closing .wz-sch-label{font-size:11px;color:var(--amber);margin-bottom:8px;letter-spacing:2px}
.wz-closing .wz-sch-date{font-family:var(--font-sans);font-size:19px;font-weight:800;color:var(--white);margin-bottom:0;letter-spacing:0}

/* ── 제품 히어로 이미지: 렌더컷이 잘리지 않게 ── */
.pd-hero-media.hp-contain{background:#0c0c0f}
.pd-hero-media.hp-contain img{object-fit:contain}

/* ── 반응형 ── */
@media(max-width:1024px){
  .hp-menu{grid-template-columns:repeat(3,1fr)}
  .hp-how{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:768px){
  .hp-hero{padding:118px 0 64px}
  .hp-hero-row{grid-template-columns:1fr;gap:36px}
  .hp-hero-media{max-width:460px;margin:0 auto;width:100%}
  .hp-myth{grid-template-columns:repeat(2,auto)}
  .hp-acts{gap:8px}
  .hp-act h3{font-size:17px;margin:14px 0 6px}
  .hp-act p{font-size:11.5px;padding:0 6px 16px;line-height:1.6}
  .hp-sheet-specs{grid-template-columns:repeat(2,1fr)}
  .hp-report{padding:22px 18px 10px}
  .hp-report-badge{width:78px;height:78px}
  .hp-report-badge b{font-size:13px}
  .hp-menu{grid-template-columns:repeat(2,1fr)}
  .hp-tip{grid-template-columns:1fr;gap:0}
  .hp-tip-body{padding:24px 22px 26px}
  .hp-for-row{grid-template-columns:1fr;gap:18px}
  .hp-for-row:nth-child(even) .hp-for-img{order:0}
  .hp-level{grid-template-columns:80px 52px 1fr;gap:10px}
  .hp-panel{gap:20px;padding:20px}
  .hp-panel-cap{gap:30px}
  .hp-sizes{grid-template-columns:1fr}
  .hp-how{grid-template-columns:1fr}
  .hp-details{grid-template-columns:1fr}
  .hp-swipe{display:block}
  .pd-table.hp-cmp th,.pd-table.hp-cmp td{padding:14px 8px;font-size:13px}
  .pd-table.hp-cmp th{width:20%}
  .hp-certs{gap:18px}
  .hp-cert{width:120px}
  .hp-lineup-cap b{font-size:13px;letter-spacing:2px}
  .hp-lineup-cap span{font-size:11px;line-height:1.6;display:block}
  .wz-closing .wz-schedule{grid-template-columns:repeat(3,1fr);gap:8px}
  .wz-closing .wz-sch-item{padding:16px 6px}
  .wz-closing .wz-sch-label{font-size:10px;letter-spacing:1px}
  .wz-closing .wz-sch-date{font-size:15px}
}
@media(max-width:480px){
  .hp-dots i{width:7px;height:7px}
  .hp-level{grid-template-columns:62px 46px 1fr}
  .hp-real{grid-template-columns:1fr}
}