/* "Ölçüləri sifariş et" düyməsi və pəncərəsi */
.hbtns{display:flex;flex-wrap:wrap;gap:10px}
.hbtns .btn{margin:0!important}

.olcu{position:fixed;inset:0;z-index:900;display:flex;align-items:flex-end;justify-content:center}
.olcu[hidden]{display:none}
.ol-bg{position:absolute;inset:0;background:rgba(0,0,0,.55)}
.ol-pn{position:relative;width:100%;max-width:560px;max-height:94vh;display:flex;flex-direction:column;background:var(--bg,#fff);color:var(--text,#111);border-radius:22px 22px 0 0;box-shadow:0 -10px 40px rgba(0,0,0,.25);animation:olUp .28s ease}
@keyframes olUp{from{transform:translateY(40px);opacity:0}to{transform:none;opacity:1}}
@media(min-width:640px){.olcu{align-items:center}.ol-pn{border-radius:22px;max-height:90vh}}
.ol-h{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;border-bottom:1px solid var(--line,#e5e7eb)}
.ol-h h2{font-size:26px;margin:0}
.ol-h h2::after{display:none}
.ol-x{width:40px;height:40px;border-radius:50%;background:var(--soft,#f6f7f9);border:0;font-size:24px;line-height:1;cursor:pointer;color:var(--text,#111)}
.ol-body{overflow-y:auto;padding:16px 18px calc(20px + env(safe-area-inset-bottom))}
.ol-sec{margin-bottom:18px}
.ol-sec h3{font-family:var(--sans);font-size:15px;font-weight:600;margin:0 0 6px}
.ol-hint{font-size:13px;color:var(--gray,#6b7280);margin-bottom:10px;line-height:1.5}
.ol-pn input,.ol-pn textarea{width:100%;padding:12px 14px;border:1.5px solid var(--line,#e5e7eb);border-radius:12px;font:inherit;font-size:16px;background:var(--card,#fff);color:var(--text,#111);outline:none}
.ol-pn textarea{resize:vertical;min-height:84px}
.ol-pn input:focus,.ol-pn textarea:focus{border-color:var(--blue,#1f5fbf);box-shadow:0 0 0 3px rgba(31,95,191,.15)}
.ol-pn .bad{border-color:#e11d48;background:color-mix(in srgb,#e11d48 8%,var(--card,#fff))}
.ol-row{display:grid;grid-template-columns:1fr 1fr 74px 36px;gap:8px;align-items:end;margin-bottom:10px}
.ol-row label{display:block;font-size:12px;color:var(--gray,#6b7280);margin-bottom:4px}
.ol-rm{width:36px;height:46px;border:0;background:none;font-size:22px;color:var(--gray,#6b7280);cursor:pointer}
.ol-rm[hidden]{display:block;visibility:hidden}
.ol-add{background:none;border:0;color:var(--blue,#1f5fbf);font:inherit;font-weight:600;font-size:14px;cursor:pointer;padding:4px 0}
.ol-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.ol-chips button{padding:7px 14px;border-radius:999px;border:1px solid var(--line,#e5e7eb);background:var(--card,#fff);font:inherit;font-size:13.5px;cursor:pointer;color:var(--text,#111);transition:.15s}
.ol-chips button.on{background:var(--blue,#1f5fbf);border-color:var(--blue,#1f5fbf);color:#fff}
.ol-link{display:inline-block;margin-top:8px;font-size:13px;color:var(--blue,#1f5fbf);text-decoration:none}
.ol-err{background:color-mix(in srgb,#e11d48 10%,var(--card,#fff));color:#e11d48;border-radius:12px;padding:10px 14px;font-size:14px;margin-bottom:12px}
.ol-send{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;border:0;cursor:pointer;font:inherit;font-weight:600;font-size:15px;padding:14px;border-radius:12px}
.ol-send svg{width:20px;height:20px;fill:currentColor}
.ol-note{font-size:12.5px;color:var(--gray,#6b7280);text-align:center;margin-top:12px;line-height:1.55}
.ol-done{text-align:center;padding:14px 4px 6px}
.ol-ok{width:68px;height:68px;border-radius:50%;background:var(--blue,#1f5fbf);color:#fff;display:grid;place-items:center;margin:0 auto 14px}
.ol-ok svg{width:34px;height:34px;fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.ol-done h3{font-family:var(--serif);font-size:26px;margin-bottom:8px}
.ol-done p{color:var(--gray,#6b7280);font-size:14.5px;margin-bottom:10px;line-height:1.55}
.ol-done .ol-warn{background:var(--soft,#f6f7f9);color:var(--text,#111);border-radius:14px;padding:12px 14px;font-size:14px;margin:12px 0 16px}
.ol-done .btn{display:flex;width:100%;justify-content:center;border:0;cursor:pointer;font:inherit;font-weight:600;border-radius:12px;margin-top:10px}
.ol-done .btn.ghost{margin-left:0;background:var(--card,#fff)}
@media(max-width:380px){.ol-row{grid-template-columns:1fr 1fr 60px 30px;gap:6px}}
@media(prefers-reduced-motion:reduce){.ol-pn{animation:none}}