/* license.css — 「门诊证照管理」台阶页组件样式（全部 lz- 前缀，配合 css/steps.css 引擎）
   结构见 sections/license.html；循环动效常驻（组件不激活时不可见），
   入场动效用 .st-steps:not(.st-static) + .st-comp.active 门控（同 sj- 约定）。 */

/* ---- 通用 ---- */
.lz-tag-soon {
  margin-left: 8px; font-size: 11px; font-weight: 600; color: #7c3aed;
  background: rgba(124,58,237,.12); border: 1px solid rgba(124,58,237,.3);
  border-radius: 980px; padding: 1px 8px; white-space: nowrap;
  transform: translateY(-2px);
}
.st-steps:not(.st-static) .lz-rise { opacity: 0; transform: translateY(16px); }
.st-steps:not(.st-static) .st-comp.active .lz-rise {
  animation: lz-rise-in .5s cubic-bezier(.2,.7,.3,1) both;
}
.st-steps:not(.st-static) .st-comp.active .lz-rise:nth-child(2) { animation-delay: .12s; }
.st-steps:not(.st-static) .st-comp.active .lz-rise:nth-child(3) { animation-delay: .24s; }
@keyframes lz-rise-in { to { opacity: 1; transform: none; } }

/* ================= L0：一张证照滑向过期 ================= */
.lz-l0 { position: relative; width: min(640px, 100%); }
.lz-l0-wall {
  position: absolute; inset: -12% -16%; display: flex; gap: 14px;
  opacity: .45; filter: blur(1.2px) saturate(.85); pointer-events: none;
  -webkit-mask-image: linear-gradient(180deg, transparent, #000 18%, #000 82%, transparent);
  mask-image: linear-gradient(180deg, transparent, #000 18%, #000 82%, transparent);
}
.lz-l0-wall .lz-col { flex: 1 1 0; min-width: 0; }
.lz-l0-wall .lz-card { padding: 8px 10px; border-radius: 10px; box-shadow: none; }
.lz-l0-wall .lz-card b { font-size: 11px; margin: 4px 0 3px; }
.lz-l0-wall .lz-card-meta, .lz-l0-wall .lz-card-cat { font-size: 9px; }
.lz-l0-wall .lz-seal { width: 22px; height: 22px; margin-bottom: 5px; }
.lz-l0-main { position: relative; }
.lz-l0-cap { text-align: center; font-size: 14px; color: rgba(0,0,0,.5); margin-bottom: 22px; }
.lz-l0-track { position: relative; height: 150px; }
.lz-l0-rail {
  position: absolute; left: 0; right: 0; top: 50%; height: 2px; border-radius: 2px;
  background: linear-gradient(90deg, rgba(52,199,89,.4), rgba(255,149,0,.45) 55%, rgba(255,59,48,.5));
}
.lz-l0-flag {
  position: absolute; left: 66%; top: 4%; bottom: 4%;
  display: flex; flex-direction: column; align-items: center; gap: 6px;
  color: #d70015; font-size: 12px; font-weight: 700;
}
.lz-l0-flag i {
  flex: 1; width: 2px;
  background: repeating-linear-gradient(180deg, #ff3b30 0 5px, transparent 5px 10px);
}
.lz-l0-card {
  position: absolute; top: 50%; left: 0; width: 228px; margin-top: -47px;
  background: #fff; border: 1.5px solid #34c759; border-radius: 14px;
  padding: 12px 14px 11px; box-shadow: 0 10px 30px rgba(52,199,89,.16);
  animation: lz-l0-move 8s cubic-bezier(.45,.05,.35,1) infinite;
}
@keyframes lz-l0-move {
  0%   { left: 0;                    border-color: #34c759; box-shadow: 0 10px 30px rgba(52,199,89,.16); }
  45%  { left: calc(50% - 114px);    border-color: #ff9500; box-shadow: 0 10px 30px rgba(255,149,0,.2); }
  68%  { left: calc(66.5% - 214px);  border-color: #ff3b30; box-shadow: 0 10px 34px rgba(255,59,48,.28); }
  71%  { left: calc(66.5% - 214px);  transform: translateX(0); }
  73%  { transform: translateX(-2px); }
  75%  { transform: translateX(2px); }
  77%, 100% { left: calc(66.5% - 214px); border-color: #ff3b30; box-shadow: 0 10px 34px rgba(255,59,48,.28); transform: none; }
}
.lz-l0-card-top { display: flex; justify-content: space-between; align-items: center; gap: 8px; }
.lz-l0-card-top b { font-size: 14px; }
.lz-l0-pill { position: relative; flex: none; width: 58px; height: 20px; }
.lz-l0-pill em {
  position: absolute; inset: 0; font-style: normal; font-size: 10.5px; font-weight: 700;
  color: #fff; border-radius: 980px; display: flex; align-items: center; justify-content: center;
  opacity: 0; animation-duration: 8s; animation-timing-function: linear; animation-iteration-count: infinite;
}
.lz-ps1 { background: #34c759; animation-name: lz-ps1; }
.lz-ps2 { background: #ff9500; animation-name: lz-ps2; }
.lz-ps3 { background: #ff3b30; animation-name: lz-ps3; }
@keyframes lz-ps1 { 0%, 40% { opacity: 1; } 46%, 100% { opacity: 0; } }
@keyframes lz-ps2 { 0%, 40% { opacity: 0; } 46%, 62% { opacity: 1; } 68%, 100% { opacity: 0; } }
@keyframes lz-ps3 { 0%, 62% { opacity: 0; } 68%, 100% { opacity: 1; } }
.lz-l0-card-sub { font-size: 11px; color: rgba(0,0,0,.45); margin-top: 3px; }
.lz-l0-bar { margin-top: 9px; height: 4px; border-radius: 2px; background: rgba(0,0,0,.07); overflow: hidden; }
.lz-l0-bar i {
  display: block; height: 100%; width: 8%; border-radius: 2px; background: #34c759;
  animation: lz-l0-bar 8s linear infinite;
}
@keyframes lz-l0-bar {
  0% { width: 8%; background: #34c759; }
  45% { width: 68%; background: #ff9500; }
  68%, 100% { width: 100%; background: #ff3b30; }
}
.lz-l0-punch { text-align: center; margin-top: 22px; font-size: 17px; font-weight: 700; color: #1d1d1f; }

/* ================= 01：证照墙 ================= */
.lz-wallbox { width: 100%; }
.lz-wall-fade {
  -webkit-mask-image: linear-gradient(180deg, transparent, #000 11%, #000 89%, transparent);
  mask-image: linear-gradient(180deg, transparent, #000 11%, #000 89%, transparent);
}
.lz-wall {
  display: flex; gap: 16px; height: min(540px, 62svh);
  -webkit-mask-image: linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent);
  mask-image: linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent);
}
.lz-col { flex: 1 1 0; min-width: 0; overflow: hidden; }
.lz-col-in {
  display: flex; flex-direction: column; gap: 14px;
  animation: lz-col-scroll var(--dur, 44s) linear infinite;
}
.lz-col[data-dir="up"] .lz-col-in { animation-direction: reverse; }
@keyframes lz-col-scroll { to { transform: translateY(-50%); } }
.lz-card {
  background: #fff; border: 1px solid rgba(0,0,0,.08); border-radius: 12px;
  padding: 12px 13px; box-shadow: 0 2px 10px rgba(0,0,0,.05);
}
.lz-card-cat { display: inline-block; font-size: 10.5px; font-weight: 600; border-radius: 980px; padding: 1px 7px; }
.lz-card b { display: block; font-size: 13.5px; line-height: 1.45; margin: 7px 0 5px; }
.lz-card-meta { font-size: 11px; color: rgba(0,0,0,.45); }
.lz-c-inst .lz-card-cat { color: #7c3aed; background: rgba(124,58,237,.1); }
.lz-c-staff .lz-card-cat { color: #4f46e5; background: rgba(79,70,229,.1); }
.lz-c-cont .lz-card-cat { color: #0369a1; background: rgba(3,105,161,.1); }
.lz-c-dev .lz-card-cat { color: #a21caf; background: rgba(162,28,175,.1); }
.lz-c-rep .lz-card-cat { color: #52525b; background: rgba(82,82,91,.1); }
/* 竖版证照：红章 + 大留白 */
.lz-card.lz-v { text-align: center; padding: 18px 13px; }
.lz-seal {
  display: block; width: 34px; height: 34px; margin: 0 auto 4px;
  border: 2px solid rgba(220,38,38,.5); border-radius: 50%; position: relative;
}
.lz-seal::after {
  content: "★"; position: absolute; inset: 0; color: rgba(220,38,38,.55);
  font-size: 13px; line-height: 30px; text-align: center;
}
.lz-wall-legend {
  display: flex; flex-wrap: wrap; justify-content: center; align-items: center;
  gap: 8px 16px; margin-top: 18px; font-size: 12.5px; color: rgba(0,0,0,.55);
}
.lz-dot { display: inline-block; width: 8px; height: 8px; border-radius: 50%; margin-right: 5px; }
.lz-d-inst { background: #7c3aed; } .lz-d-staff { background: #4f46e5; }
.lz-d-cont { background: #0369a1; } .lz-d-dev { background: #a21caf; } .lz-d-rep { background: #52525b; }
.lz-wall-count { font-weight: 700; color: #7c3aed; }

/* ================= 02：自动提醒 时间轴 ================= */
.lz-tl { width: min(680px, 100%); }
.lz-tl-cap { text-align: center; font-size: 13.5px; color: rgba(0,0,0,.5); margin-bottom: 14px; }
.lz-tl-body { display: flex; height: 300px; }
.lz-tl-track {
  position: relative; flex: 1; min-width: 0;
  background: #fff; border: 1px solid rgba(0,0,0,.08); border-radius: 16px;
  box-shadow: 0 4px 20px rgba(0,0,0,.05); overflow: hidden;
}
.lz-tl-window {
  position: absolute; left: 50%; width: 18%; top: 0; bottom: 0;
  background: rgba(255,149,0,.07);
  border-left: 1px dashed rgba(255,149,0,.45);
}
.lz-tl-window::before {
  content: "提醒窗口"; position: absolute; top: 6px; left: 6px;
  font-size: 10.5px; font-weight: 600; color: #c2410c; white-space: nowrap;
}
.lz-tl-today { position: absolute; left: 68%; top: 0; bottom: 0; border-left: 2px solid #7c3aed; }
.lz-tl-today span {
  position: absolute; top: 6px; left: 0; transform: translateX(-50%);
  font-size: 11px; font-weight: 700; color: #fff; background: #7c3aed;
  border-radius: 6px; padding: 1px 8px; white-space: nowrap;
}
.lz-tl-lane { position: absolute; left: 0; right: 0; height: 56px; }
.lz-tl-chip {
  position: absolute; top: 8px; left: -36%; width: 34%;
  background: #fff; border: 1.5px solid #34c759; border-radius: 12px;
  padding: 7px 12px 6px; box-shadow: 0 4px 14px rgba(0,0,0,.08);
  animation: lz-chip 14s linear infinite;
}
.lz-tl-chip b { display: block; font-size: 12.5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.lz-tl-chip span { font-size: 10.5px; color: rgba(0,0,0,.45); white-space: nowrap; }
.lz-tc-2 { animation-delay: -4.6s; }
.lz-tc-3 { animation-delay: -9.2s; }
/* 卡片右缘 = 到期日：右缘进提醒窗口（50%）变橙，越过今天线（68%）变红 */
@keyframes lz-chip {
  0%   { left: -36%; border-color: #34c759; background: #fff; }
  12%  { left: 12%;  border-color: #34c759; background: #fff; }
  18%  { border-color: #ff9500; background: #fff7ed; }
  28%  { left: 28%;  border-color: #ff9500; background: #fff7ed; }
  36%  { border-color: #ff3b30; background: #fef2f2; }
  60%  { left: 62%;  border-color: #ff3b30; background: #fef2f2; }
  100% { left: 106%; border-color: #ff3b30; background: #fef2f2; }
}
.lz-tl-mail {
  position: absolute; left: 46%; width: 190px; z-index: 2;
  background: #1d1d1f; color: #fff; font-size: 11px; line-height: 1.5;
  border-radius: 10px; padding: 8px 12px; box-shadow: 0 8px 22px rgba(0,0,0,.25);
  opacity: 0; animation: lz-mail 14s linear infinite;
}
.lz-tm-1 { top: 12%; }
.lz-tm-2 { top: 46%; animation-delay: -4.6s; }
.lz-tm-3 { top: 80%; animation-delay: -9.2s; }
@keyframes lz-mail {
  0%, 19%  { opacity: 0; transform: translate(0, 8px) scale(.92); }
  23%  { opacity: 1; transform: translate(0, 0) scale(1); }
  33%  { opacity: 1; transform: translate(120px, 0) scale(.96); }
  38%, 100% { opacity: 0; transform: translate(180px, 0) scale(.9); }
}
.lz-tl-people {
  flex: none; width: 112px; padding-left: 14px;
  display: flex; flex-direction: column; justify-content: center; gap: 12px;
}
.lz-av { display: flex; align-items: center; gap: 8px; font-size: 12.5px; color: rgba(0,0,0,.68); }
.lz-av i {
  width: 34px; height: 34px; border-radius: 50%; flex: none;
  background: #7c3aed; color: #fff; font-style: normal; font-size: 13px; font-weight: 600;
  display: flex; align-items: center; justify-content: center;
  animation: lz-av-pulse 14s linear infinite;
}
.lz-av:nth-child(2) i { background: #4f46e5; }
@keyframes lz-av-pulse {
  0%, 21% { box-shadow: 0 0 0 0 rgba(124,58,237,0); }
  24% { box-shadow: 0 0 0 5px rgba(124,58,237,.35); }
  30% { box-shadow: 0 0 0 0 rgba(124,58,237,0); }
  54% { box-shadow: 0 0 0 0 rgba(124,58,237,0); }
  57% { box-shadow: 0 0 0 5px rgba(124,58,237,.35); }
  63% { box-shadow: 0 0 0 0 rgba(124,58,237,0); }
  100% { box-shadow: 0 0 0 0 rgba(124,58,237,0); }
}
.lz-tl-chan { font-size: 10.5px; color: rgba(0,0,0,.44); }
.lz-tl-legend {
  display: flex; justify-content: center; gap: 18px;
  margin-top: 14px; font-size: 12.5px; color: rgba(0,0,0,.55);
}
.lz-st { display: inline-block; width: 9px; height: 9px; border-radius: 3px; margin-right: 5px; }
.lz-ok { background: #34c759; } .lz-warn { background: #ff9500; } .lz-bad { background: #ff3b30; }

/* ================= 03：模板下发树 ================= */
.lz-treewrap { width: min(680px, 100%); }
.lz-tree-cap { text-align: center; font-size: 13.5px; color: rgba(0,0,0,.5); margin-bottom: 18px; }
.lz-tree { display: flex; align-items: stretch; }
.lz-t-col { display: flex; flex-direction: column; justify-content: center; }
.lz-t-c2 { justify-content: stretch; }
.lz-node {
  background: #fff; border: 1px solid rgba(0,0,0,.09); border-radius: 14px;
  padding: 12px 16px; box-shadow: 0 4px 16px rgba(0,0,0,.06);
}
.lz-node b { display: block; font-size: 14.5px; }
.lz-node > span { font-size: 11px; color: rgba(0,0,0,.5); }
.lz-n-sys { flex: none; width: 200px; border-color: rgba(124,58,237,.4); }
.lz-n-sys em {
  display: inline-block; margin-top: 7px; font-style: normal;
  font-size: 11px; font-weight: 700; color: #7c3aed;
  background: rgba(124,58,237,.1); border-radius: 980px; padding: 1px 8px;
}
.lz-n-grp { flex: 1; display: flex; flex-direction: column; justify-content: center; border-color: rgba(79,70,229,.35); }
.lz-edge {
  position: relative; flex: none; width: 52px; height: 2px; align-self: center;
  background: linear-gradient(90deg, rgba(124,58,237,.5), rgba(124,58,237,.18));
}
.lz-edge u {
  position: absolute; top: -2.5px; left: 0; width: 7px; height: 7px; border-radius: 50%;
  background: #7c3aed; box-shadow: 0 0 8px rgba(124,58,237,.8);
  animation: lz-dot-flow 1.8s linear infinite;
}
.lz-t-fan { flex: none; width: 52px; display: flex; flex-direction: column; justify-content: space-around; }
.lz-t-fan .lz-edge { width: 100%; }
.lz-t-fan .lz-edge:nth-child(2) u { animation-delay: .6s; }
.lz-t-fan .lz-edge:nth-child(3) u { animation-delay: 1.2s; }
@keyframes lz-dot-flow {
  0% { left: 0; opacity: 0; }
  12% { opacity: 1; }
  88% { opacity: 1; }
  100% { left: calc(100% - 7px); opacity: 0; }
}
.lz-t-clinics { gap: 14px; }
.lz-n-clinic { min-width: 168px; }
.lz-n-new { position: relative; border-color: #7c3aed; }
.lz-n-new::after {
  content: ""; position: absolute; inset: -1px; border-radius: 14px; pointer-events: none;
  animation: lz-new-pulse 2.2s ease-out infinite;
}
@keyframes lz-new-pulse {
  0% { box-shadow: 0 0 0 0 rgba(124,58,237,.4); }
  70% { box-shadow: 0 0 0 12px rgba(124,58,237,0); }
  100% { box-shadow: 0 0 0 0 rgba(124,58,237,0); }
}
.lz-new-badge {
  display: inline-block; margin-left: 6px; font-size: 10px; font-weight: 700;
  color: #fff; background: #7c3aed; border-radius: 980px; padding: 0 7px; vertical-align: 1px;
}
.lz-new-rules { display: flex; flex-wrap: wrap; gap: 5px; margin-top: 9px; }
.lz-nr {
  font-style: normal; font-size: 10.5px; color: #6d28d9;
  background: rgba(124,58,237,.09); border-radius: 6px; padding: 2px 7px;
}
.lz-nr-all { font-weight: 700; background: #7c3aed; color: #fff; }
.st-steps:not(.st-static) .lz-nr { opacity: 0; transform: scale(.8); }
.st-steps:not(.st-static) .st-comp.active .lz-nr {
  animation: lz-nr-in .4s cubic-bezier(.2,.9,.3,1.35) both;
}
.st-steps:not(.st-static) .st-comp.active .lz-nr:nth-child(1) { animation-delay: .25s; }
.st-steps:not(.st-static) .st-comp.active .lz-nr:nth-child(2) { animation-delay: .4s; }
.st-steps:not(.st-static) .st-comp.active .lz-nr:nth-child(3) { animation-delay: .55s; }
.st-steps:not(.st-static) .st-comp.active .lz-nr:nth-child(4) { animation-delay: .72s; }
@keyframes lz-nr-in { to { opacity: 1; transform: none; } }

/* ================= 04：移动端拍照识别（即将上线） ================= */
.lz-l4 { display: flex; align-items: center; gap: 38px; }
.lz-l4-frame { position: relative; }
.lz-soon {
  position: absolute; top: -12px; right: -16px; z-index: 5;
  font-size: 11.5px; font-weight: 700; color: #fff;
  background: linear-gradient(135deg, #7c3aed, #a855f7);
  border-radius: 980px; padding: 4px 12px; transform: rotate(4deg);
  box-shadow: 0 4px 12px rgba(124,58,237,.4);
}
.lz-l4-mock { width: 218px; height: 441px; filter: drop-shadow(0 20px 40px rgba(76,29,149,.28)); }
.lz-l4-mock .marvel-device { transform: scale(.51); transform-origin: top left; }
/* 屏幕内（375×812 基准坐标，随 mock 整体缩放） */
.lz-l4-mock .screen { background: #0f0f12; }
.lz-cam {
  position: absolute; left: 0; right: 0; top: 0; height: 56%;
  background: linear-gradient(180deg, #1c1c22, #121216);
}
.lz-cam-doc {
  position: absolute; left: 50%; top: 44%; transform: translate(-50%, -50%);
  width: 200px; height: 130px; background: #f5f2ea; border-radius: 8px;
  padding: 16px 18px; box-shadow: 0 0 0 1px rgba(255,255,255,.15), 0 10px 30px rgba(0,0,0,.4);
}
.lz-cam-doc b { display: block; width: 76px; height: 11px; border-radius: 6px; background: rgba(124,58,237,.55); margin-bottom: 12px; }
.lz-cam-doc i { display: block; height: 8px; border-radius: 4px; background: rgba(0,0,0,.15); margin-top: 8px; }
.lz-cam-doc i:nth-child(3) { width: 84%; }
.lz-cam-doc i:nth-child(4) { width: 62%; }
.lz-cam-scan {
  position: absolute; left: 8%; right: 8%; top: 10%; height: 3px; border-radius: 2px;
  background: linear-gradient(90deg, transparent, #a855f7, transparent);
  box-shadow: 0 0 14px #a855f7; opacity: 0;
  animation: lz-scan 7s ease-in-out infinite;
}
@keyframes lz-scan {
  0% { top: 10%; opacity: 0; }
  6% { opacity: 1; }
  32% { top: 80%; opacity: 1; }
  38%, 100% { top: 80%; opacity: 0; }
}
.lz-cam-hint {
  position: absolute; left: 0; right: 0; bottom: 7%;
  text-align: center; color: rgba(255,255,255,.78); font-size: 17px;
}
.lz-l4-grid {
  position: absolute; left: 0; right: 0; bottom: 0; height: 44%;
  background: #f5f5f7; display: grid; grid-template-columns: 1fr 1fr; gap: 10px; padding: 14px;
}
.lz-gcell {
  background: #fff; border: 1.5px dashed rgba(0,0,0,.14); border-radius: 12px;
  display: flex; align-items: center; justify-content: center;
  font-size: 18px; font-weight: 600; color: rgba(0,0,0,.5);
}
.lz-g-hit { animation: lz-ghit 7s linear infinite; }
@keyframes lz-ghit {
  0%, 58% { border-color: rgba(0,0,0,.14); background: #fff; color: rgba(0,0,0,.5); }
  66%, 90% { border-color: #7c3aed; background: rgba(124,58,237,.08); color: #7c3aed; }
  100% { border-color: rgba(0,0,0,.14); background: #fff; color: rgba(0,0,0,.5); }
}
.lz-fly {
  position: absolute; left: 50%; top: 44%; z-index: 4; width: 160px;
  background: #fff; border-radius: 10px; padding: 10px 13px;
  box-shadow: 0 10px 26px rgba(0,0,0,.32); opacity: 0;
  transform: translate(-50%, -50%) scale(.6);
  animation: lz-fly 7s cubic-bezier(.3,.6,.3,1) infinite;
}
.lz-fly b { display: block; font-size: 16px; color: #1d1d1f; }
.lz-fly span { font-size: 11px; color: #248a3d; }
@keyframes lz-fly {
  0%, 38% { opacity: 0; left: 50%; top: 44%; transform: translate(-50%, -50%) scale(.6); }
  44% { opacity: 1; left: 50%; top: 44%; transform: translate(-50%, -50%) scale(1); }
  60% { left: 73%; top: 68%; transform: translate(-50%, -50%) scale(.78); }
  86% { opacity: 1; left: 73%; top: 68%; transform: translate(-50%, -50%) scale(.78); }
  93%, 100% { opacity: 0; left: 73%; top: 68%; transform: translate(-50%, -50%) scale(.78); }
}
.lz-l4-side p {
  width: 252px; background: #fff; border: 1px solid rgba(0,0,0,.08); border-radius: 14px;
  padding: 12px 16px; margin-bottom: 12px;
  font-size: 13.5px; color: rgba(0,0,0,.68);
  box-shadow: 0 2px 10px rgba(0,0,0,.04);
}
.lz-l4-side b { display: block; color: #7c3aed; font-size: 14px; margin-bottom: 2px; }

/* ================= 移动端退化（≤900px，组件已插入条目后） ================= */
@media (max-width: 900px) {
  .lz-wall { height: 320px; gap: 10px; }
  .lz-col:nth-child(5) { display: none; }
  .lz-l0-wall { display: none; }
  .lz-l0-card { width: 200px; }
  .lz-l0-card-top b { font-size: 12.5px; }
  .lz-tl-body { height: 250px; }
  .lz-tl-people { width: 92px; padding-left: 8px; }
  .lz-tl-chip span { display: none; }
  .lz-tl-mail { width: 150px; font-size: 10px; }
  .lz-edge, .lz-t-fan { width: 26px; }
  .lz-node { padding: 9px 11px; }
  .lz-node b { font-size: 12.5px; }
  .lz-node > span { font-size: 10px; }
  .lz-n-clinic { min-width: 0; }
  .lz-l4 { flex-direction: column; gap: 22px; }
  .lz-l4-mock { width: 158px; height: 320px; }
  .lz-l4-mock .marvel-device { transform: scale(.37); }
  .lz-l4-side { width: 100%; }
  .lz-l4-side p { width: 100%; }
  .lz-soon { right: -8px; }
}