/* Home page: My eQUIP with the datasheets (inc/home-myequip.php). Laptop, phone and datasheet card are drawn in CSS. */
.eqhm{background:#eef2f5;padding:72px 0 76px;overflow:hidden;color:#102a43}
.eqhm *{box-sizing:border-box}
.eqhm-wrap{max-width:1360px;margin:0 auto;padding:0 24px;display:grid;grid-template-columns:minmax(0,440px) minmax(0,1fr);gap:56px;align-items:center}
.eqhm .eqhm-k{font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#a07d18;margin:0 0 14px}
.eqhm h2{font-size:36px;line-height:1.12;letter-spacing:-.02em;color:#102a43;margin:0 0 14px}
.eqhm .eqhm-lead{font-size:17px;line-height:1.6;color:#3d4a5a;margin:0 0 22px}
.eqhm-list{list-style:none;margin:0 0 26px;padding:0;border-top:1px solid #d5dce3}
.eqhm-list li{margin:0;padding:0;border-bottom:1px solid #d5dce3}
.eqhm-list a{display:grid;grid-template-columns:34px minmax(0,1fr) 16px;gap:12px;align-items:center;padding:13px 0;color:#102a43;text-decoration:none}
.eqhm-ico{width:34px;height:34px;border-radius:4px;background:#102a43;display:grid;place-items:center}
.eqhm-ico svg{width:18px;height:18px;stroke:#e3c15a;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.eqhm-list b{display:block;font-size:15.5px;font-weight:600;line-height:1.3;color:#102a43}
.eqhm-list a:hover b{color:#a07d18}
.eqhm-list small{display:block;font-size:13.5px;line-height:1.4;color:#52606f;margin-top:2px}
.eqhm-list i{font-style:normal;font-size:18px;color:#c69b24}
.eqhm-actions{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:22px}
.eqhm-btn{display:inline-block;background:#c69b24;border:1px solid #c69b24;color:#102a43;font-weight:600;font-size:15px;line-height:1.2;padding:13px 22px;text-decoration:none;border-radius:2px}
.eqhm-btn:hover{background:#d8ad33;border-color:#d8ad33;color:#102a43}
.eqhm-btn--ghost{background:transparent;border-color:#102a43}
.eqhm-btn--ghost:hover{background:#102a43;border-color:#102a43;color:#fff}
.eqhm-app{display:grid;grid-template-columns:78px minmax(0,1fr);gap:14px;align-items:center;background:#fff;border:1px solid #d5dce3;border-radius:6px;padding:12px 14px}
.eqhm-qr{display:block;width:78px;height:78px;padding:4px;background:#fff}
.eqhm-qr svg{display:block;width:100%;height:100%}
.eqhm-app b{display:block;font-size:14.5px;font-weight:600;margin-bottom:3px}
.eqhm-app span{display:block;font-size:13px;line-height:1.45;color:#52606f}
.eqhm-app em{display:inline-block;margin-top:6px;font-style:normal;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#a07d18;border:1px solid #d9c27a;border-radius:999px;padding:3px 8px}
.eqhm-stage{position:relative;padding:0 70px 34px 40px}
.eqhm-screen{position:relative;background:#0d1520;border-radius:14px 14px 0 0;padding:14px 14px 16px;box-shadow:0 30px 60px rgba(16,42,67,.22)}
.eqhm-screen::before{content:'';position:absolute;left:50%;top:6px;width:6px;height:6px;border-radius:50%;background:#2b3a4d;transform:translateX(-50%)}
.eqhm-view{background:#fff;border-radius:3px;overflow:hidden;aspect-ratio:16/10}
.eqhm-bar{display:flex;align-items:center;gap:6px;height:26px;padding:0 10px;background:#e9edf1;border-bottom:1px solid #d5dce3}
.eqhm-bar i{width:8px;height:8px;border-radius:50%;background:#c3ccd6}
.eqhm-bar span{flex:1;margin-left:10px;height:14px;border-radius:7px;background:#fff;font-size:9px;line-height:14px;color:#7a8794;padding:0 8px;overflow:hidden;white-space:nowrap}
.eqhm-view img{display:block;width:100%;height:calc(100% - 26px);max-width:none;object-fit:cover;object-position:top center;-webkit-user-drag:none;user-select:none}
.eqhm-base{position:relative;height:16px;margin:0 -38px;background:linear-gradient(#cfd6de,#aeb8c3);border-radius:0 0 14px 14px}
.eqhm-base::after{content:'';position:absolute;left:50%;top:0;width:110px;height:6px;background:#9aa6b3;border-radius:0 0 8px 8px;transform:translateX(-50%)}
.eqhm-phone{position:absolute;right:0;bottom:0;width:176px;background:#0d1520;border-radius:26px;padding:9px;box-shadow:0 24px 44px rgba(16,42,67,.32)}
.eqhm-phone::before{content:'';position:absolute;left:50%;top:14px;width:46px;height:5px;border-radius:3px;background:#2b3a4d;transform:translateX(-50%);z-index:2}
.eqhm-pview{background:#fff;border-radius:19px;overflow:hidden;aspect-ratio:9/18.5;font-size:9px;line-height:1.3;color:#102a43}
.eqhm-phead{background:#102a43;color:#fff;padding:22px 10px 9px;font-weight:600;font-size:11px}
.eqhm-ptabs{display:flex;gap:4px;padding:8px 8px 6px}
.eqhm-ptabs span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;padding:5px 2px;border-radius:3px;background:#eef2f5;font-weight:600;font-size:7.5px}
.eqhm-ptabs span.is-on{background:#102a43;color:#fff}
.eqhm-pcard{margin:6px 8px;border:1px solid #dfe4ea;border-radius:5px;padding:8px}
.eqhm-pcard b{display:block;font-size:10px;line-height:1.25;margin-bottom:2px}
.eqhm-pcard small{display:block;font-size:8px;line-height:1.4;color:#52606f}
.eqhm-pdoc{display:flex;align-items:center;gap:6px;margin-top:6px;padding-top:6px;border-top:1px solid #edf0f3;font-size:8.5px;font-weight:600}
.eqhm-pdoc u{text-decoration:none;background:#c69b24;color:#102a43;font-size:7px;font-weight:700;padding:2px 4px;border-radius:2px}
.eqhm-sheets{position:absolute;left:0;bottom:6px;width:210px;border:3px solid #fff;border-radius:6px;overflow:hidden;background:#fff;box-shadow:0 18px 36px rgba(16,42,67,.28)}
.eqhm-sheets img{display:block;width:100%;max-width:none;aspect-ratio:16/9;object-fit:cover;-webkit-user-drag:none}
.eqhm-sheets span{display:block;font-size:11px;font-weight:600;line-height:1.3;padding:6px 9px;color:#102a43}
.eqhm .eqhm-cap{margin:14px 0 0 40px;font-size:12.5px;line-height:1.4;color:#6b7785}
@media(max-width:1000px){
.eqhm{padding:48px 0 52px}
.eqhm-wrap{grid-template-columns:minmax(0,1fr);gap:36px}
.eqhm h2{font-size:28px}
.eqhm-stage{padding:0 46px 30px 0}
.eqhm-base{margin:0 -14px}
.eqhm-sheets{display:none}
.eqhm-phone{width:132px;border-radius:21px;padding:7px}
.eqhm-pview{border-radius:15px}
.eqhm .eqhm-cap{margin-left:0}
}
@media(max-width:640px){
.eqhm-wrap{padding:0 16px}
.eqhm-app{grid-template-columns:minmax(0,1fr)}
.eqhm-qr{display:none}
}