.shop-page{--accent:#245b45;--pale:#edf1ec}.shop-summary .btn{min-height:56px;font-size:17px;box-shadow:0 3px 8px #172c291a}.shop-summary .btn:hover{background:#194331}.shop-summary .btn:focus-visible{outline:3px solid #245b45;outline-offset:4px}
.shop-main{padding-top:38px;padding-bottom:72px;min-height:60vh}.shop-main h1{font-size:clamp(32px,4vw,48px);margin:8px 0 30px}.shop-preview{font-size:13px;background:#fff5cf;border:1px solid #e6d69b;padding:12px 16px;border-radius:8px;margin-bottom:28px}.shop-grid{display:grid;grid-template-columns:1.8fr 1fr;gap:32px}.shop-item{display:grid;grid-template-columns:100px 1fr auto;gap:24px;padding:24px 0;border-top:1px solid #d1ddd5}.shop-item>img{width:100px;height:100px;object-fit:contain;background:#edf1ec;border-radius:12px}.shop-item h2{font-size:20px;margin:0}.shop-item h2 a{text-decoration:none}.shop-item p{margin:5px 0}.shop-item>strong{white-space:nowrap}.quantity{display:flex;align-items:center;gap:10px;margin-top:15px}.quantity input{width:65px;padding:8px;border:1px solid #aebdb6;border-radius:6px;font:inherit}.quantity .btn{padding:8px 12px;font-size:13px}.remove{padding:0;background:none;border:0;text-decoration:underline;font:inherit;font-size:13px;color:#56675d;cursor:pointer;margin-top:12px}.shop-summary{align-self:start;position:sticky;top:110px}.shop-summary h2{font-size:24px}.total-row{display:flex;justify-content:space-between;gap:15px;padding:12px 0;border-bottom:1px solid #e1e8e2;font-size:15px}.shop-summary .btn{width:100%;margin-top:18px}.purchase-form{margin-top:16px}.purchase-form .quantity{margin-bottom:12px}.purchase-form input{background:white}.purchase-form button{border:0;font:inherit;cursor:pointer}button:focus-visible,input:focus-visible{outline:3px solid #26735d;outline-offset:3px}@media(max-width:760px){.shop-grid{grid-template-columns:1fr}.shop-item{grid-template-columns:70px 1fr;gap:15px}.shop-item>img{width:70px;height:70px}.shop-item>strong{grid-column:2}.shop-summary{position:static}.quantity{flex-wrap:wrap}}

/* A consistent quantity field for every monitoring kit and language. */
.purchase-form .quantity{justify-content:space-between;gap:20px;margin:22px 0 4px}
.purchase-form .quantity label{font-size:14px;font-weight:600;color:#53665f;line-height:1.4}
.purchase-form .quantity input{flex:0 0 88px;width:88px;min-height:48px;padding:10px 12px;border:1px solid #aebdb6;border-radius:7px;background:#fafcf9;color:#172c29;font:600 18px/1.4 Arial,sans-serif;text-align:center;transition:border-color .15s,box-shadow .15s}
.purchase-form .quantity input:hover{border-color:var(--accent)}
.purchase-form .quantity input:focus-visible{outline:2px solid var(--accent);outline-offset:3px}