/* Mockup m05: Lemma POS (sizes: mockup px x 1.2834). */
.pos-hero{min-height:477px}
.pos-hero .lm-h1{font-size:55px;margin:14px 0 22px}
.pos-hero .lm-lead{font-size:16.5px;line-height:1.48;max-width:500px}
.pos-hero .lm-actions{margin:22px 0 26px;gap:16px}
.pos-hero .lm-btn{height:47px;padding:0 30px;font-size:15px;gap:16px}
.pos-hero .lm-checks{font-size:13px;gap:8px 48px}
.pos-hero .lm-checks li::before{width:16px;height:16px;background-size:11px}

.pos-sec{padding-top:10px;padding-bottom:10px}
.pos-sec .lm-link{font-size:13px}
.pos-sec .lm-h2,.pos-erp .lm-h2{font-size:32px}
.pos-sec .lm-sub{font-size:14px}

.pos-feats{margin-top:20px;gap:17px 15px}
.pos-feat{display:grid;grid-template-columns:56px 1fr;align-items:start;gap:14px;min-height:126px;padding:10px 6px 28px 16px}
.pos-feat img{width:56px;height:54px}
.pos-feat>div{padding-top:20px}
.pos-feat h3{font-size:13.5px;margin-bottom:3px;white-space:nowrap}
.pos-feat p{font-size:11px;line-height:1.5}

.pos-inds{margin-top:4px;gap:16px}
.pos-ind{display:block;min-height:189px;padding:6px 6px 14px}
.pos-ind-pic{width:100%;height:107px;object-fit:cover;border-radius:8px}
.pos-ind-row{display:flex;align-items:flex-start;gap:12px;padding:6px 36px 0 8px}
.pos-ind-row img{width:49px;height:49px;flex:none}
.pos-ind-row>div{padding-top:7px}
.pos-ind h3{font-size:14px;margin-bottom:5px}
.pos-ind p{font-size:11.5px;line-height:1.45}
.pos-ind .lm-go{bottom:22px}

.pos-erp{position:relative;overflow:hidden;min-height:234px;margin-top:20px;margin-bottom:6px}
.pos-erp-copy{position:relative;z-index:1;padding:28px 0 20px 8px;max-width:440px}
.pos-erp .lm-sub{font-size:14.5px;line-height:1.45;max-width:400px}
.pos-erp .lm-actions{margin:18px 0 0;align-items:center;gap:30px}
.pos-erp .lm-btn{height:41px;padding:0 28px;font-size:13.5px}
.pos-erp-link{font-size:13.5px}
.pos-erp-pic{position:absolute;right:0;top:3px;width:805px;height:auto}

.pos-res{margin-top:16px;gap:19px}
.pos-r{display:flex;align-items:center;gap:26px;min-height:80px;padding:12px 40px 12px 19px}
.pos-r img{width:51px;height:51px;flex:none}
.pos-r h3{font-size:13.5px;margin-bottom:3px}
.pos-r p{font-size:11.5px}

@media (max-width:1100px){
  .pos-hero{min-height:0}
  .pos-erp-pic{position:relative;top:0;width:100%;max-width:805px;margin:0 auto}
}
@media (max-width:640px){
  .pos-hero .lm-h1{font-size:40px}
  .pos-hero .lm-checks{gap:8px 22px}
}
