/* La Piccola 1.0 — scoped design system, no fonts or services loaded externally. */

html.lppb-lock,body.lppb-lock{overflow:hidden!important}
.lppb-overlay{--lppb-bg:#101b30;--lppb-surface:#16233b;--lppb-raised:#1c2c47;--lppb-line:rgba(213,226,250,.12);--lppb-ink:#fff3de;--lppb-muted:#b0bdd1;--lppb-accent:#ff914c;--lppb-green:#a6d3a4;position:fixed;inset:0;z-index:999999;display:flex;align-items:center;justify-content:center;padding:24px;background:rgba(5,10,19,.8);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .24s,visibility .24s;font-family:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:var(--lppb-ink);color-scheme:dark;line-height:1.4}
.lppb-overlay,.lppb-overlay *{box-sizing:border-box}
.lppb-overlay.is-open{opacity:1;visibility:visible;pointer-events:auto}
.lppb-overlay button{appearance:none!important;margin:0!important;cursor:pointer;font-family:inherit!important;text-transform:none!important;letter-spacing:normal!important;box-shadow:none;line-height:1.2}
.lppb-overlay button:disabled{cursor:default;opacity:.4}
.lppb-overlay :is(button,[role=button]):focus-visible{outline:2px solid var(--lppb-accent)!important;outline-offset:3px}
.lppb-modal{position:relative;width:min(1160px,100%);height:min(840px,calc(100vh - 48px));height:min(840px,calc(100dvh - 48px));display:grid;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden;background:var(--lppb-bg);border:1px solid var(--lppb-line);border-radius:28px;box-shadow:0 35px 100px #0008;transform:translateY(24px) scale(.97);transition:transform .4s cubic-bezier(.16,1,.3,1)}
.is-open .lppb-modal{transform:translateY(0) scale(1)}
.lppb-header{padding:24px 30px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--lppb-line);background:linear-gradient(120deg,#18263e,#101b30)}
.lppb-kicker{display:block;color:#d7b991;font-size:10px;letter-spacing:.19em;font-weight:700}
.lppb-brand-dot{color:var(--lppb-accent);font-size:7px;padding:0 8px;vertical-align:middle}
.lppb-header h2{margin:8px 0 5px!important;font-family:Georgia,'Times New Roman',serif!important;color:var(--lppb-ink)!important;font-size:clamp(25px,3vw,34px)!important;line-height:1.1!important;font-weight:400!important;letter-spacing:-.035em!important}
.lppb-header p{margin:0!important;color:var(--lppb-muted)!important;font-size:12px!important;line-height:1.4!important}
.lppb-close{width:44px!important;height:44px!important;min-width:44px!important;display:grid!important;place-items:center;padding:0!important;border:1px solid var(--lppb-line)!important;border-radius:50%!important;background:#ffffff05!important;color:var(--lppb-ink)!important;transition:background .2s,transform .2s}
.lppb-close:hover{background:#ffffff12!important;transform:rotate(90deg)}
.lppb-close svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round}
.lppb-main{min-height:0;display:grid;grid-template-columns:45% 55%}
.lppb-preview-pane{min-width:0;overflow-y:auto;overscroll-behavior:contain;padding:22px 28px 26px;border-right:1px solid var(--lppb-line);background:radial-gradient(ellipse at 50% 30%,#29405c99,transparent 65%),var(--lppb-bg);scrollbar-width:thin;scrollbar-color:#43516a transparent}
.lppb-preview-wrap{width:100%;max-width:460px;margin:auto}
.lppb-preview-header{text-align:center;display:flex;flex-direction:column;gap:6px}
.lppb-preview-kicker{font-size:11px;color:#e2d5bf;font-weight:600;letter-spacing:.025em}
.lppb-preview-kicker i{display:inline-block;width:5px;height:5px;background:var(--lppb-green);border-radius:50%;margin-right:6px;box-shadow:0 0 8px #a6d3a455}
.lppb-preview-base{font-size:10px;color:var(--lppb-muted)}
.lppb-pizza-stage{position:relative;width:min(355px,100%);aspect-ratio:1;margin:10px auto 0;display:grid;place-items:center;isolation:isolate;transition:width .35s cubic-bezier(.2,.8,.2,1)}
.lppb-pizza-stage::before{content:'';position:absolute;inset:3%;border:1px solid #d2b28b22;border-radius:50%;background:radial-gradient(circle,#dfb77908 65%,transparent 66%);transition:box-shadow .2s,border-color .2s}
.lppb-pizza-stage::after{content:'';position:absolute;inset:-1%;border:1px dashed #d2b28b1c;border-radius:50%;pointer-events:none}
.lppb-pizza-stage.is-drop-target::before{border-color:var(--lppb-accent);box-shadow:0 0 0 8px #ff914c18,0 0 45px #ff914c28}
.lppb-pizza{position:relative;width:89%;aspect-ratio:1;border-radius:50%;isolation:isolate;filter:drop-shadow(0 20px 22px #0007)}
.lppb-pizza__crust,.lppb-pizza__sauce,.lppb-pizza__cheese,.lppb-pizza__toppings,.lppb-pizza__cheese-finish,.lppb-pizza__bake-gloss{position:absolute;border-radius:50%}
.lppb-pizza__crust{inset:0;background:radial-gradient(ellipse at 24% 16%,#fff4c561 0 5%,transparent 6%),radial-gradient(ellipse at 71% 82%,#78360988 0 2%,transparent 4%),radial-gradient(ellipse at 17% 55%,#86450d88 0 2%,transparent 4%),radial-gradient(ellipse at 78% 25%,#80431266 0 3%,transparent 4%),radial-gradient(circle,#f5ce95 0 65%,#e6b270 73%,#be783d 86%,#e3ad66 93%,#874713 100%);box-shadow:inset 0 2px 4px #fff2,inset 0 -9px 14px #6a320747;transform:rotate(-7deg)}
.lppb-pizza__crust::after{content:'';position:absolute;inset:2%;border-radius:50%;background:radial-gradient(circle at 34% 4%,#48251088 0 1%,transparent 1.8%),radial-gradient(circle at 92% 42%,#4b271188 0 1%,transparent 2%),radial-gradient(circle at 10% 73%,#58281988 0 .8%,transparent 1.8%),radial-gradient(circle at 52% 97%,#66371e88 0 .8%,transparent 1.8%)}
.lppb-pizza__sauce{inset:8%;background:radial-gradient(ellipse at 28% 30%,#ee593b 0 11%,transparent 24%),radial-gradient(ellipse at 74% 64%,#b52d21 0 7%,transparent 21%),radial-gradient(ellipse at 26% 73%,#b22d1b 0 9%,transparent 22%),radial-gradient(circle,#d9412a 0 65%,#a5261a 100%);box-shadow:inset 0 0 12px #52150c55}
.lppb-pizza__sauce::after{content:'';position:absolute;inset:0;border-radius:50%;background:repeating-radial-gradient(ellipse at 43% 49%,#ffa27516 0 2px,#7817100a 3px 5px,transparent 6px 12px);opacity:.6}
.lppb-pizza__cheese{inset:9%;z-index:5;opacity:.65;background:radial-gradient(ellipse at 24% 30%,#ffe0a1bb 0 5%,transparent 10%),radial-gradient(ellipse at 58% 18%,#ffeac499 0 7%,transparent 12%),radial-gradient(ellipse at 75% 44%,#ffeac4aa 0 5%,transparent 10%),radial-gradient(ellipse at 35% 72%,#fff0c9bb 0 7%,transparent 12%),radial-gradient(ellipse at 72% 75%,#ffeac4aa 0 6%,transparent 11%),radial-gradient(ellipse at 50% 50%,#ffeac477 0 7%,transparent 13%)}
.lppb-pizza__toppings{inset:10%;z-index:10;overflow:hidden}
.lppb-pizza__cheese-finish{inset:11%;z-index:12;pointer-events:none;background:radial-gradient(ellipse at 31% 22%,#ffd78c14 0 9%,transparent 12%),radial-gradient(ellipse at 70% 74%,#fff2cf10 0 8%,transparent 12%)}
.lppb-pizza__bake-gloss{inset:9%;z-index:13;pointer-events:none;background:radial-gradient(ellipse at 25% 20%,#fff1 0 11%,transparent 22%)}
.lppb-piece{position:absolute;left:var(--x);top:var(--y);width:var(--w);height:var(--h);z-index:var(--z,50);transform:translate(-50%,-50%) rotate(var(--r)) scale(var(--s));transform-origin:center;animation:lppb-season .44s cubic-bezier(.2,.8,.3,1.2) both;animation-delay:var(--delay);transition:left .4s,top .4s,width .25s,height .25s;filter:drop-shadow(0 2px 2px #28130d44)}
.lppb-piece img,.lppb-piece i{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none;user-select:none}
@keyframes lppb-season{from{opacity:0;transform:translate(-50%,calc(-50% - 24px)) rotate(calc(var(--r) - 25deg)) scale(.4)}to{opacity:1;transform:translate(-50%,-50%) rotate(var(--r)) scale(var(--s))}}
.lppb-stage-hint{font-size:10px!important;line-height:1.4!important;color:var(--lppb-muted)!important;margin:7px 0 18px!important;text-align:center}
.lppb-label{display:block;color:#dfc8a5;font-size:10px;font-weight:600;letter-spacing:.12em;text-transform:uppercase}
.lppb-size-block{margin:0 0 20px}
.lppb-sizes{display:grid;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:8px;margin-top:9px}
.lppb-size{min-height:58px;display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:8px!important;border:1px solid var(--lppb-line)!important;border-radius:12px!important;background:#ffffff04!important;color:var(--lppb-muted)!important;transition:border .2s,background .2s}
.lppb-size span{font-size:11px;text-transform:capitalize}.lppb-size strong{font-size:12px;font-weight:600}
.lppb-size.is-active{border-color:#e4b577!important;background:#d5a36612!important;color:#ffe3b6!important}
.lppb-size:hover:not(:disabled){border-color:#dfc8a566!important}
.lppb-selected-head{display:flex;justify-content:space-between;align-items:center;gap:12px}
.lppb-selected-counter{color:var(--lppb-muted);font-size:10px;font-variant-numeric:tabular-nums}
.lppb-selected{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px;min-height:32px}
.lppb-selected-empty{font-size:11px;color:var(--lppb-muted);padding-top:8px}
.lppb-chip{display:inline-flex!important;align-items:center;gap:10px;min-height:36px;padding:7px 10px!important;border:1px solid #d5a36633!important;border-radius:10px!important;background:#ffffff05!important;color:#f4ddbb!important;font-size:11px!important;font-weight:500!important;white-space:nowrap}
.lppb-chip b{font-size:16px;color:var(--lppb-accent);font-weight:400}
.lppb-chip:hover{background:#ffffff12!important}
.lppb-picker-pane{min-width:0;min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr);background:var(--lppb-surface)}
.lppb-picker-top{padding:25px 24px 15px;border-bottom:1px solid var(--lppb-line);min-width:0}
.lppb-picker-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px}
.lppb-picker-heading h3{margin:0!important;color:var(--lppb-ink)!important;font-family:Georgia,serif!important;font-size:22px!important;font-weight:400!important;line-height:1.2!important}
.lppb-available{color:var(--lppb-muted);font-size:10px;white-space:nowrap}
.lppb-search{height:44px;display:flex;align-items:center;gap:10px;padding:0 13px;border:1px solid var(--lppb-line);border-radius:11px;background:#0a142744;transition:border-color .2s}
.lppb-search:focus-within{border-color:var(--lppb-accent)}
.lppb-search svg{width:16px;height:16px;flex:none;fill:none;stroke:var(--lppb-muted);stroke-width:1.6;stroke-linecap:round}
.lppb-search input{width:100%!important;min-width:0!important;height:100%!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;outline:0!important;background:transparent!important;box-shadow:none!important;color:var(--lppb-ink)!important;font-family:inherit!important;font-size:16px!important;line-height:normal!important}
.lppb-search input::placeholder{color:var(--lppb-muted);font-size:12px}
.lppb-tabs{display:flex;overflow-x:auto;gap:5px;padding:12px 1px 4px;scrollbar-width:none;overscroll-behavior-x:contain}
.lppb-tabs::-webkit-scrollbar{display:none}
.lppb-tab{flex:0 0 auto;min-height:40px;padding:0 12px!important;border:1px solid transparent!important;border-radius:9px!important;background:transparent!important;color:var(--lppb-muted)!important;font-size:11px!important;font-weight:500!important;white-space:nowrap;transition:background .2s,color .2s}
.lppb-tab.is-active{background:#ff914c18!important;color:#ffbb88!important;border-color:#ff914c33!important}
.lppb-tab:hover{color:var(--lppb-ink)!important}
.lppb-picker-scroll{min-height:0;overflow-y:auto;overscroll-behavior:contain;position:relative;padding:18px 24px 28px;scrollbar-width:thin;scrollbar-color:#43516a transparent}
.lppb-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;transition:opacity .2s}
.lppb-grid.is-loading{opacity:.2;pointer-events:none}
.lppb-card{position:relative;min-width:0;padding:14px 9px 9px;display:grid;grid-template-rows:62px minmax(40px,auto) 44px;justify-items:center;gap:8px;background:linear-gradient(150deg,#21324e88,#19294288);border:1px solid var(--lppb-line);border-radius:16px;cursor:pointer;transition:border-color .2s,background .2s,transform .2s}
.lppb-card:hover{border-color:#e0b98066;transform:translateY(-2px)}
.lppb-card.is-selected{border-color:#ff914c88;background:linear-gradient(150deg,#56382755,#292b38)}
.lppb-card.is-selected::after{content:'✓';position:absolute;top:8px;right:8px;width:18px;height:18px;display:grid;place-items:center;background:var(--lppb-accent);border-radius:50%;color:#1b2130;font-size:11px;font-weight:700;pointer-events:none}
.lppb-card-visual{display:grid;place-items:center;align-self:center;width:62px;height:62px;padding:8px;background:radial-gradient(circle,#d3b89410,transparent 72%);border-radius:50%;cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none}
.lppb-card-visual img,.lppb-card-visual>span{width:100%;height:100%;display:block;object-fit:contain;filter:drop-shadow(0 5px 4px #0005);pointer-events:none;user-select:none}
.lppb-card-copy{min-width:0;align-self:start;text-align:center;display:flex;flex-direction:column;gap:3px}
.lppb-card-copy strong{font-size:11px;color:var(--lppb-ink);line-height:1.25;font-weight:500;overflow-wrap:anywhere}
.lppb-card-copy>span{font-size:10px;color:var(--lppb-muted);font-variant-numeric:tabular-nums}
.lppb-stepper{width:100%;height:44px;display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;border-radius:9px;background:#08132466;overflow:hidden}
.lppb-stepper>span{font-size:10px;color:var(--lppb-muted);text-align:center;white-space:nowrap}
.lppb-stepper button{display:grid!important;place-items:center;width:44px!important;height:44px!important;min-width:44px!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;color:#ffbb88!important;font-size:20px!important;font-weight:400!important}
.lppb-stepper button:hover:not(:disabled){background:#ffffff0d!important}
.lppb-loading{position:absolute;inset:0;display:none;flex-direction:column;align-items:center;justify-content:center;gap:16px;min-height:100px;z-index:5;color:var(--lppb-muted);font-size:12px;pointer-events:none}
.lppb-loading.is-visible{display:flex}
.lppb-spinner{width:28px;height:28px;border:2px solid #ffffff18;border-top-color:var(--lppb-accent);border-radius:50%;animation:lppb-spin .8s linear infinite}
@keyframes lppb-spin{to{transform:rotate(360deg)}}
.lppb-empty{display:none;padding:40px 10px;text-align:center;color:var(--lppb-muted);font-size:12px}.lppb-empty.is-visible{display:block}
.lppb-footer{position:relative;z-index:20;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:24px;min-height:90px;padding:16px 24px;border-top:1px solid var(--lppb-line);background:#101b30;box-shadow:0 -10px 30px #0002}
.lppb-reset{min-height:44px;padding:0 10px!important;background:transparent!important;border:0!important;border-radius:8px!important;color:var(--lppb-muted)!important;font-size:11px!important;text-decoration:underline;text-underline-offset:4px}
.lppb-footer-summary{justify-self:end;display:flex;align-items:center;gap:22px}
.lppb-footer-summary>span{font-size:11px;color:var(--lppb-muted)}
.lppb-price-wrap{display:flex;flex-direction:column;gap:2px}.lppb-price-wrap small{font-size:9px;color:var(--lppb-muted)}
.lppb-total{font-size:25px;font-weight:600;color:var(--lppb-ink);font-variant-numeric:tabular-nums;line-height:1.2;letter-spacing:-.04em;white-space:nowrap}
.lppb-cart{display:flex!important;align-items:center;justify-content:center;gap:18px;min-height:54px;min-width:220px;padding:12px 22px!important;border:1px solid #ff914c!important;border-radius:13px!important;background:linear-gradient(120deg,#ff974f,#ff783e)!important;color:#211b18!important;font-size:12px!important;font-weight:700!important;transition:filter .2s,transform .2s}
.lppb-cart:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-1px)}
.lppb-cart svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.lppb-cart.is-loading svg{border:2px solid #201b1833;border-top-color:#201b18;border-radius:50%;animation:lppb-spin .7s linear infinite}.lppb-cart.is-loading svg path{display:none}
.lppb-native-host{position:fixed!important;left:-100000px!important;top:0!important;width:1px!important;height:1px!important;overflow:hidden!important;opacity:0!important;pointer-events:none!important}
.lppb-drag-ghost,.lppb-flight{position:fixed!important;width:56px!important;height:56px!important;padding:5px!important;z-index:1000000;pointer-events:none;display:grid;place-items:center;background:none;border-radius:50%;filter:drop-shadow(0 10px 10px #0005)}
.lppb-drag-ghost{transform:translate(-50%,-50%) scale(1.2);cursor:grabbing}
.lppb-flight img,.lppb-flight span{display:block;width:100%;height:100%;object-fit:contain}
.is-dragging .lppb-stage-hint{color:var(--lppb-accent)!important}
.lppb-toast{position:fixed;left:50%;bottom:max(24px,env(safe-area-inset-bottom));z-index:1000001;width:max-content;max-width:calc(100vw - 32px);padding:13px 18px;background:#1b2c47;border:1px solid #7287a666;border-radius:14px;color:#fff3de;font:500 12px/1.5 system-ui,sans-serif;box-shadow:0 10px 40px #0004;text-align:center;opacity:0;visibility:hidden;transform:translate(-50%,10px);transition:opacity .2s,visibility .2s,transform .2s;pointer-events:none}
.lppb-toast.is-visible{opacity:1;visibility:visible;transform:translate(-50%,0)}.lppb-toast--success{background:#234333}.lppb-toast--error{background:#74382d}
@media(min-width:761px) and (max-width:1050px){.lppb-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.lppb-preview-pane{padding:20px}.lppb-main{grid-template-columns:43% 57%}}
@media(max-width:760px){
 .lppb-overlay{padding:0}.lppb-modal{width:100%;height:100vh;height:100dvh;border:0;border-radius:0;grid-template-rows:auto minmax(0,1fr) auto}
 .lppb-header{padding:max(12px,env(safe-area-inset-top)) 18px 12px;min-height:82px}.lppb-header h2{font-size:25px!important;margin:5px 0 3px!important}.lppb-header p{font-size:10px!important}.lppb-kicker{font-size:8px}
 .lppb-main{display:grid;grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr)}
 .lppb-preview-pane{overflow:visible;border-right:0;border-bottom:1px solid var(--lppb-line);padding:10px 18px 12px}
 .lppb-preview-header{gap:3px}.lppb-preview-kicker{font-size:9px}.lppb-preview-base{font-size:9px}
 .lppb-pizza-stage{width:min(224px,54vw,28dvh);margin:4px auto 0}
 .lppb-stage-hint{font-size:9px!important;margin:1px 0 9px!important}
 .lppb-label{font-size:8px}.lppb-size-block{margin-bottom:10px}.lppb-sizes{margin-top:6px;gap:7px}.lppb-size{min-height:44px;padding:5px!important;flex-direction:row;gap:9px;border-radius:9px!important}.lppb-size span,.lppb-size strong{font-size:10px}
 .lppb-selected-head{display:none}.lppb-selected{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-top:0;min-height:0;gap:6px}.lppb-selected-empty{display:none}.lppb-chip{flex:none;min-height:32px;font-size:10px!important;padding:5px 9px!important}
 .lppb-picker-top{padding:10px 16px 6px}.lppb-picker-heading{display:none}.lppb-search{height:40px}.lppb-tabs{padding-top:6px;gap:3px}.lppb-tab{min-height:36px;padding:0 10px!important;font-size:10px!important}
 .lppb-picker-scroll{padding:10px 16px 20px}.lppb-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.lppb-card{padding:7px 4px 4px;grid-template-rows:42px minmax(34px,auto) 44px;gap:5px;border-radius:12px}.lppb-card-visual{width:46px;height:46px;padding:5px}.lppb-card-copy strong{font-size:10px}.lppb-card-copy>span{font-size:9px}.lppb-card.is-selected::after{width:15px;height:15px;top:5px;right:5px;font-size:9px}.lppb-stepper>span{font-size:9px}.lppb-stepper{grid-template-columns:44px minmax(0,1fr) 44px}.lppb-stepper>span:empty{display:none}
 .lppb-footer{min-height:78px;grid-template-columns:1fr auto;gap:12px;padding:10px 16px max(10px,env(safe-area-inset-bottom))}.lppb-footer-summary{justify-self:start;gap:0}.lppb-footer-summary>span{display:none}.lppb-reset{display:none}.lppb-total{font-size:24px}.lppb-cart{min-width:190px;min-height:48px;padding:10px 14px!important;gap:12px;font-size:11px!important}
 .is-searching .lppb-pizza-stage{width:min(136px,18dvh)}.is-searching .lppb-preview-header,.is-searching .lppb-stage-hint{display:none}
}
@media(max-width:520px){.lppb-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.lppb-card{grid-template-rows:46px minmax(32px,auto) 44px;padding:8px}.lppb-card-copy strong{font-size:11px}.lppb-stepper>span{font-size:9px}}
@media(max-width:359px){.lppb-header{padding-left:12px;padding-right:12px}.lppb-header h2{font-size:23px!important}.lppb-cart{min-width:170px;padding:10px!important}.lppb-total{font-size:21px}.lppb-footer{padding-left:12px;padding-right:12px}.lppb-picker-scroll{padding-left:12px;padding-right:12px}}
@media(max-height:600px) and (max-width:760px) and (orientation:landscape){.lppb-main{grid-template-columns:38% 62%;grid-template-rows:minmax(0,1fr)}.lppb-preview-pane{overflow-y:auto;border-right:1px solid var(--lppb-line)}.lppb-pizza-stage{width:min(140px,28dvh)}.lppb-stage-hint{display:none}.lppb-preview-header{display:none}.lppb-header{min-height:65px;padding:8px 16px}.lppb-header p{display:none}.lppb-footer{min-height:65px}.lppb-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.lppb-selected{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){.lppb-overlay,.lppb-overlay *,.lppb-toast{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.lppb-reset-inline{display:none}
@media(max-width:760px){.has-extras .lppb-selected-head{display:flex;margin-bottom:5px}.lppb-selected-counter{display:none}.lppb-reset-inline{display:block;min-height:28px;padding:0 3px!important;border:0!important;background:transparent!important;color:var(--lppb-muted)!important;font-size:10px!important;text-decoration:underline;text-underline-offset:3px}}
/* ingredient visuals */
.lppb-v-salami i, .lppb-v-salami span { border-radius:50%; background: radial-gradient(circle at 32% 32%, #f7b4ac 0 8%, transparent 9%), radial-gradient(circle at 66% 66%, #ef9c9b 0 7%, transparent 8%), radial-gradient(circle at 50% 50%, #cb3440 0 64%, #a8242e 67%); box-shadow: inset 0 0 0 2px #8d2027; }
.lppb-v-ham i, .lppb-v-ham span { border-radius:38% 55% 42% 50%; background: linear-gradient(135deg,#e8a49d,#d77d75 60%,#be655f); }
.lppb-v-bacon i, .lppb-v-bacon span { border-radius:999px; background: repeating-linear-gradient(90deg,#a94a35 0 6px,#e7bc9e 6px 10px,#8f3b28 10px 15px); }
.lppb-v-doner i, .lppb-v-doner span { border-radius:40% 55% 50% 42%; background: linear-gradient(135deg,#7e4327,#be7b44 48%,#5b2c19); box-shadow: inset 0 -2px 0 rgba(67,33,16,.18); }
.lppb-v-minced i, .lppb-v-minced span { border-radius:48% 52% 40% 60%; background: linear-gradient(135deg,#9b4e39,#723426); }
.lppb-v-chicken i, .lppb-v-chicken span { border-radius:42% 58% 48% 52%; background: linear-gradient(135deg,#d7a66c,#b56d3d); }
.lppb-v-cheesecube i, .lppb-v-cheesecube span { border-radius:5px; background: linear-gradient(135deg,#fffdf6,#e9e5db); }
.lppb-v-gorgonzola i, .lppb-v-gorgonzola span { border-radius:5px; background: linear-gradient(135deg,#f4efdb,#d1c5a8); box-shadow: inset 0 0 0 1px rgba(100,110,130,.18); }
.lppb-v-cheese i, .lppb-v-cheese span { border-radius:5px; background:#f4d26e; }
.lppb-v-mozzarella i, .lppb-v-mozzarella span { border-radius:48% 52% 45% 55%; background:#fff7e8; box-shadow: inset 0 0 0 1px #ead8b2; }
.lppb-v-parmesan i, .lppb-v-parmesan span { border-radius:999px; background:#f4dda0; }
.lppb-v-artichoke i, .lppb-v-artichoke span { border-radius:50% 50% 35% 35%; background:linear-gradient(135deg,#87a55c,#5b7f3b); }
.lppb-v-bean i, .lppb-v-bean span { border-radius:999px; background:#8a5e2b; }
.lppb-v-broccoli i, .lppb-v-broccoli span { border-radius:50% 50% 42% 42%; background: radial-gradient(circle at 50% 35%, #68b555 0 55%, #447c38 56% 100%); }
.lppb-v-mushroom i, .lppb-v-mushroom span { border-radius:58% 58% 35% 35%; background: linear-gradient(#efe2ca 0 56%,#c7a885 58%, #b5936e 100%); }
.lppb-v-pea i, .lppb-v-pea span { border-radius:50%; background:#8ec45a; }
.lppb-v-tomato i, .lppb-v-tomato span { border-radius:50%; background: radial-gradient(circle at 50% 50%, #ffb267 0 8%, #e14b37 10% 72%, #a82623 75%); }
.lppb-v-carrot i, .lppb-v-carrot span { border-radius:999px; background:linear-gradient(90deg,#f0902f,#f3b05b); }
.lppb-v-corn i, .lppb-v-corn span { border-radius:50%; background:#f7cc3e; }
.lppb-v-olive i, .lppb-v-olive span { border-radius:50%; background: radial-gradient(circle, transparent 0 36%, #302d2a 38% 64%, transparent 67%); }
.lppb-v-pepper i, .lppb-v-pepper span { border-radius:999px; background: linear-gradient(90deg,#65b245,#8fd770); }
.lppb-v-pepperoni i, .lppb-v-pepperoni span { border-radius:999px; background: linear-gradient(90deg,#75c44e,#cae75e); }
.lppb-v-rucola i, .lppb-v-rucola span { border-radius:75% 20% 75% 20%; background:linear-gradient(135deg,#2f9d4b,#6cd06f); }
.lppb-v-spinach i, .lppb-v-spinach span { border-radius:65% 18% 65% 18%; background:linear-gradient(135deg,#3a7d35,#6ab95d); }
.lppb-v-asparagus i, .lppb-v-asparagus span { border-radius:999px; background:linear-gradient(90deg,#5ea863,#b3df88); }
.lppb-v-zucchini i, .lppb-v-zucchini span { border-radius:50%; background: radial-gradient(circle at 50% 50%, #d5ef7f 0 45%, #6c9840 48% 100%); }
.lppb-v-onion i, .lppb-v-onion span { border-radius:50%; background: radial-gradient(circle, transparent 0 55%, #f3eee0 58% 70%, transparent 73%); }
.lppb-v-anchovy i, .lppb-v-anchovy span { border-radius:999px; background:linear-gradient(90deg,#8a7c73,#b7aaa2); }
.lppb-v-shrimp i, .lppb-v-shrimp span { border-radius:65% 35% 55% 45%; background:linear-gradient(135deg,#f2b28a,#e47b58); }
.lppb-v-salmon i, .lppb-v-salmon span { border-radius:42% 58% 46% 54%; background:linear-gradient(135deg,#ffb18d,#ef8d76); }
.lppb-v-seafood i, .lppb-v-seafood span { border-radius:48% 52% 42% 58%; background:linear-gradient(135deg,#f0c1a0,#cf8d72); }
.lppb-v-tuna i, .lppb-v-tuna span { border-radius:45% 55% 48% 52%; background:linear-gradient(135deg,#d9a59b,#b17066); }
.lppb-v-pineapple i, .lppb-v-pineapple span { border-radius:5px; background: linear-gradient(135deg,#ffd95e,#e7ad22); }
.lppb-v-banana i, .lppb-v-banana span { border-radius:999px; background:linear-gradient(90deg,#f8de80,#eed166); }
.lppb-v-egg i, .lppb-v-egg span { border-radius:50%; background: radial-gradient(circle at 50% 50%, #f3ba24 0 20%, #fff9ec 24% 100%); }
.lppb-v-basil i, .lppb-v-basil span { border-radius:68% 16% 68% 16%; background:linear-gradient(135deg,#21934b,#5fca6f); box-shadow: inset -1px -1px 0 rgba(14,86,36,.20); }
.lppb-v-chili i, .lppb-v-chili span { border-radius:999px; background:#a8231d; }
.lppb-v-garlic i, .lppb-v-garlic span { border-radius:50%; background:#f2e2b7; }
.lppb-v-butter i, .lppb-v-butter span { border-radius:50% 46% 52% 48%; background:#f1d469; }
.lppb-v-oregano i, .lppb-v-oregano span { border-radius:999px; background:#5f8d43; }
.lppb-v-hollandaise i, .lppb-v-hollandaise span { border-radius:999px; background:linear-gradient(90deg,#f2d16a,#f7e2a0); }
.lppb-v-meat i, .lppb-v-meat span { border-radius:45% 55% 48% 52%; background: linear-gradient(135deg,#9c4a32,#6d2d24); }
.lppb-v-fish i, .lppb-v-fish span { border-radius:60% 40% 60% 40%; background: linear-gradient(135deg,#e6aa83,#c97964); }
.lppb-v-veg i, .lppb-v-veg span { border-radius:45% 55%; background: linear-gradient(135deg,#65aa54,#397c3f); }
.lppb-v-herb i, .lppb-v-herb span { border-radius:70% 15% 70% 15%; background: linear-gradient(135deg,#2c9b52,#67c66d); }
.lppb-v-extra i, .lppb-v-extra span { border-radius:42% 58% 51% 49%; background: linear-gradient(135deg,#efb858,#d48635); }
/* 1.1 — bright La Piccola palette and viewport-balanced mobile layout. */
.lppb-overlay{--lppb-bg:#fcf8f1;--lppb-surface:#fffdf9;--lppb-raised:#f5ebdc;--lppb-line:#e9dfd0;--lppb-ink:#2c2823;--lppb-muted:#776d60;--lppb-accent:#b8803a;--lppb-green:#557e4a;color-scheme:light;background:rgba(39,32,23,.58)}
.lppb-modal{background:var(--lppb-bg);border-color:#dfc8a3;box-shadow:0 35px 100px #261d183d}
.lppb-header{background:linear-gradient(120deg,#fffdf9,#faf1e2)}
.lppb-kicker{color:#a7783b}.lppb-close{background:#fff8ee!important;color:var(--lppb-ink)!important}.lppb-close:hover{background:#f4e6ce!important}
.lppb-preview-pane{background:radial-gradient(ellipse at 50% 30%,#e6c69833,transparent 65%),#faf4e9}
.lppb-preview-kicker{color:#655640}.lppb-preview-kicker i{box-shadow:0 0 8px #557e4a33}
.lppb-preview-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}
.lppb-preview-diameter{font-size:10px;letter-spacing:.06em;font-weight:600;color:var(--lppb-muted)}
.lppb-preview-toggle{display:none;min-height:32px;padding:0 6px!important;background:transparent!important;border:0!important;border-radius:6px!important;color:var(--lppb-muted)!important;font-size:10px!important;text-decoration:underline;text-underline-offset:3px}
.lppb-pizza-stage{width:min(100%,calc(330px * var(--size-ratio,1)));transition:width .35s cubic-bezier(.2,.8,.2,1);margin-top:10px}
.lppb-pizza-stage::before{border-color:#bc94693d;background:radial-gradient(circle,#fff9f044 65%,transparent 66%)}
.lppb-pizza-stage::after{border-color:#b69a7433}.lppb-pizza-stage.is-drop-target::before{border-color:#bb863e;box-shadow:0 0 0 8px #bb863e14,0 0 45px #bb863e26}
.lppb-pizza{filter:drop-shadow(0 15px 16px #75512b36)}
.lppb-label{color:#9c7134}.lppb-size{background:#fff9f2!important;color:var(--lppb-muted)!important}.lppb-size.is-active{border-color:#c69a5a!important;background:#fffcf7!important;color:#805b26!important;box-shadow:0 4px 12px #97734414!important}.lppb-size:hover:not(:disabled){border-color:#c6aa7b!important}
.lppb-chip{border-color:#ddc6a3!important;background:#fffcf7!important;color:#584932!important}.lppb-chip:hover{background:#f5e9d5!important}
.lppb-picker-pane{background:#fffdf9}.lppb-search{background:#f8f3eb;border-color:#e9dece}.lppb-search:focus-within{box-shadow:0 0 0 3px #b8803a14}
.lppb-tab.is-active{background:#302a22!important;color:#fff5e2!important;border-color:#302a22!important}
.lppb-card{background:linear-gradient(150deg,#fffdf9,#faf3e8);border-color:#e9dfd0;box-shadow:0 4px 12px #8d704a08;touch-action:pan-y;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}
.lppb-card:hover{border-color:#c5a77c;box-shadow:0 7px 18px #8d704a12}.lppb-card.is-selected{border-color:#bf9454;background:linear-gradient(150deg,#fffaf2,#f9edda)}
.lppb-card.is-selected::after{background:#3d382e;color:#fff4df}
.lppb-card-visual{background:radial-gradient(circle,#eacfa74d,transparent 72%);touch-action:pan-y;cursor:inherit}.lppb-card-copy strong{font-weight:600}.lppb-card-visual img{filter:drop-shadow(0 3px 3px #63442b22)}
.lppb-stepper{background:#f3eadd}.lppb-stepper button{color:#785422!important}.lppb-stepper button:hover:not(:disabled){background:#ddc59f55!important}
.lppb-footer{background:#fffdf9;box-shadow:0 -8px 22px #5a402212}.lppb-cart{border-color:#302a23!important;background:linear-gradient(120deg,#393229,#221e19)!important;color:#fff6e4!important}
.lppb-spinner{border-color:#dfd1bd;border-top-color:#b8803a}.lppb-drag-ghost,.lppb-flight{filter:drop-shadow(0 6px 7px #65492f44)}
.lppb-toast{background:#3b3328;border-color:#7b6643;color:#fff7e6}.lppb-toast--success{background:#35523a}.lppb-toast--error{background:#8b4030}
@media(max-width:760px){
 .lppb-header{min-height:76px;padding:10px 16px}.lppb-header h2{font-size:24px!important}.lppb-header p{font-size:10px!important}
 .lppb-main{grid-template-rows:auto minmax(0,1fr)}
 .lppb-preview-pane{padding:7px 16px 8px;max-height:41dvh;overflow-y:auto}
 .lppb-preview-wrap{max-width:none}.lppb-preview-toolbar{margin-bottom:0;min-height:28px}.lppb-preview-toggle{display:block}
 .lppb-preview-header{display:none}.lppb-pizza-stage{width:min(100%,calc(min(146px,18dvh) * var(--size-ratio,1)));margin:0 auto}
 .lppb-stage-hint{display:none}.lppb-size-block{margin:5px 0 6px}.lppb-size-block>.lppb-label{display:none}.lppb-sizes{margin-top:0;gap:6px}.lppb-size{min-height:42px;gap:4px;padding:4px!important;flex-direction:column}.lppb-size span{font-size:10px;white-space:nowrap}.lppb-size strong{font-size:10px}
 .lppb-selected-block{margin:0}.has-extras .lppb-selected-head{display:flex;margin:0;min-height:26px}.lppb-selected-head .lppb-label{display:none}.lppb-selected-counter{display:block;font-size:9px}.lppb-reset-inline{margin-left:auto!important;min-height:26px}.lppb-selected{gap:5px}.lppb-chip{min-height:28px;padding:4px 8px!important;font-size:9px!important}
 .lppb-picker-pane{min-height:150px}.lppb-picker-top{padding:8px 14px 4px}.lppb-search{height:38px}.lppb-tabs{padding:4px 0 2px}.lppb-tab{min-height:34px}
 .lppb-picker-scroll{padding:9px 14px 16px;touch-action:pan-y}.lppb-card{grid-template-rows:40px minmax(28px,auto) 44px;padding:6px;gap:4px}.lppb-card-visual{width:44px;height:44px;padding:3px}
 .lppb-footer{min-height:70px;padding:9px 14px max(9px,env(safe-area-inset-bottom));gap:10px}.lppb-cart{min-height:46px;min-width:180px}.lppb-total{font-size:23px}
 .is-searching .lppb-pizza-stage{width:min(100%,calc(90px * var(--size-ratio,1)))}
 .is-preview-collapsed .lppb-pizza-stage{display:none}.is-preview-collapsed .lppb-preview-pane{max-height:none}
}
@media(max-width:520px){.lppb-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.lppb-card{grid-template-rows:40px minmax(28px,auto) 44px;padding:6px}}
@media(max-width:359px){.lppb-size span{font-size:9px}.lppb-cart{min-width:166px}.lppb-total{font-size:21px}.lppb-preview-pane{padding-left:12px;padding-right:12px}}
@media(max-width:760px) and (max-height:700px){.lppb-header{min-height:64px;padding:7px 14px}.lppb-header p{display:none}.lppb-header h2{font-size:22px!important}.lppb-preview-pane{max-height:38dvh;padding-top:2px;padding-bottom:4px}.lppb-pizza-stage{width:min(100%,calc(85px * var(--size-ratio,1)))}.lppb-preview-toolbar{min-height:24px}.lppb-preview-toggle{min-height:28px}.lppb-footer{min-height:65px}.lppb-size{min-height:38px}.lppb-chip{min-height:26px}}
@media(max-height:600px) and (max-width:760px) and (orientation:landscape){.lppb-main{grid-template-columns:35% 65%;grid-template-rows:minmax(0,1fr)}.lppb-preview-pane{max-height:none;overflow-y:auto}.lppb-pizza-stage{width:min(100%,calc(110px * var(--size-ratio,1)))}.lppb-preview-toggle{display:none}.lppb-size span{font-size:9px}.lppb-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.lppb-card{grid-template-rows:36px minmax(24px,auto) 44px}}

.lppb-size span{text-transform:none}

/* Photographic base; topping and animation layers remain independent. */
.lppb-pizza__crust{background:url('../images/pizza-base.webp') center/contain no-repeat;box-shadow:none;transform:none}
.lppb-pizza__crust::after,.lppb-pizza__sauce,.lppb-pizza__cheese,.lppb-pizza__cheese-finish,.lppb-pizza__bake-gloss{display:none}
.lppb-pizza__toppings{inset:12%}
@media(prefers-reduced-motion:reduce){.lppb-overlay,.lppb-overlay *{animation:none!important;transition:none!important}}
@media(max-width:760px){.lppb-picker-pane{min-height:0}.is-searching .lppb-preview-pane{display:none}.is-searching .lppb-main{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr)}}
@media(orientation:landscape) and (max-height:520px) and (max-width:1024px){
 .lppb-overlay{padding:0}.lppb-modal{width:100%;height:100vh;height:100dvh;border:0;border-radius:0}.lppb-header{min-height:56px;padding:8px 16px}.lppb-header h2{font-size:23px!important;margin:0!important}.lppb-header p,.lppb-kicker{display:none}
 .lppb-main{grid-template-columns:35% 65%;grid-template-rows:minmax(0,1fr)}.lppb-preview-pane{max-height:none;overflow-y:auto;padding:5px 12px;border-right:1px solid var(--lppb-line)}.lppb-preview-header,.lppb-preview-toolbar,.lppb-stage-hint{display:none}.lppb-pizza-stage{width:min(100%,calc(115px * var(--size-ratio,1)));margin:0 auto}.lppb-size-block{margin:6px 0}.lppb-size-block>.lppb-label{display:none}.lppb-sizes{margin:0;gap:5px}.lppb-size{min-height:40px;padding:4px!important;gap:2px;flex-direction:column}.lppb-size span,.lppb-size strong{font-size:9px}.lppb-selected{margin-top:5px;gap:4px}.lppb-chip{min-height:28px;padding:4px 7px!important;font-size:9px!important}.lppb-selected-head .lppb-label{display:none}
 .lppb-picker-pane{min-height:0}.lppb-picker-heading{display:none}.lppb-picker-top{padding:6px 12px 4px}.lppb-search{height:36px}.lppb-tabs{padding-top:3px}.lppb-tab{min-height:34px;font-size:10px!important}.lppb-picker-scroll{padding:6px 12px 14px}.lppb-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.lppb-card{padding:6px;grid-template-rows:36px minmax(25px,auto) 44px;gap:4px}.lppb-card-visual{width:40px;height:40px;padding:3px}
 .lppb-footer{min-height:60px;padding:7px 14px;gap:12px}.lppb-total{font-size:23px}.lppb-cart{min-height:44px;min-width:180px}.is-searching .lppb-preview-pane{display:none}.is-searching .lppb-main{grid-template-columns:1fr}
}

/* Keep intrinsic image dimensions and theme styles out of the card layout. */
.lppb-overlay .lppb-card .lppb-card-visual{position:relative;min-width:0;min-height:0;overflow:hidden}
.lppb-overlay .lppb-card .lppb-card-visual>img{position:absolute!important;inset:12%!important;display:block!important;width:76%!important;height:76%!important;min-width:0!important;min-height:0!important;max-width:76%!important;max-height:76%!important;margin:0!important;padding:0!important;object-fit:contain!important;object-position:center!important;box-sizing:border-box!important}
.lppb-overlay .lppb-piece>img{display:block!important;width:100%!important;height:100%!important;min-width:0!important;min-height:0!important;max-width:100%!important;max-height:100%!important;margin:0!important;padding:0!important;object-fit:contain!important;box-sizing:border-box!important}

/* 1.1.2: fit the preview to laptop height and give phones a useful pizza size. */
.lppb-preview-wrap{--stage-limit:330px}
.lppb-piece{animation-duration:.3s}
.lppb-flight img{width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;margin:0!important}
@media(min-width:761px){
 .lppb-overlay{padding:16px}
 .lppb-modal{height:min(900px,calc(100vh - 32px));height:min(900px,calc(100dvh - 32px))}
 .lppb-header{padding:14px 26px}
 .lppb-header h2{margin:4px 0!important;font-size:30px!important}
 .lppb-main{grid-template-columns:43% 57%}
 .lppb-preview-pane{min-height:0;overflow:hidden;padding:14px 22px}
 .lppb-preview-toolbar{margin-bottom:4px}
 .lppb-preview-header{gap:3px}
 .lppb-pizza-stage{width:min(100%,calc(var(--stage-limit) * var(--size-ratio,1)));margin:6px auto 0}
 .lppb-stage-hint{margin:4px 0 10px!important}
 .lppb-size-block{margin:0 0 10px}
 .lppb-sizes{margin-top:5px}
 .lppb-size{min-height:46px;padding:5px!important}
 .lppb-selected{flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;min-height:0;max-height:44px;margin-top:5px;scrollbar-width:thin}
 .lppb-chip{flex:none;min-height:30px;padding:4px 8px!important;font-size:10px!important}
 .lppb-selected-empty{padding-top:2px}
 .lppb-reset-inline{display:block;min-height:28px;padding:0 3px!important;border:0!important;background:transparent!important;color:var(--lppb-muted)!important;font-size:10px!important;text-decoration:underline}
 .lppb-picker-top{padding:16px 20px 10px}
 .lppb-picker-heading{margin-bottom:10px}
 .lppb-picker-heading h3{font-size:20px!important}
 .lppb-picker-scroll{padding:12px 20px 20px}
 .lppb-card{grid-template-rows:54px minmax(34px,auto) 44px;padding:10px 8px 8px;gap:6px}
 .lppb-card-visual{width:54px;height:54px}
 .lppb-footer{min-height:74px;padding:10px 22px}
 .lppb-cart{min-height:48px}
}
@media(min-width:761px) and (max-height:720px){
 .lppb-header{padding:9px 22px}.lppb-header p{display:none}.lppb-header h2{font-size:27px!important}
 .lppb-preview-header,.lppb-stage-hint{display:none}
 .lppb-preview-pane{padding:10px 18px}
 .lppb-picker-heading{display:none}.lppb-picker-top{padding:10px 16px 6px}
 .lppb-footer{min-height:66px;padding:8px 18px}
}
@media(max-width:760px) and (orientation:portrait){
 .lppb-overlay{padding:0}
 .lppb-modal{width:100%;height:100vh;height:100dvh;max-height:none;border:0;border-radius:0}
 .lppb-header{min-height:58px;padding:7px 14px}
 .lppb-header h2{font-size:23px!important;margin:2px 0!important}.lppb-header p{display:none}
 .lppb-preview-pane{max-height:none;overflow:visible;padding:3px 14px 6px}
 .lppb-preview-toolbar{min-height:26px}
 .lppb-pizza-stage{width:min(100%,calc(clamp(170px,29dvh,245px) * var(--size-ratio,1)));margin:0 auto}
 .lppb-size-block{margin:4px 0}.lppb-size{min-height:38px}
 .has-extras .lppb-selected-head{min-height:22px}.lppb-reset-inline{min-height:22px}
 .lppb-picker-top{padding:6px 12px 3px}.lppb-search{height:36px}
 .lppb-picker-scroll{padding:8px 12px 16px}
 .lppb-footer{min-height:64px;padding:7px 12px max(7px,env(safe-area-inset-bottom))}
 .is-preview-collapsed .lppb-pizza-stage{display:none}
}
@media(orientation:landscape) and (max-height:520px){
 .lppb-preview-pane{overflow:hidden;max-height:none}
 .lppb-preview-header,.lppb-stage-hint{display:none}
 .lppb-pizza-stage{width:min(100%,calc(var(--stage-limit) * var(--size-ratio,1)));margin:0 auto}
 .lppb-selected{flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;max-height:34px}
 .lppb-chip{flex:none}
}