.composer-page{background:#faf8f7;font-size:16px}.composer-header{background:#faf8f7;border-bottom:1px solid #e9e3e0}.composer-cart-link{display:flex;align-items:center;gap:8px}.composer-cart-link svg{width:21px;height:21px}.composer-cart-link b{display:inline-grid;place-items:center;min-width:21px;height:21px;border-radius:50%;background:var(--red);color:#fff;font-size:12px;padding:0 4px}.composer-shell{max-width:1320px;margin:auto;padding:35px 32px 70px}.composer-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:25px;margin-bottom:40px}.composer-heading h1{font-size:clamp(36px,4.5vw,58px);line-height:1.1;margin:0 0 13px}.composer-heading p:not(.eyebrow){color:var(--muted);margin:0;font-size:17px}.composer-heading .eyebrow{font-size:12px;letter-spacing:1.5px;margin-bottom:16px}.composer-menu-link{font-size:14px;text-decoration:underline;text-underline-offset:5px;color:var(--red);margin-bottom:4px}.composer-layout{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:55px;align-items:start}.composer-preview{position:sticky;top:25px;background:#fff;border:1px solid #ece6e2;border-radius:28px;padding:25px 25px 30px;text-align:center;overflow:clip}.pizza-preview{position:relative;max-width:440px;margin:auto;aspect-ratio:1;transition:transform .4s}.pizza-preview>img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 12px 12px #43251512)}#composer-topping-preview{position:absolute;inset:0;pointer-events:none}#composer-topping-preview img{position:absolute;width:23%;height:23%;object-fit:contain;animation:ingredient-enter .25s ease-out}.pizza-preview[data-size="baby"]{transform:scale(.87)}.pizza-preview[data-size="maxi"]{transform:scale(1.04)}.preview-tag{font:700 11px 'Josefin Sans',sans-serif;letter-spacing:1.5px;color:var(--red);display:block;margin:15px 0 13px}.preview-caption h2{font-size:31px;margin:0 0 11px}.preview-caption p{font-size:15px;color:var(--muted);line-height:1.7;margin:0 auto 13px;max-width:380px}.preview-caption small{font-size:12px;color:#777}.composer-options{min-width:0}.composer-options fieldset{margin:0 0 28px;padding:0;border:0;min-width:0}.composer-options legend{font:700 23px 'Josefin Sans',sans-serif;margin-bottom:17px;display:flex;align-items:center;gap:10px}.composer-options legend b{font-size:14px;width:27px;height:27px;display:grid;place-items:center;background:var(--ink);color:#fff;border-radius:50%}.composer-size-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.composer-size{position:relative;cursor:pointer}.composer-size>span{display:flex;flex-direction:column;align-items:center;padding:18px 7px;border:1px solid #ddd5d1;background:#fff;border-radius:14px;font:700 18px 'Josefin Sans',sans-serif;line-height:1.4}.composer-size small{font:400 12px/1.5 'Lato',sans-serif;margin-top:7px;color:var(--muted)}.composer-size input,.composer-base input,.ingredient-option input{position:absolute;opacity:0;width:1px;height:1px}.composer-size:has(input:checked)>span{background:#fff8c4;border-color:#cbbf12}.composer-size:has(input:focus-visible)>span,.composer-base:has(input:focus-visible),.ingredient-option:has(input:focus-visible){outline:3px solid #0479b7;outline-offset:3px}.composer-base-options{display:flex;flex-direction:column;gap:8px}.composer-base{display:flex;align-items:center;gap:13px;padding:12px 16px;border:1px solid #ddd5d1;border-radius:14px;background:#fff;cursor:pointer;position:relative}.composer-base:has(input:checked){border-color:#cbbf12;background:#fff8c4}.composer-base>img{width:58px;height:58px;object-fit:contain;flex-shrink:0}.composer-base>span{display:flex;flex-direction:column;gap:4px;min-width:0}.composer-base strong{font:700 19px 'Josefin Sans',sans-serif}.composer-base small{font-size:13px;color:var(--muted);line-height:1.5}.composer-base>b{font:700 20px 'Josefin Sans',sans-serif;margin-left:auto;white-space:nowrap}.ingredient-filters{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:17px}.ingredient-filters button{font-size:13px;font-weight:700;border:1px solid #ddd5d1;background:#fff;border-radius:25px;padding:9px 14px;min-height:42px}.ingredient-filters .selected{background:var(--yellow);border-color:var(--yellow)}.composer-ingredients{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.ingredient-option{position:relative;display:flex;align-items:center;gap:10px;border:1px solid #ddd5d1;border-radius:13px;background:#fff;padding:11px 10px;min-width:0;cursor:pointer;min-height:76px}.ingredient-option>img{width:46px;height:46px;object-fit:contain;flex-shrink:0}.ingredient-option>span{font-size:14px;line-height:1.4;font-weight:700;min-width:0}.ingredient-option small{display:block;font-size:12px;color:var(--muted);font-weight:400;margin-top:4px}.ingredient-check{border:1px solid #e4d9d4;background:#faf8f7;display:grid;place-items:center;border-radius:50%;height:24px;width:24px;font-size:17px;line-height:1;flex-shrink:0;margin-left:auto}.ingredient-option:has(input:checked){background:#fff8c4;border-color:#cbbf12}.ingredient-option:has(input:checked) .ingredient-check{background:var(--yellow);border-color:var(--yellow);font-size:14px}.composer-recipe-summary{border-top:1px solid #e4d9d4;padding-top:23px;margin-top:8px}.composer-summary-head{display:flex;align-items:center;justify-content:space-between;font-size:16px;gap:20px;margin-bottom:15px}.composer-summary-head button{padding:0;border:0;background:transparent;color:var(--red);font-size:13px;text-decoration:underline;text-underline-offset:4px}.composer-selected{display:flex;flex-wrap:wrap;gap:7px;min-height:32px;margin-bottom:20px}.composer-selected>span{font-size:14px;color:var(--muted)}.composer-selected button{border:1px solid #e2d7d2;border-radius:20px;background:#fff;padding:7px 10px;font-size:12px;display:flex;align-items:center;gap:8px;min-height:36px}.composer-selected button span{font-size:19px;line-height:1}.composer-price-breakdown>div{display:flex;justify-content:space-between;font-size:14px;padding:5px 0}.composer-price-note{font-size:12px;line-height:1.7;color:var(--muted);margin:13px 0 18px}.composer-purchase{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 0 0;border-top:1px solid #e4d9d4}.composer-purchase>div{display:flex;flex-direction:column;line-height:1.5;flex-shrink:0}.composer-purchase>div span{font-size:12px;color:var(--muted)}.composer-purchase strong{font:700 32px/1.5 'Josefin Sans',sans-serif;color:var(--red)}.composer-purchase .button{font-size:13px;min-height:52px;padding-inline:22px}#composer-status{font-size:15px;padding:17px;background:#fff8c4;border-radius:12px;margin:20px 0 10px}.composer-go-cart{display:block;background:var(--ink);color:#fff;border-radius:24px;text-align:center;min-height:48px;padding:14px;font:700 13px 'Josefin Sans',sans-serif}.composer-go-cart:hover{color:var(--yellow)}@keyframes ingredient-enter{from{opacity:0}to{opacity:1}}
@media(max-width:1100px){.composer-layout{gap:30px}.composer-shell{padding-inline:24px}.composer-preview{padding:20px}.ingredient-option{gap:7px;padding:10px 8px}.ingredient-option>img{width:36px;height:36px}.ingredient-option>span{font-size:13px}.ingredient-check{width:20px;height:20px}.composer-size small{font-size:11px}.composer-purchase{flex-wrap:wrap}.composer-purchase .button{flex:1}}
@media(max-width:760px){.composer-shell{padding:20px 16px 115px;max-width:650px}.composer-heading{display:block;margin-bottom:26px}.composer-heading h1{font-size:38px}.composer-heading p:not(.eyebrow){font-size:16px}.composer-menu-link{display:inline-block;margin-top:18px}.composer-layout{grid-template-columns:1fr;gap:30px}.composer-preview{position:relative;top:0;padding:14px 18px 20px;border-radius:22px}.pizza-preview{width:220px;max-width:80%}.preview-caption h2{font-size:25px}.preview-caption p{font-size:14px}.preview-caption small{font-size:11px}.preview-tag{font-size:10px;margin-top:5px;margin-bottom:9px}.composer-options fieldset{margin-bottom:26px}.composer-options legend{font-size:23px}.composer-size small{font-size:11px}.composer-size>span{padding-block:14px;font-size:17px}.ingredient-option>img{width:42px;height:42px}.ingredient-option>span{font-size:14px}.composer-purchase{position:fixed;left:0;right:0;bottom:0;z-index:30;background:#fff;padding:12px 16px calc(12px + env(safe-area-inset-bottom));box-shadow:0 -5px 25px #0000000d;border-top:1px solid #e4d9d4;flex-wrap:nowrap;gap:15px}.composer-purchase strong{font-size:26px}.composer-purchase .button{flex:initial;font-size:12px;padding-inline:16px;min-height:50px}.composer-header .order-page-nav{flex-direction:row}.composer-header .order-back{display:none}.composer-price-note{margin-bottom:20px}.composer-go-cart{margin-top:15px}.composer-preview-recipe{max-width:300px}}
@media(max-width:360px){.ingredient-option{gap:6px;padding:9px 7px}.ingredient-option>img{width:30px;height:30px}.ingredient-option>span{font-size:12px}.composer-size small{display:none}.composer-size>span{padding:15px 7px}.composer-base{padding:11px;gap:9px}.composer-base>img{width:46px;height:46px}.composer-base strong{font-size:17px}.composer-base small{font-size:12px}.composer-base>b{font-size:18px}.composer-purchase{gap:12px;padding-inline:12px}.composer-purchase .button{font-size:11px;padding-inline:12px}.composer-purchase strong{font-size:24px}.composer-heading h1{font-size:34px}}

.composer-feedback{position:fixed;z-index:40;right:24px;bottom:24px;width:340px;max-width:calc(100% - 32px);padding:20px;background:#fff;border:1px solid #e4d9d4;border-radius:18px;box-shadow:0 8px 40px #0002}.composer-feedback #composer-status{margin:0 22px 14px 0;padding:0;background:transparent;font-weight:700;font-size:16px}.composer-feedback-close{position:absolute;right:6px;top:4px;width:36px;height:36px;border:0;background:transparent;font-size:26px;color:var(--muted)}.composer-feedback .composer-go-cart{margin:0}@media(max-width:760px){.composer-feedback{right:16px;bottom:calc(100px + env(safe-area-inset-bottom))}}