.oo-page{padding:clamp(18px,2.5vw,34px) 0 clamp(40px,6vw,84px)}.oo-page-head{display:flex;flex-direction:column;gap:10px;margin-bottom:clamp(20px,3vw,34px)}.oo-searchbar{display:flex;flex-wrap:wrap;gap:10px;max-width:560px;margin-top:6px}.oo-searchbar input{flex:1 1 220px;min-width:0;min-height:52px;padding:0 20px;border-radius:999px;border:1px solid rgba(18,18,17,.2);background:var(--card);font-family:inherit;font-size:16px;color:var(--ink)}.oo-lines{display:grid;gap:10px;margin:0;padding:0;list-style:none}.oo-line{display:grid;grid-template-columns:88px 1fr auto;gap:clamp(12px,2vw,20px);align-items:center;padding:clamp(14px,2vw,20px);border:1px solid var(--line);border-radius:var(--r-sm);background:var(--card)}.oo-line-media{position:relative;overflow:hidden;width:88px;height:88px;border-radius:12px;background:var(--surface)}.oo-line-media img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.oo-line-body{display:flex;flex-direction:column;gap:4px;min-width:0}.oo-line-body a{font-size:16px;font-weight:600;line-height:1.3;text-wrap:pretty}.oo-line-body span{font-size:13px;color:var(--ink-3)}.oo-line-side{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.oo-line-side b{font-size:15px;font-weight:600;white-space:nowrap}.oo-qty{display:flex;align-items:center;gap:6px}.oo-qty input{width:56px;min-height:40px;padding:0 8px;text-align:center;border-radius:999px;border:1px solid rgba(18,18,17,.2);background:var(--card);font-family:inherit;font-size:15px;color:var(--ink)}.oo-remove{background:none;border:none;padding:0;cursor:pointer;font-family:inherit;font-size:13px;color:var(--ink-3);text-decoration:underline;text-underline-offset:3px}.oo-remove:hover{color:var(--accent)}.oo-totals{margin-top:clamp(20px,3vw,32px);padding:clamp(20px,3vw,28px);border-radius:var(--r);background:var(--surface);display:flex;flex-direction:column;gap:14px;align-items:flex-start;max-width:460px;margin-left:auto}.oo-totals-row{display:flex;justify-content:space-between;align-items:baseline;width:100%;gap:16px}.oo-totals-row b{font-size:22px;font-weight:600}.oo-totals .oo-btn{width:100%}.oo-totals p{margin:0;font-size:13px;color:var(--ink-3)}@media(max-width:560px){.oo-line{grid-template-columns:72px 1fr;grid-template-areas:"media body" "side side"}.oo-line-media{width:72px;height:72px;grid-area:media}.oo-line-body{grid-area:body}.oo-line-side{grid-area:side;flex-direction:row;justify-content:space-between;align-items:center;width:100%}.oo-totals{max-width:none;margin-left:0}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/oontly-pages.css.map */