/* Business variant of the existing checkout sheet; runtime tokens own styling. */
.bs-checkout{--co-paper:#e9e5df;--co-surface:#fffdf9;--co-ink:#211e19;--co-muted:#625d54;--co-line:#cfc6ba;--co-accent:#806a42;--co-error:#963c36;--co-focus:#173a5e;color:var(--co-ink);direction:rtl;top:var(--co-top,0);bottom:auto;height:var(--co-height,100dvh);overflow:clip}
.bs-checkout .checkout-box{position:absolute;top:0;bottom:0;max-height:100%;height:100%;max-width:640px;border-radius:0;background:var(--co-paper);padding:0;box-shadow:none;overflow:clip}
.bs-checkout .checkout-box::before{display:none}
.bs-checkout .checkout-head{padding:calc(10px + env(safe-area-inset-top,0px)) 16px 12px;gap:8px;align-items:center;background:var(--co-paper);border-color:var(--co-line)}
.bs-checkout .checkout-head>div{flex:1;min-width:0}
.bs-checkout .checkout-head small{font-size:9px;letter-spacing:.08em;color:var(--co-muted);direction:ltr}
.bs-checkout .checkout-head h2{font-weight:700;font-size:20px;line-height:1.5;font-family:inherit;margin:2px 0 0;color:var(--co-ink)}
.bs-checkout .co-back{font-size:12px;min-height:44px;border:0;background:transparent;color:var(--co-ink);padding:6px 0 6px 10px;white-space:nowrap}
.bs-checkout #checkoutClose{width:44px;height:44px;background:transparent;border-color:var(--co-line)}
.bs-checkout .checkout-body{padding:0 16px calc(20px + env(safe-area-inset-bottom,0px));scroll-padding-block:16px 112px;scrollbar-color:var(--co-accent) var(--co-paper);scrollbar-width:thin}
.bs-checkout .checkout-body::-webkit-scrollbar{width:6px}
.bs-checkout .checkout-body::-webkit-scrollbar-thumb{background:var(--co-accent);border-radius:6px}
.bs-checkout .checkout-body::-webkit-scrollbar-track{background:var(--co-paper)}
.bs-checkout .co-intro{margin:16px 0;color:var(--co-muted);font-size:13px;line-height:1.8}
.bs-checkout .order-form{display:block;margin:0}
.bs-checkout .co-section{padding:18px 0;border-top:1px solid var(--co-line)}
.bs-checkout .co-section h3{display:flex;gap:9px;align-items:center;margin:0 0 16px;font-size:17px;font-weight:700;line-height:1.5;color:var(--co-ink)}
.bs-checkout .co-section h3>span{font-size:12px;width:25px;height:25px;display:grid;place-items:center;border:1px solid var(--co-accent);border-radius:50%;color:var(--co-accent);flex-shrink:0}
.bs-checkout #coContactFields{display:grid;gap:16px}
.bs-checkout label{display:block;min-width:0;margin:0}
.bs-checkout .field-head{display:block;margin-bottom:7px;color:var(--co-ink);font-size:14px;font-weight:600;line-height:1.5}
.bs-checkout .field-head small{font-size:12px;font-weight:400;color:var(--co-muted)}
.bs-checkout input,.bs-checkout textarea{width:100%;min-width:0;min-height:50px;padding:12px;border:1px solid var(--co-line);border-radius:10px;background:var(--co-surface);color:var(--co-ink);font-weight:400;line-height:1.5;font-family:inherit;font-size:16px;box-shadow:none;scroll-margin-block:16px}
.bs-checkout input::placeholder,.bs-checkout textarea::placeholder{color:var(--co-muted);opacity:1}
.bs-checkout input[readonly],.bs-checkout textarea[readonly]{background:var(--co-paper)}
.bs-checkout textarea{resize:none;min-height:110px}
.bs-checkout .phone-field{display:flex;direction:ltr;align-items:center;background:var(--co-surface);border:1px solid var(--co-line);border-radius:10px;overflow:hidden}
.bs-checkout .phone-field b{padding:0 14px;border-right:1px solid var(--co-line);color:var(--co-ink);font-size:16px;flex:0 0 auto}
.bs-checkout .phone-field input{border:0;border-radius:0;flex:1;text-align:left}
.bs-checkout #phoneHelp{display:block;margin:0 0 7px;color:var(--co-muted);font-size:12px;line-height:1.7}
.bs-checkout .co-address-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px 12px}
.bs-checkout .co-field:has(#co-area),.bs-checkout .co-field:has(#co-building),.bs-checkout .co-field:has(#co-location){grid-column:1/-1}
.bs-checkout .co-optional{margin-top:16px}
.bs-checkout summary{min-height:44px;padding:10px 0;cursor:pointer;font-size:13px;font-weight:600;color:var(--co-ink)}
.bs-checkout summary small{font-size:11px;color:var(--co-muted);font-weight:400}
.bs-checkout .co-optional[open] summary{margin-bottom:10px}
.bs-checkout .co-help{font-size:12px;line-height:1.8;color:var(--co-muted);margin:8px 0 0}
.bs-checkout .notes-details{margin-top:4px}
.bs-checkout .co-field-error{display:block;color:var(--co-error);font-size:12px;line-height:1.7;margin-top:5px}
.bs-checkout [aria-invalid=true]{border-color:var(--co-error)}
.bs-checkout .phone-field:has([aria-invalid=true]){border-color:var(--co-error)}
.bs-checkout .co-review-heading{display:flex;gap:8px;justify-content:space-between;align-items:center;margin-bottom:16px}
.bs-checkout .co-review-heading h3{margin:0}
.bs-checkout #checkoutEditCart,.bs-checkout #coEditDetails{min-height:44px;font-size:12px;color:var(--co-ink);text-decoration:underline;text-underline-offset:4px;border:0;background:transparent}
.bs-checkout .checkout-summary{gap:10px}
.bs-checkout .checkout-summary-item{grid-template-columns:64px minmax(0,1fr);gap:10px;padding:12px;background:var(--co-surface);border:0;border-radius:12px}
.bs-checkout .checkout-summary-item img{width:64px;height:76px;object-fit:contain;grid-row:1/3;background:var(--co-paper);border-radius:8px}
.bs-checkout .checkout-summary-copy strong{font-size:14px;line-height:1.65;overflow-wrap:anywhere}
.bs-checkout .checkout-summary-copy small{font-size:12px;line-height:1.8;color:var(--co-muted)}
.bs-checkout .checkout-summary-item>b{grid-column:2;font-weight:700;font-size:16px;line-height:1.5;font-family:inherit;text-align:start;color:var(--co-ink)}
.bs-checkout .checkout-discount-note{background:transparent;padding:10px 0 0;color:var(--co-ink);font-size:12px}
.bs-checkout .co-costs{margin:18px 0}
.bs-checkout .co-costs>div{display:flex;justify-content:space-between;gap:10px;align-items:baseline;font-size:13px;line-height:1.7}
.bs-checkout .co-costs small{color:var(--co-muted);font-size:11px;font-weight:400}
.bs-checkout .co-costs .checkout-grand{padding-top:12px;margin:12px 0 0;border-color:var(--co-line)}
.bs-checkout .checkout-grand b{font-family:inherit;font-size:24px;white-space:nowrap;color:var(--co-ink)}
.bs-checkout .co-details{border-block:1px solid var(--co-line);padding:8px 0 14px}
.bs-checkout .co-details>div{display:flex;justify-content:space-between;align-items:center;font-size:13px}
.bs-checkout .co-details p,.bs-checkout .co-success-details p{font-size:13px;line-height:1.9;margin:3px 0;white-space:pre-line;overflow-wrap:anywhere;text-align:start}
.bs-checkout .co-payment{display:grid;gap:5px;margin:16px 0 0;line-height:1.8;font-size:13px}
.bs-checkout .co-payment span{color:var(--co-muted)}
.bs-checkout .co-actions{position:sticky;bottom:calc(-20px - env(safe-area-inset-bottom,0px));z-index:1;padding:12px 0 calc(14px + env(safe-area-inset-bottom,0px));background:var(--co-paper);border-top:1px solid var(--co-line)}
.bs-checkout .order-submit{min-height:54px;font-size:16px;margin:0;background:var(--co-ink);color:var(--co-surface);border-radius:12px}
.bs-checkout #coSendStatus:empty{display:none}
.bs-checkout #coSendStatus{font-size:12px;text-align:center;margin:0 0 8px}
.bs-checkout .co-actions>.co-help{text-align:center;font-size:11px}
.bs-checkout.co-keyboard .co-actions,.bs-checkout:has(input:focus) .co-actions,.bs-checkout:has(textarea:focus) .co-actions{position:static}
.bs-checkout .form-error{margin:0 0 12px;font-size:13px;line-height:1.8;color:var(--co-error)}
.bs-checkout .checkout-pending-note{border-color:var(--co-accent);background:var(--co-surface);color:var(--co-ink);font-size:13px;line-height:1.8;margin-top:14px}
.bs-checkout .order-success{padding:22px 0 12px;color:var(--co-ink)}
.bs-checkout .success-mark{background:transparent;border:1px solid var(--co-accent);color:var(--co-accent);box-shadow:none}
.bs-checkout .success-kicker{color:var(--co-muted);font-size:12px}
.bs-checkout .order-success h3{font-family:inherit;font-size:28px;line-height:1.5;color:var(--co-ink)}
.bs-checkout .order-success>p{font-size:14px;line-height:1.9;color:var(--co-muted)}
.bs-checkout .order-number{font:600 20px/1.6 monospace;direction:ltr;display:block;overflow-wrap:anywhere;margin:18px 0 4px;color:var(--co-ink)}
.bs-checkout .co-copy{min-height:44px;background:transparent;color:var(--co-ink);border:0;text-decoration:underline;text-underline-offset:4px;font-size:13px}
.bs-checkout #coCopyStatus{min-height:20px;font-size:12px;margin:0 0 12px}
.bs-checkout .co-success-details{text-align:right;border-block:1px solid var(--co-line);padding:12px 0;margin:0 0 16px}
.bs-checkout #coSuccessItems{text-align:right}
.bs-checkout .success-next{margin:20px 0;font-size:12px}
.bs-checkout .success-next span{color:var(--co-muted);line-height:1.8}
.bs-checkout .success-next b{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;margin:0 auto 6px;background:transparent;border:1px solid var(--co-line);color:var(--co-muted)}
.bs-checkout .success-next span:first-child{color:var(--co-ink)}
.bs-checkout .success-next span:first-child b{background:var(--co-ink);color:var(--co-surface)}
.bs-checkout button:not(:disabled),.bs-checkout a{cursor:pointer}
.bs-checkout button:hover:not(:disabled),.bs-checkout a:hover{filter:brightness(.92)}
.bs-checkout button:active:not(:disabled){opacity:.8}
.bs-checkout button:disabled{cursor:default;opacity:.55}
.bs-checkout :focus-visible{outline:2px solid var(--co-focus);outline-offset:3px}
.bs-checkout .phone-field:focus-within{outline:2px solid var(--co-focus);outline-offset:3px}
.bs-checkout [hidden]{display:none!important}
@media(min-width:700px){.bs-checkout .checkout-box{top:20px;bottom:20px;height:calc(100% - 40px);border-radius:20px}.bs-checkout .checkout-body{padding-inline:28px}.bs-checkout #coContactFields{grid-template-columns:1fr 1fr}.bs-checkout .checkout-head{padding-inline:28px}}
@media(max-width:350px){.bs-checkout .checkout-body{padding-inline:12px}.bs-checkout .checkout-head{padding-inline:12px}.bs-checkout .checkout-head h2{font-size:18px}.bs-checkout .co-back{font-size:11px}.bs-checkout .co-section h3{font-size:16px}.bs-checkout .co-address-grid{gap:14px 10px}}
@media(prefers-reduced-motion:reduce){.bs-checkout,.bs-checkout .checkout-box{transition:none}}
@media(forced-colors:active){.bs-checkout{--co-paper:Canvas;--co-surface:Canvas;--co-ink:CanvasText;--co-muted:CanvasText;--co-line:ButtonText;--co-accent:Highlight;--co-error:CanvasText;--co-focus:Highlight}.bs-checkout .checkout-body{scrollbar-color:auto}}