/* Navy/gold builder: image remains visible while controls scroll. */
.alreem-native .pizza-builder-modal .modal-sheet{max-width:560px;max-height:calc(100dvh - 20px);background:#f7f8fc}
.alreem-native .pizza-builder-modal #modalImg,.pizza-builder-modal #modalSub,.pizza-builder-modal #nativeModalSize{display:none!important}
.alreem-native .pizza-builder-modal .native-modal-heading{padding:12px 22px 2px;color:#303556;font-size:14px}
.alreem-native .pizza-builder-modal .modal-name{padding-top:0;font-size:22px}
.pizza-builder-modal .builder-board{position:relative;flex:none;width:100%;height:clamp(190px,30dvh,280px);background:radial-gradient(circle at 50% 38%,#505778,#303556 70%);overflow:hidden;margin-top:12px;isolation:isolate}
.builder-base,.builder-toppings{position:absolute!important;left:50%;top:5px;width:min(250px,calc(30dvh - 40px));height:auto;aspect-ratio:1;transform:translateX(-50%);transition:scale .25s}
.builder-base{object-fit:contain;filter:drop-shadow(0 16px 12px #14172b55)}
.builder-toppings{pointer-events:none}
.builder-board.builder-small .builder-base,.builder-board.builder-small .builder-toppings{scale:.92}
.builder-live{position:absolute;bottom:9px;left:0;right:0;margin:0;text-align:center;color:#ffda85;font-size:12px;font-weight:700}
.builder-topping-layer{position:absolute;inset:0}
.builder-topping-layer{transition:opacity .18s,translate .18s;opacity:1}
.builder-topping-layer.builder-removing{opacity:0;translate:0 -5px}
.builder-topping-layer[data-side="left"]{clip-path:inset(0 50% 0 0)}
.builder-topping-layer[data-side="right"]{clip-path:inset(0 0 0 50%)}
.builder-half .builder-toppings:after{content:"";position:absolute;left:50%;top:16%;height:68%;border-left:1px dashed #fff9}
.builder-half-label{position:absolute;top:12px;font-size:10px;color:#ffda85;background:#242942b3;padding:5px 7px;border-radius:9px}
.builder-half-label.left{left:10px}.builder-half-label.right{right:10px}
.builder-mode-list{display:flex;gap:8px;margin-top:14px}
.builder-ingredient-photo{display:block;width:64px;height:64px;background-size:200% 200%;background-repeat:no-repeat;filter:drop-shadow(0 3px 2px #26170025)}
.builder-piece{position:absolute;width:var(--piece-size);height:var(--piece-size);transform:translate(-50%,-50%) rotate(var(--rotation));animation:builder-sprinkle var(--fall-time,.5s) cubic-bezier(.4,0,.65,1) both;animation-delay:var(--delay);filter:drop-shadow(0 1px 1px #45210940)}
@keyframes builder-sprinkle{0%{opacity:0;transform:translate(calc(-50% + var(--drift)),var(--fall)) rotate(calc(var(--rotation) - 24deg)) scale(1.1)}20%{opacity:1}78%{transform:translate(-50%,-50%) rotate(var(--rotation)) scale(1)}90%{transform:translate(-50%,-55%) rotate(var(--rotation)) scale(.99)}100%{opacity:1;transform:translate(-50%,-50%) rotate(var(--rotation)) scale(1)}}
.pizza-builder-modal .modal-body{overflow:auto;min-height:0;overscroll-behavior:contain}
.pizza-builder-modal #modalSteps{padding:16px 18px 12px}
.builder-sizes-section h3,.builder-options-section h3{font-size:15px;margin:0 0 10px;color:#303556}
.builder-size-list{display:flex;gap:8px}
.builder-size{flex:1;min-width:0;border:1px solid #e0e3ef;border-radius:17px;padding:9px 6px;display:flex;flex-direction:column;gap:5px;background:#fff;color:#303556;font:inherit;cursor:pointer}
.builder-size.selected{background:#303556;border-color:#303556;color:#fff;box-shadow:0 5px 12px #30355620}
.builder-size span{font-size:12px;color:#837651}.builder-size.selected span{color:#ffda85}
.builder-options-section{margin-top:19px}
.builder-help{font-size:11px;color:#72768b;margin:0 0 9px;line-height:1.7}
.builder-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
.builder-options-three{grid-template-columns:repeat(3,minmax(0,1fr))}
.builder-option{position:relative;border:1px solid #e0e3ef;border-radius:20px;background:#fff;color:#303556;padding:10px 4px;display:flex;align-items:center;flex-direction:column;gap:5px;font:inherit;cursor:pointer;transition:background .2s,border-color .2s,transform .2s;touch-action:pan-y}
.builder-option strong{font-size:12px;line-height:1.5;overflow-wrap:anywhere}
.builder-option small{font-size:12px;font-weight:700;color:#72768b;white-space:nowrap}
.builder-option.selected{background:#fff3d4;border-color:#efbe60}.builder-option.selected small{color:#81621a}
.builder-option:disabled{opacity:1;cursor:default}.builder-option:disabled:not(.selected){opacity:.5}
.builder-option:active:not(:disabled){transform:scale(.96)}
.builder-check{position:absolute;right:7px;top:5px;color:#303556;font-size:12px;font-weight:900}
.builder-unknown-icon{font-size:32px;color:#c89835;margin:auto}
.builder-preview-note,.builder-config-notice{font-size:11px;line-height:1.6;padding:9px 12px;border-radius:12px;background:#fff3d4;color:#665323;margin:12px 0}
.builder-config-notice{background:#fff0ed;color:#9b3125}
.builder-pricing-note{padding:12px 0 0;margin:0}
.pizza-builder-modal #nativeModalPrice{margin:0;padding:7px 18px;font-size:15px}
.pizza-builder-modal .modal-footer{padding:12px 18px!important}
.pizza-builder-modal #btnNext:disabled{opacity:.5;cursor:default}
.builder-option:focus-visible,.builder-size:focus-visible{outline:3px solid #efbe60;outline-offset:3px}
@media(max-height:650px){.pizza-builder-modal .builder-board{height:160px}.pizza-builder-modal .builder-base,.pizza-builder-modal .builder-toppings{width:130px}.pizza-builder-modal .native-modal-heading{padding-top:7px}.pizza-builder-modal .modal-name{font-size:18px}.pizza-builder-modal .modal-footer{padding:8px 14px!important}}
@media(max-width:350px){.builder-options{grid-template-columns:repeat(3,minmax(0,1fr))}.pizza-builder-modal #modalSteps{padding:12px}}
@media(prefers-reduced-motion:reduce){.builder-piece{animation:none}.builder-base,.builder-toppings,.builder-option,.builder-topping-layer{transition:none}}

.builder-options-label{grid-column:1/-1;margin:5px 0;color:#303556;font-size:13px}.builder-options-label:first-child{margin-top:0}

.pizza-builder-modal .modal-qty-row{display:none}
.builder-guide{position:absolute;bottom:34px;left:20px;right:20px;margin:0;padding:10px 14px;background:#fff3d4;color:#303556;font-size:13px;font-weight:700;text-align:center;border:1px solid #efbe60;border-radius:14px;box-shadow:0 5px 16px #14172b33;z-index:4}
.builder-guide[hidden]{display:none}
.builder-option[data-size-required="true"]{opacity:.65;cursor:pointer}
.pizza-builder-modal #btnNext[data-size-required="true"]{opacity:.65}
.builder-base-summary{margin-top:12px}
.builder-base-summary h3{font-size:12px;margin-bottom:6px;color:#687084}
.builder-base-summary .builder-options{display:flex;flex-wrap:wrap;gap:6px}
.builder-base-summary .builder-option{flex-direction:row;gap:6px;border:0;border-radius:9px;padding:6px 9px;background:#edf0f6;color:#303556}
.builder-base-summary .builder-option strong{font-size:12px}
.builder-base-summary .builder-ingredient-photo{display:none}
.builder-base-summary .builder-sauce-icon{display:block;width:22px;height:22px;filter:none}
.builder-base-summary .builder-sauce-icon svg{width:100%;height:100%}
.builder-base-summary .builder-check,.builder-base-summary .builder-option small{display:none}
#checkoutPage .form-group:has(#inpName,#inpPhone,#pkpName,#pkpPhone) .form-label{font-size:17px;font-weight:800;color:#303556;display:block;margin-bottom:9px}
#checkoutPage :is(#inpName,#inpPhone,#pkpName,#pkpPhone){font-size:18px;min-height:56px;background:#fff9eb;border:2px solid #dfc78e;border-radius:16px;color:#303556;padding:13px 15px;box-sizing:border-box;width:100%;transition:border-color .18s,box-shadow .18s}
#checkoutPage :is(#inpName,#inpPhone,#pkpName,#pkpPhone)::placeholder{color:#73778b;font-size:16px;opacity:1}
#checkoutPage :is(#inpName,#inpPhone,#pkpName,#pkpPhone):focus{outline:none;border-color:#c18b20;box-shadow:0 0 0 3px #fbb93833;background:#fffdf7}
#checkoutPage :is(#inpName,#inpPhone,#pkpName,#pkpPhone)[readonly]{background:#f0f2f8;border-color:#ccd0df}
#checkoutPage :is(#inpName,#inpPhone,#pkpName,#pkpPhone).contact-empty{border-color:#b74747;background:#fff3f1;box-shadow:0 0 0 2px #b7474715}