.asbab-orders{--ao-accent:var(--wp--preset--color--accent,#0878b0);--ao-text:var(--wp--preset--color--contrast,#111);--ao-muted:var(--wp--preset--color--contrast-2,#555);--ao-bg:var(--wp--preset--color--base-2,#f6f8fa);--ao-field:var(--wp--preset--color--base,#fff);margin:1.25rem 0;padding:clamp(14px,3vw,22px);border:1.5px solid color-mix(in srgb,var(--ao-accent) 30%,transparent);border-radius:16px;background:var(--ao-bg);color:var(--ao-text)}
.asbab-orders__title{margin:0 0 .9em;font-weight:700;font-size:1.1em}
.asbab-orders__grid{display:grid;grid-template-columns:1fr 1fr;gap:10px 12px}
@media (max-width:600px){.asbab-orders__grid{grid-template-columns:1fr}}
.asbab-orders__wide{grid-column:1/-1}
.asbab-orders__f{display:flex;flex-direction:column;gap:4px;font-size:.875rem;margin:0}
.asbab-orders__f>span{font-weight:600;color:var(--ao-muted)}
.asbab-orders input:not([type=checkbox]),.asbab-orders select,.asbab-orders textarea{width:100%;box-sizing:border-box;font:inherit;font-size:1rem;padding:.7em .85em;border-radius:10px;border:1.5px solid color-mix(in srgb,var(--ao-text) 18%,transparent);background:var(--ao-field);color:var(--ao-text);min-height:46px}
.asbab-orders input:focus,.asbab-orders select:focus,.asbab-orders textarea:focus{outline:2px solid var(--ao-accent);outline-offset:1px;border-color:transparent}
.asbab-orders [aria-invalid=true]{border-color:#d92d20!important}
.asbab-orders__row{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin:14px 0}
.asbab-orders__qty{display:inline-flex;align-items:center;border:1.5px solid color-mix(in srgb,var(--ao-text) 18%,transparent);border-radius:999px;overflow:hidden;background:var(--ao-field)}
.asbab-orders__qty button{width:42px;height:44px;border:0;background:transparent;color:var(--ao-text);font-size:1.25rem;cursor:pointer}
.asbab-orders__qty input{width:52px!important;min-height:0!important;border:0!important;text-align:center;padding:0!important;-moz-appearance:textfield;background:transparent!important}
.asbab-orders__qty input::-webkit-inner-spin-button,.asbab-orders__qty input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.asbab-orders__sum{margin:0;display:grid;gap:2px;min-width:200px;font-size:.9rem}
.asbab-orders__sum>div{display:flex;justify-content:space-between;gap:16px}
.asbab-orders__sum dt{color:var(--ao-muted)}
.asbab-orders__sum dd{margin:0;font-weight:600}
.asbab-orders__sum .is-total{font-size:1.05rem;border-top:1px dashed color-mix(in srgb,var(--ao-text) 20%,transparent);padding-top:4px;margin-top:2px}
.asbab-orders__sum .is-total dd{color:var(--ao-accent);font-weight:800}
.asbab-orders__btn{display:block;width:100%;min-height:52px;font-size:1.05rem;font-weight:700;border-radius:999px;cursor:pointer}
.asbab-orders__btn[disabled]{opacity:.65;cursor:wait}
.asbab-orders__cod{margin:.6em 0 0;font-size:.8125rem;color:var(--ao-muted);text-align:center}
.asbab-orders__msg{margin:.6em 0 0;font-weight:600;min-height:1.2em}
.asbab-orders__msg.is-bad{color:#d92d20}
.asbab-orders{position:relative}.asbab-orders__hp{position:absolute!important;width:1px!important;height:1px!important;margin:0!important;padding:0!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;white-space:nowrap!important}
.asbab-orders-sticky{position:fixed;inset-inline:0;bottom:0;z-index:999;padding:10px 14px calc(10px + env(safe-area-inset-bottom));background:var(--wp--preset--color--base,#fff);box-shadow:0 -6px 20px rgba(0,0,0,.12);transform:translateY(110%);transition:transform .25s}
.asbab-orders-sticky.is-on{transform:none}
.asbab-orders-sticky button{display:block;width:100%;min-height:48px;border-radius:999px;font-weight:700;font-size:1rem}
html.asbab-dark .asbab-orders__msg.is-bad{color:#ff8a80}
html.asbab-dark .asbab-orders__sum .is-total dd{color:var(--asbab-accent-text,#5eb3dd)}
body:has(.asbab-orders-sticky) .asbab-sticky-cart{display:none!important}
.asbab-orders-wrap{margin:1.25rem 0}.asbab-orders-wrap>.asbab-orders{margin:0}
.asbab-orders[hidden],.asbab-orders-reveal[hidden]{display:none!important}
.asbab-orders-reveal{display:flex;align-items:center;justify-content:center;gap:.5em;width:100%;min-height:54px;padding:.6em 1.2em;border-radius:999px;font-size:1.05rem;font-weight:700;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,filter .15s ease}
.asbab-orders-reveal:hover{transform:translateY(-1px);box-shadow:0 6px 18px rgba(0,0,0,.14)}
.asbab-orders-reveal:focus-visible{outline:2px solid currentColor;outline-offset:3px}
.asbab-orders-reveal--wa,.asbab-orders-reveal--wa:hover,.asbab-orders-reveal--wa:focus{background:#25D366!important;border-color:#25D366!important;color:#fff!important}
.asbab-orders-reveal--wa:hover{filter:brightness(.95)}
.asbab-orders-reveal .dashicons{font-size:24px;width:24px;height:24px;line-height:1}
.asbab-orders.is-opening{animation:ao-open .28s ease-out}
@keyframes ao-open{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.asbab-orders.is-opening{animation:none}.asbab-orders-reveal{transition:none}}
.asbab-orders__close{position:absolute;top:12px;inset-inline-end:12px;width:36px;height:36px;padding:0;display:inline-flex;align-items:center;justify-content:center;border:1px solid color-mix(in srgb,var(--ao-text) 15%,transparent);border-radius:50%;background:transparent;color:var(--ao-muted);cursor:pointer;transition:background-color .15s,color .15s}
.asbab-orders__close:hover{background:color-mix(in srgb,var(--ao-text) 8%,transparent);color:var(--ao-text)}
.asbab-orders__close:focus-visible{outline:2px solid var(--ao-accent);outline-offset:2px}
.asbab-orders__close~.asbab-orders__title{padding-inline-end:44px}
.asbab-orders.has-offers .asbab-orders__qty{display:none}
.asbab-orders__offers{border:0;margin:14px 0 4px;padding:0;display:grid;gap:8px}
.asbab-orders__offers legend{padding:0;margin:0 0 8px;font-weight:700;font-size:.95rem}
.ao-offer{position:relative;display:grid;grid-template-columns:auto 1fr auto;grid-template-areas:"r q p" "r x x";align-items:center;column-gap:10px;row-gap:2px;padding:12px 14px;border:1.5px solid color-mix(in srgb,var(--ao-text) 16%,transparent);border-radius:14px;background:var(--ao-field);cursor:pointer;transition:border-color .15s,box-shadow .15s}
.ao-offer:hover{border-color:color-mix(in srgb,var(--ao-accent) 55%,transparent)}
.ao-offer.is-on{border-color:var(--ao-accent);box-shadow:0 0 0 1px var(--ao-accent);background:color-mix(in srgb,var(--ao-accent) 6%,var(--ao-field))}
.ao-offer input{grid-area:r;width:20px;height:20px;margin:0;accent-color:var(--ao-accent)}
.ao-offer__q{grid-area:q;font-weight:700}
.ao-offer__p{grid-area:p;text-align:end;white-space:nowrap}.ao-offer__p b{font-weight:800}.ao-offer__p del{color:var(--ao-muted);font-size:.85em;margin-inline-start:4px}
.ao-offer__x{grid-area:x;display:flex;flex-wrap:wrap;gap:4px 10px;font-size:.82rem;color:#12805c;font-weight:600}.ao-offer__x:empty{display:none}
.ao-offer__free{color:var(--ao-muted)}
.ao-offer__badge{position:absolute;top:-10px;inset-inline-end:14px;background:var(--ao-accent);color:#fff;font-size:.72rem;font-weight:800;padding:2px 10px;border-radius:999px;line-height:1.6}
.ao-offer.has-badge{margin-top:6px}
.asbab-orders__sum .is-disc dd{color:#12805c}
html.asbab-dark .ao-offer__x,html.asbab-dark .asbab-orders__sum .is-disc dd{color:#4cd6a0}
.asbab-orders__sum .is-disc[hidden]{display:none}
.ao-offer input,.ao-offer input:focus{outline:none!important;box-shadow:none!important}
.ao-offer:has(input:focus-visible){outline:2px solid var(--ao-accent);outline-offset:2px}
.asbab-orders__note{margin:.35em 0 0;text-align:center;font-size:.78rem;color:var(--ao-muted)}