.wbs-root,.wbs-preview{--wbs-accent:#0f172a;--wbs-btn-bg:#0f172a;--wbs-btn-text:#fff;--wbs-progress-start:#10b981;--wbs-progress-end:#059669;--wbs-progress-fill:linear-gradient(90deg,var(--wbs-progress-start),var(--wbs-progress-end));--wbs-badge-bg:#ecfdf5;--wbs-background:#fff;--wbs-text:#0f172a;--wbs-radius:28px;--wbs-font:inherit;font-family:var(--wbs-font);font-size:14px;line-height:1.5;color:var(--wbs-text);text-align:left}
.wbs-root *,.wbs-preview *,.wbs-admin *{box-sizing:border-box}
.wbs-root[hidden],.wbs-admin [hidden]{display:none!important}
.wbs-root{position:fixed;inset:0;z-index:999999;isolation:isolate}
.wbs-root button,.wbs-preview button{font:inherit;cursor:pointer;text-transform:none;letter-spacing:normal;box-shadow:none;margin:0;min-width:0}
.wbs-root a,.wbs-preview a{color:inherit;text-decoration:none}
.wbs-root button:focus-visible,.wbs-root a:focus-visible,.wbs-admin :focus-visible{outline:3px solid var(--wbs-accent,#0f172a);outline-offset:3px}
.wbs-backdrop{position:absolute;inset:0;background:rgba(15,23,42,.4);opacity:0;transition:opacity .3s}
.wbs-drawer{position:absolute;top:0;right:0;width:min(440px,100vw);height:100vh;height:100dvh;display:flex;flex-direction:column;background:var(--wbs-background);border:1px solid rgba(255,255,255,.8);border-radius:var(--wbs-radius) 0 0 var(--wbs-radius);box-shadow:-20px 0 50px rgba(0,0,0,.12);transform:translateX(105%);transition:transform .3s cubic-bezier(.22,.68,0,1);overflow:hidden;outline:none}
.wbs-root[data-side=left] .wbs-drawer{right:auto;left:0;border-radius:0 var(--wbs-radius) var(--wbs-radius) 0;transform:translateX(-105%)}
@supports (backdrop-filter:blur(1px)){.wbs-root[data-glass="1"] .wbs-drawer,.wbs-preview[data-glass="1"]{background:color-mix(in srgb,var(--wbs-background) 88%,transparent);backdrop-filter:blur(28px) saturate(190%);-webkit-backdrop-filter:blur(28px) saturate(190%)}.wbs-root[data-glass="1"] .wbs-backdrop{backdrop-filter:blur(6px)}}
.wbs-root.is-open .wbs-drawer{transform:translate(0,0)}.wbs-root.is-open .wbs-backdrop{opacity:1}
.wbs-header{display:flex;justify-content:space-between;align-items:center;padding:22px 24px 12px;gap:16px;flex-shrink:0}
.wbs-header h2{font-family:inherit;font-weight:400;font-size:24px;line-height:1.2;letter-spacing:-.02em;color:inherit;margin:0}
.wbs-root .wbs-icon{border:0;border-radius:50%;width:44px;height:44px;padding:0;background:rgba(128,128,128,.1);color:inherit;font-size:26px}
.wbs-handle{display:none}.wbs-content{display:flex;flex:1;flex-direction:column;min-height:0;overflow:hidden}
.wbs-scroll{overflow-y:auto;overscroll-behavior:contain;flex:1;min-height:0;padding:0 24px 20px;scrollbar-width:thin;-webkit-overflow-scrolling:touch}
.wbs-message{margin:0;padding:0 24px;font-size:12px;flex-shrink:0}.wbs-message:empty{display:none}.wbs-message:not(:empty){padding-bottom:12px}.wbs-error{color:#a11c23}.wbs-message a{text-decoration:underline}
.wbs-shipping{padding:16px;background:rgba(128,128,128,.055);border:1px solid rgba(128,128,128,.09);border-radius:18px;margin:8px 0 20px}.wbs-shipping p{margin:0 0 10px;font-size:13px}.wbs-shipping small{display:block;margin-top:8px;font-size:10px;opacity:.7}
.wbs-track{height:6px;border-radius:99px;background:rgba(128,128,128,.16);overflow:hidden}.wbs-track i{display:block;height:100%;background:var(--wbs-progress-fill);border-radius:inherit;transition:width .3s}
.wbs-items{list-style:none!important;margin:0!important;padding:0!important}.wbs-item{display:flex;gap:14px;margin:0;padding:20px 0;border-bottom:1px solid rgba(128,128,128,.13);align-items:flex-start}
.wbs-thumb{flex:0 0 64px}.wbs-thumb img{width:64px;height:64px;object-fit:cover;border-radius:12px;display:block}
.wbs-item-info{min-width:0;flex:1}.wbs-name{display:block;font-weight:500;line-height:1.35;overflow-wrap:anywhere}.wbs-item-info small{display:block;font-size:12px;opacity:.75;margin:5px 0 9px}.wbs-item-info dl{font-size:11px;margin:6px 0;display:flex;gap:3px;flex-wrap:wrap}.wbs-item-info dt,.wbs-item-info dd,.wbs-item-info dd p{margin:0}.wbs-item-info dd{margin-right:6px}
.wbs-quantity{display:inline-flex;align-items:center;border:1px solid rgba(128,128,128,.2);border-radius:12px;overflow:hidden}.wbs-quantity button,.wbs-quantity>span{display:grid;place-items:center;width:38px;min-height:38px;border:0;background:transparent;color:inherit;padding:0}.wbs-quantity output{min-width:26px;text-align:center;font-size:13px}.wbs-root button:disabled{opacity:.35;cursor:not-allowed}
.wbs-item-end{display:flex;flex-direction:column;align-items:flex-end;gap:20px;max-width:35%;font-size:13px}.wbs-item strong{font-weight:600;letter-spacing:-.01em}.wbs-root .wbs-remove{border:0;background:none;color:inherit;text-decoration:underline;opacity:.65;padding:8px 0;font-size:11px;min-height:36px}
.wbs-recommendations{margin-top:24px}.wbs-recommendations h3{font-family:inherit;font-weight:400;font-size:17px;line-height:1.3;letter-spacing:-.02em;margin:0 0 14px;color:inherit}
.wbs-offers{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;padding:3px 3px 12px;scrollbar-width:thin}.wbs-offer{flex:0 0 154px;display:flex;flex-direction:column;gap:8px;padding:13px;border:1px solid rgba(128,128,128,.14);border-radius:18px;scroll-snap-align:start;font-size:12px}.wbs-offer img{display:block;width:100%;height:90px;object-fit:contain;border-radius:10px;margin-bottom:10px}.wbs-offer a span{display:block}.wbs-offer strong{margin-top:auto}.wbs-offer button{border:0;background:var(--wbs-badge-bg);color:var(--wbs-accent);min-height:40px;border-radius:10px;padding:7px 10px;font-weight:600}
.wbs-footer{flex-shrink:0;padding:18px 24px max(16px,env(safe-area-inset-bottom));border-top:1px solid rgba(128,128,128,.13);background:var(--wbs-background)}.wbs-total{display:flex;justify-content:space-between;gap:16px;margin-bottom:8px}.wbs-note{font-size:11px;opacity:.72;margin:8px 0 12px}.wbs-root .wbs-button,.wbs-preview .wbs-button{display:flex;align-items:center;justify-content:center;width:100%;min-height:52px;border:0;border-radius:16px;padding:13px 20px;background:var(--wbs-btn-bg);color:var(--wbs-btn-text);text-align:center;text-decoration:none;font-weight:600;line-height:1.4;transition:filter .18s,transform .18s}.wbs-button:hover{filter:brightness(1.12)}.wbs-button:active{transform:scale(.985)}.wbs-root .wbs-continue,.wbs-preview .wbs-continue{display:block;text-align:center;background:transparent;border:0;color:inherit;padding:12px 4px 0;width:100%;min-height:40px;font-size:12px}
.wbs-empty{margin:auto;text-align:center;padding:32px 24px}.wbs-empty>span{font-size:48px;font-weight:300}.wbs-empty p{margin:15px 0 24px}.wbs-root.is-busy [data-qty],.wbs-root.is-busy [data-add],.wbs-root.is-busy [data-remove]{opacity:.4;pointer-events:none}
.wbs-root .wbs-cart-link{display:block;text-align:center;text-decoration:underline;font-size:11px;padding:9px 0 0}.wbs-root .wbs-fixed-quantity{font-size:12px}.wbs-root .wbs-retry{border:0;background:transparent;color:inherit;text-decoration:underline;padding:4px;font-size:inherit}.wbs-root .wbs-footer{max-height:55vh;max-height:55dvh;overflow-y:auto;overscroll-behavior:contain}.wbs-root .wbs-item-end a.wbs-remove{font-size:11px;text-decoration:underline}.wbs-root .wbs-offer-link{font-size:12px;text-decoration:underline}
.wbs-admin{max-width:1560px;color:#1d1d1f;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.wbs-admin-header{display:flex;align-items:center;gap:18px;padding:24px 0}.wbs-admin-header h1{font-weight:400;letter-spacing:-.03em}.wbs-admin-header h1 small{font-size:13px;color:#6e6e73}.wbs-admin-header p{color:#6e6e73;margin-bottom:0}.wbs-mark{display:grid;place-items:center;width:58px;height:58px;border-radius:18px;background:#0f172a;color:white;font-size:28px;box-shadow:0 8px 24px #0f172a20}
.wbs-settings-grid{display:grid;grid-template-columns:185px minmax(300px,1fr) 330px;gap:22px;align-items:start}.wbs-tabs{background:#e9e9ed90;padding:10px;border:1px solid #fff;border-radius:22px;position:sticky;top:48px}.wbs-tabs button{display:flex;align-items:center;gap:10px;width:100%;padding:13px 10px;background:none;border:0;border-radius:12px;color:#555;cursor:pointer;text-align:left;font:inherit}.wbs-tabs button[aria-selected=true]{background:#fff;color:#0f172a;box-shadow:0 3px 12px #00000008}.wbs-tabs small{font-size:10px;opacity:.5}
.wbs-settings-card{border:1px solid #fff;border-radius:28px;background:#ffffffd9;padding:28px;box-shadow:0 12px 35px #00000004;margin-bottom:20px}.wbs-settings-card h2{font-weight:400;font-size:24px;line-height:1.3;letter-spacing:-.025em;margin:10px 0 22px}.wbs-eyebrow{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:#6e6e73}.wbs-setting{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #e5e5ea;padding:19px 0;flex-wrap:wrap}.wbs-setting>div{flex:1;min-width:140px}.wbs-setting label{font-weight:500}.wbs-setting p{font-size:11px;color:#6e6e73;line-height:1.5;max-width:300px;margin:6px 0 0}.wbs-setting input:not([type=checkbox]):not([type=color]),.wbs-setting select{max-width:100%;width:210px;border-radius:9px;border-color:#dcdce1;min-height:36px}.wbs-setting input[type=color]{width:48px;height:36px;border:0;padding:2px;background:transparent;cursor:pointer}.wbs-setting input[type=checkbox]{appearance:none;width:40px;height:24px;border:0;border-radius:20px;background:#d5d5db;position:relative;box-shadow:none;margin:0;transition:background .2s}.wbs-setting input[type=checkbox]:before{content:"";display:block;position:absolute;width:18px;height:18px;top:3px;left:3px;border-radius:50%;background:white;margin:0;box-shadow:0 1px 3px #0002}.wbs-setting input[type=checkbox]:checked{background:#0f172a}.wbs-setting input[type=checkbox]:checked:before{left:19px}.wbs-setting .select2-container{min-width:100%;max-width:100%}
.wbs-preview-scene{position:sticky;top:48px;background:radial-gradient(at 0 10%,#e0ecec,transparent 60%),#eaeaf0;padding:18px;border-radius:28px;border:1px solid white}.wbs-preview-toolbar{display:flex;align-items:center;gap:5px;margin-bottom:18px;font-size:11px}.wbs-preview-toolbar strong{margin-right:auto}.wbs-preview-toolbar button{border:0;border-radius:8px;background:transparent;padding:7px;cursor:pointer;font:inherit}.wbs-preview-toolbar button[aria-pressed=true]{background:#fff}.wbs-preview-device{border:5px solid #292a2d;border-radius:32px;background:linear-gradient(140deg,#ebdfe7,#d9e3f2);overflow:hidden;box-shadow:0 16px 30px #0001;margin-bottom:18px}.wbs-preview{border-radius:var(--wbs-radius);background:var(--wbs-background);overflow:hidden;margin-top:26px}.wbs-preview .wbs-header{padding:16px}.wbs-preview .wbs-header h2{font-size:20px}.wbs-preview .wbs-shipping{margin:8px 14px;padding:12px}.wbs-preview .wbs-item{margin:0 16px;font-size:12px}.wbs-demo-image{width:54px;height:64px;border-radius:12px;background:#ece9e5;display:grid;place-items:center;font-size:24px;color:#8b8277}.wbs-preview .wbs-recommendations{padding:0 16px;margin-top:18px}.wbs-preview .wbs-offer{background:var(--wbs-badge-bg);font-size:11px;margin-bottom:18px}.wbs-preview .wbs-footer{padding:16px;font-size:11px}.wbs-preview .wbs-button{font-size:12px;min-height:44px}.wbs-preview-empty{padding:40px 20px;text-align:center}.wbs-preview-device[data-device=desktop]{border-radius:16px;border-width:4px}.wbs-preview-device[data-device=desktop] .wbs-preview{margin-left:24px;margin-top:0;border-radius:var(--wbs-radius) 0 0 var(--wbs-radius)}.wbs-preview-device[data-device=desktop] .wbs-preview[data-side=left]{margin-left:0;margin-right:24px;border-radius:0 var(--wbs-radius) var(--wbs-radius) 0}.wbs-preview-device[data-device=phone] .wbs-preview[data-sheet="0"]{margin-top:0;margin-left:20px}.wbs-save{position:sticky;bottom:0;display:flex;justify-content:space-between;align-items:center;gap:20px;background:#f5f5f7ee;border:1px solid white;backdrop-filter:blur(15px);padding:16px 22px;border-radius:18px;margin-top:24px;z-index:5}.wbs-save .button-primary{background:#0f172a;border-color:#0f172a;border-radius:10px;padding:5px 20px}.wbs-save>span{font-size:12px;color:#6e6e73}
@media(max-width:1250px){.wbs-settings-grid{grid-template-columns:160px minmax(280px,1fr)}.wbs-preview-scene{grid-column:2;position:static;max-width:380px}.wbs-settings-card{padding:24px}}
@media(max-width:767px){.wbs-root[data-sheet="1"] .wbs-drawer{inset:auto 0 0;width:100%;height:88vh;height:88dvh;max-height:calc(100dvh - env(safe-area-inset-top));border-radius:var(--wbs-radius) var(--wbs-radius) 0 0;transform:translateY(105%);box-shadow:0 -20px 50px #0002}.wbs-root[data-sheet="1"].is-open .wbs-drawer{transform:translateY(0)}.wbs-root[data-sheet="1"] .wbs-handle{display:block;flex-shrink:0;width:60px;height:24px;align-self:center;position:relative;touch-action:none;cursor:grab}.wbs-handle:after{content:"";position:absolute;width:36px;height:5px;top:9px;left:12px;border-radius:99px;background:#8885}.wbs-header{padding:10px 18px}.wbs-scroll{padding:0 18px 16px}.wbs-footer{padding-left:18px;padding-right:18px}.wbs-item{gap:10px}.wbs-header h2{font-size:22px}.wbs-settings-grid{display:block}.wbs-tabs{display:flex;overflow-x:auto;position:static;margin-bottom:16px}.wbs-tabs button{width:auto;white-space:nowrap}.wbs-tabs small{display:none}.wbs-preview-scene{margin:20px auto}.wbs-setting{gap:12px}.wbs-save>span{display:none}.wbs-admin-header h1{font-size:22px}.wbs-mark{width:42px;height:42px}}
@media(prefers-reduced-motion:reduce){.wbs-root *,.wbs-preview *{transition:none!important;scroll-behavior:auto!important}}
@media(forced-colors:active){.wbs-drawer,.wbs-button,.wbs-quantity,.wbs-track{border:1px solid CanvasText}.wbs-track i{background:Highlight}}