/* Pizza Wings ordering prototype • V11 • all components namespaced to avoid theme collisions */
.desktop-nav .order-nav-link{color:var(--yellow)}
.header-order{background:var(--red);border:1px solid #d84447;color:white;font:800 12px/1 var(--body);letter-spacing:.07em;padding:17px 18px;white-space:nowrap;transition:background .2s}
.header-order:hover{background:#e24141}
.nav-shell{gap:18px}.desktop-nav{gap:19px}.header-franchise{padding:16px 17px}
.drawer-order{background:var(--yellow)!important;color:var(--ink)!important;margin-block:12px;padding:17px!important;font-weight:900}
.btn-order-v11{background:var(--red);color:white;border:1px solid #e04b4d;transition:transform .25s,background .25s}.btn-order-v11:hover{background:#e03a3c;transform:translateY(-2px)}
.home-builder-link{display:inline-flex;margin-top:25px;border-bottom:2px solid var(--red);padding-bottom:7px;color:var(--red);font-size:12px;letter-spacing:.14em;font-weight:800}
.order-body{background:var(--paper)}
.order-body .site-header{background:#181615}
.order-main{min-height:calc(100svh - 88px);padding-top:88px;overflow:clip}
.order-intro{background:#1e1a19;color:var(--white);padding:34px 0 38px;border-bottom:4px solid var(--yellow)}
.order-intro-inner{display:flex;align-items:end;justify-content:space-between;gap:35px}
.order-eyebrow,.builder-step-label,.order-section-heading small,.catalog-heading small,.order-mini-label{font-weight:800;color:var(--yellow);letter-spacing:.18em;font-size:10px}
.order-intro h1{font:900 clamp(55px,6.5vw,105px)/.9 var(--head);letter-spacing:-.018em;margin:13px 0 12px}
.order-intro h1 span{color:var(--yellow)}.order-intro p{margin:0;color:#d6c9bd;font-size:14px}
.order-beta{max-width:285px;border-left:2px solid var(--yellow);padding:0 0 0 18px;display:grid;gap:7px}
.order-beta strong{font-size:11px;letter-spacing:.15em;color:var(--yellow)}.order-beta span{font-size:12px;line-height:1.6;color:#ddd3c8}
.order-workspace{padding-top:25px;padding-bottom:90px}.order-stepper{display:flex;align-items:center;gap:12px;margin-bottom:26px}
.order-stepper button{display:flex;align-items:center;gap:9px;border:0;background:none;padding:10px 0;font-size:11px;font-weight:800;letter-spacing:.09em;color:#898078}
.order-stepper button span{width:31px;height:31px;display:grid;place-items:center;border:1px solid #cec4b5;border-radius:50%;font-size:11px}
.order-stepper button.selected{color:var(--ink)}.order-stepper button.selected span{border-color:var(--ink);background:var(--ink);color:var(--yellow)}
.step-line{height:1px;background:var(--line);flex:1;max-width:70px}
.order-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);gap:28px;align-items:stretch}
.order-panel,.order-side-panel,.checkout-card{background:#fffaf1;border:1px solid #ded5c8;border-radius:15px;padding:clamp(22px,3vw,41px)}
.order-section-heading h2,.catalog-heading h2,.builder-controls h2,.builder-ingredients h2{font:900 clamp(33px,4.5vw,61px)/.94 var(--head);margin:13px 0 9px;letter-spacing:-.01em}
.order-section-heading small,.catalog-heading small,.builder-step-label{color:var(--red)}
.order-section-heading p,.catalog-heading p{color:var(--muted);line-height:1.6;margin:0 0 20px}
.order-form{display:grid;gap:18px}.order-form label,.checkout-fields>label,.checkout-fields .order-field-row label{display:flex;flex-direction:column;gap:8px;font-size:12px;font-weight:800;color:#39322b;line-height:1.4}
.order-field-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.order-form input,.order-form select,.order-form textarea,.checkout-fields input:not([type=radio]):not([type=checkbox]),.checkout-fields textarea{min-width:0;width:100%;background:white;border:1px solid #d8cdbf;border-radius:7px;padding:13px 14px;color:#211e1c;outline-offset:0;font-size:14px;font-weight:500}
.order-form input:focus,.order-form select:focus,.order-form textarea:focus{border-color:#a52a2b}
.order-primary{min-height:52px;background:var(--yellow);border:0;border-radius:5px;display:flex;align-items:center;justify-content:space-between;gap:22px;padding:13px 21px;color:#1c1715;font-size:12px;letter-spacing:.065em;font-weight:900;text-transform:uppercase}
.order-primary:hover{background:#ffd156}.order-primary:disabled{opacity:.45;cursor:not-allowed}
.order-side-panel{background:#26201e;color:var(--white);position:relative;overflow:hidden}
.order-side-panel h3{font:900 clamp(35px,4vw,56px)/.9 var(--head);margin:16px 0}.order-side-panel>p{font-size:13px;color:#c6bcb2;line-height:1.65}
.order-side-panel .order-mini-label{color:var(--yellow)}.order-disclaimer{font-size:11px!important;line-height:1.6;color:#92877d;display:block}
.order-placeholder{font-size:13px;color:#b2a398}.branch-options{margin:18px 0 20px;display:grid;gap:10px}.branch-match{border:1px solid #635248;padding:13px;border-radius:8px;background:#332c28;color:white;display:flex;align-items:flex-start;gap:10px}
.branch-match input{accent-color:var(--yellow);margin-top:3px}.branch-match strong{display:block;font-size:14px;margin-bottom:5px}.branch-match small{display:block;color:#cbbfb2;font-size:11px;line-height:1.45}
.match-status{display:block;margin:0 0 12px;font-size:11px;color:#ffdc7b}.order-map-decor{position:absolute;bottom:-22px;right:-30px;transform:rotate(-11deg);opacity:.05;letter-spacing:.12em;font:900 90px/1 var(--head);pointer-events:none;white-space:nowrap}
.catalog-heading{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:22px}.catalog-heading h2{margin-bottom:5px}.catalog-heading p{margin:0}
.order-link{border:none;background:none;padding:12px 0;color:var(--red);font-size:11px;font-weight:900;letter-spacing:.08em;text-decoration:underline;text-underline-offset:5px;white-space:nowrap}
.catalog-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin-bottom:22px}.catalog-toolbar button,.catalog-toolbar a{display:inline-flex;align-items:center;min-height:42px;padding:10px 14px;background:#e9e2d7;border:1px solid transparent;border-radius:5px;font-size:11px;font-weight:800;letter-spacing:.035em}
.catalog-toolbar button.active{background:#24201e;color:var(--yellow)}.catalog-toolbar a{background:#f3d171;margin-left:auto}.catalog-toolbar a:hover{background:var(--yellow)}
.catalog-products{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.order-product{min-width:0;background:#faf6ee;border:1px solid #ded6ca;border-radius:13px;padding:13px 14px 16px;display:flex;flex-direction:column;min-height:320px;transition:transform .2s,box-shadow .2s}.order-product:hover{transform:translateY(-3px);box-shadow:0 10px 25px #2d1e1510}
.order-product-photo{height:170px;display:flex;align-items:center;justify-content:center;padding:7px}.order-product-photo img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 9px 7px #4a332020)}
.order-product-photo.no-image{font:900 20px var(--head);background:#f1e8d9;border-radius:8px;color:#877a6a}
.order-product-title{font:900 25px/.95 var(--head);margin:12px 0 5px}.order-product-desc{font-size:11px;line-height:1.5;color:#72675d;min-height:40px;margin:0 0 15px}
.order-product .product-actions{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:12px}.order-product .price-placeholder{font-size:10px;color:#94897d}.add-item-btn{background:var(--yellow);color:#1e1917;border:0;border-radius:5px;padding:10px 13px;font-size:11px;font-weight:900}
.catalog-bottom{position:sticky;z-index:22;bottom:15px;margin-top:25px;padding:14px 20px;display:flex;align-items:center;justify-content:space-between;gap:20px;background:#211c1a;color:#fff;box-shadow:0 12px 40px #1a0d0d32;border-radius:11px}.catalog-bottom>span{font-size:13px}
.checkout-layout{display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:24px}.checkout-card h3{font:900 35px/.98 var(--head);margin:0 0 25px}.checkout-card h3 span{font:700 12px var(--body);color:#776c60}
.cart-line{display:flex;align-items:center;gap:14px;padding:14px 0;border-bottom:1px solid #ded5c8}.cart-line img{width:70px;height:70px;object-fit:contain}.cart-line-info{flex:1;min-width:0}.cart-line strong{font-size:14px;display:block}.cart-line small{color:#82766b;font-size:11px;display:block;margin-top:4px;line-height:1.5}.cart-controls{display:flex;gap:7px;align-items:center;margin-top:8px}.cart-controls button{border:1px solid #d9cec0;background:#fff;border-radius:4px;min-width:27px;min-height:27px}.cart-empty{padding:25px;color:#83756b;text-align:center}
.checkout-fields{display:grid;gap:15px}.checkout-fields h3{margin-bottom:0}.summary-address{padding:14px 16px;background:#f2eadf;border-radius:6px;font-size:12px;line-height:1.6}
.checkout-fields fieldset{border:0;padding:0;margin:0;display:grid;gap:8px}.checkout-fields legend{font-size:12px;font-weight:800;margin-bottom:8px}
.payment-option{display:flex;align-items:center;gap:11px;border:1px solid #dbcebd;border-radius:7px;padding:12px;font-size:13px;font-weight:700}.payment-option input{accent-color:var(--red)}.payment-option.muted{opacity:.5}.payment-option small{font-weight:400;color:#887c70}
.consent{display:flex!important;flex-direction:row!important;gap:10px!important;align-items:flex-start!important;font-size:11px!important;line-height:1.5!important;font-weight:500!important}.consent input{margin-top:2px;accent-color:var(--red)}
.order-toast{position:fixed;bottom:25px;right:25px;background:#211c1b;color:white;border-left:4px solid var(--yellow);padding:12px 18px;z-index:350;box-shadow:0 15px 35px #0003;max-width:360px;opacity:0;transform:translateY(15px);transition:opacity .25s,transform .25s;pointer-events:none;font-size:12px}.order-toast.show{opacity:1;transform:translateY(0)}
.order-dialog{border:0;border-radius:12px;width:min(94vw,610px);max-height:90vh;padding:0;box-shadow:0 30px 90px #0008}.order-dialog::backdrop{background:#100b0acb}.dialog-head{background:#201b18;color:var(--yellow);padding:13px 20px;display:flex;justify-content:space-between;align-items:center;font-size:11px;letter-spacing:.12em;font-weight:900}.dialog-head button{background:none;color:white;border:0;font-size:30px}.dialog-body{padding:30px}.dialog-symbol{font-size:24px;color:var(--red)}.dialog-body h2{font:900 55px/.9 var(--head);margin:14px 0}.dialog-body p{line-height:1.6;font-size:13px}.dialog-body pre{font:12px/1.7 var(--body);background:#f0ebe5;white-space:pre-wrap;max-height:240px;overflow:auto;padding:16px;border-radius:8px}
/* Interactive pizza atelier */
.builder-intro{padding-block:28px 31px}.builder-workspace{display:grid;grid-template-columns:minmax(240px,.85fr) minmax(360px,1.6fr) minmax(270px,1.05fr);align-items:start;gap:19px;padding-top:25px;padding-bottom:65px}
.builder-controls,.builder-ingredients{background:#fffbf5;border:1px solid #e1d8cd;border-radius:14px;padding:23px;min-width:0}.builder-controls h2,.builder-ingredients h2{font-size:33px;margin:11px 0 17px}.builder-step-label:not(:first-child){margin-top:35px}
.builder-pick-row{display:flex;gap:6px;flex-wrap:wrap}.builder-pick-row button{padding:10px 11px;border:1px solid #ded1c3;border-radius:5px;background:#f2e9dd;font-size:10px;font-weight:800;white-space:nowrap}.builder-pick-row button.selected{color:#fff;background:#25201e;border-color:#25201e}.builder-controls .order-disclaimer{margin-top:30px}
.pizza-design-board{border:1px solid #3d3029;border-radius:15px;background:#211b19;overflow:hidden;min-width:0}.board-top,.board-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px;font-weight:800;font-size:10px;color:#f1c242;letter-spacing:.1em}
.pizza-board-surface{padding:30px 15px;min-height:440px;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle,#443329 0%,#2a211e 60%,#211b19 100%)}
.pizza-scene{position:relative;width:min(100%,530px);aspect-ratio:1;cursor:crosshair;touch-action:manipulation;user-select:none}.pizza-scene:focus-visible{outline:3px solid var(--yellow)}.builder-pizza-base{position:absolute;inset:1%;width:98%;height:98%;object-fit:contain;pointer-events:none;filter:drop-shadow(0 17px 14px #0007);transition:transform .4s,filter .4s}.pizza-scene[data-crust="İnce"] .builder-pizza-base{transform:scale(.98)}.pizza-scene[data-crust="Kalın"] .builder-pizza-base{filter:drop-shadow(0 19px 16px #0009) saturate(1.12);transform:scale(1.02)}
.ingredient-layer{position:absolute;inset:0;pointer-events:none}.placed-topping{position:absolute;width:11%;aspect-ratio:1;transform:translate(-50%,-50%) rotate(var(--turn,0deg));filter:drop-shadow(0 2px 2px #0005);animation:topping-drop .5s cubic-bezier(.13,1.45,.36,1) backwards;pointer-events:auto;cursor:grab;touch-action:none}.placed-topping svg{width:100%;height:100%;overflow:visible}.placed-topping.is-dragging{opacity:.8;cursor:grabbing;animation:none}
@keyframes topping-drop{from{opacity:0;scale:1.75;transform:translate(-50%,-90%) rotate(18deg)}to{opacity:1;scale:1;transform:translate(-50%,-50%) rotate(var(--turn,0deg))}}
.pizza-click-hint{position:absolute;top:51%;left:50%;transform:translate(-50%,-50%);background:#1a1716c9;color:#ffdc71;border:1px solid #ffdd7f;padding:13px 17px;text-align:center;font:800 10px/1.6 var(--body);letter-spacing:.13em;pointer-events:none;opacity:1;transition:opacity .3s}.pizza-click-hint.hide{opacity:0}
.board-bottom{padding:13px 20px;border-top:1px solid #ffffff1b}.board-bottom button{border:0;background:none;color:#d3c4b5;font-size:10px;font-weight:800;letter-spacing:.07em}.board-bottom button:hover{color:var(--yellow)}
.builder-ingredients>p{font-size:12px;line-height:1.6;color:#786c62;margin:0 0 15px}.ingredient-filter{display:flex;gap:4px;margin:15px 0}.ingredient-filter button{background:#eae1d5;border:0;border-radius:4px;padding:9px 11px;font:800 10px var(--body)}.ingredient-filter button.active{background:var(--ink);color:white}
.ingredient-picker{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;max-height:390px;overflow:auto;padding-right:1px}.ingredient-choice{min-height:89px;border:1px solid #ddd0bf;background:#f8f2e8;border-radius:7px;padding:8px 3px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;cursor:grab}.ingredient-choice.selected{border:2px solid var(--red);background:#fff4d8}.ingredient-choice svg{width:40px;height:40px;filter:drop-shadow(0 2px 2px #0002)}.ingredient-choice span{font-size:10px;font-weight:800;color:#3a312b}.builder-summary{border-top:1px solid #e1d5c6;margin-top:20px;padding-top:15px}.builder-summary>p{font:800 10px var(--body);letter-spacing:.09em;margin:0 0 10px}.ingredient-tags{display:flex;gap:5px;flex-wrap:wrap}.ingredient-tag{font-size:10px;background:#ede4d7;border-radius:4px;padding:6px 8px}.builder-summary #ingredient-summary{font-size:11px;color:#7a7066;min-height:42px;margin-bottom:13px}.builder-summary .order-primary{width:100%;font-size:11px;margin-bottom:10px}.builder-summary .order-disclaimer{line-height:1.5}
@media(max-width:1270px){.header-order{padding:14px 12px}.desktop-nav{gap:12px}.catalog-products{grid-template-columns:repeat(3,minmax(0,1fr))}.builder-workspace{grid-template-columns:minmax(185px,.8fr) minmax(280px,1.5fr) minmax(230px,1fr);gap:12px}.builder-controls,.builder-ingredients{padding:16px}.ingredient-picker{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:1050px){.desktop-nav,.header-franchise{display:none}.mobile-toggle{display:flex}.header-order{margin-left:auto}.builder-workspace{grid-template-columns:1fr minmax(300px,1.5fr)}.builder-ingredients{grid-column:1/-1}.ingredient-picker{grid-template-columns:repeat(5,minmax(0,1fr));max-height:none}.order-main{padding-top:76px}}
@media(max-width:780px){.order-intro{padding:28px 0}.order-intro h1{font-size:64px}.order-intro-inner{align-items:start}.order-beta{max-width:220px}.order-layout,.checkout-layout{grid-template-columns:1fr}.catalog-products{grid-template-columns:repeat(2,minmax(0,1fr))}.order-side-panel{min-height:280px}.builder-workspace{grid-template-columns:1fr}.builder-ingredients{grid-column:auto}.pizza-board-surface{min-height:0;padding:10px}.pizza-scene{max-width:530px}.ingredient-picker{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:540px){.header-order{font-size:10px;padding:11px 10px}.order-main{padding-top:72px}.order-intro-inner{display:block}.order-intro{padding-block:22px 25px}.order-intro h1{font-size:54px;margin:7px 0}.order-intro p{font-size:12px}.order-beta{margin-top:17px;max-width:none}.order-beta span{font-size:11px}.order-workspace{padding-top:15px}.order-stepper{gap:5px;justify-content:space-between;margin-bottom:14px}.order-stepper button{font-size:9px;gap:4px}.order-stepper button span{width:25px;height:25px;font-size:9px}.step-line{flex:0 1 18px}.order-panel,.order-side-panel,.checkout-card{padding:19px}.order-field-row{grid-template-columns:1fr}.order-section-heading h2,.catalog-heading h2{font-size:43px}.catalog-heading{align-items:start;flex-direction:column;gap:7px}.catalog-toolbar{gap:5px}.catalog-toolbar button,.catalog-toolbar a{min-height:35px;padding:7px 9px;font-size:10px}.catalog-toolbar a{margin-left:0}.catalog-products{gap:8px}.order-product{min-height:280px;padding:9px}.order-product-photo{height:135px;padding:2px}.order-product-title{font-size:21px}.order-product-desc{font-size:10px;min-height:35px}.add-item-btn{padding:9px 7px;font-size:10px}.order-product .price-placeholder{display:none}.catalog-bottom{padding:9px 11px;bottom:8px}.catalog-bottom>span{font-size:10px}.catalog-bottom .order-primary{min-height:43px;font-size:10px;padding:9px 13px}.builder-intro h1{font-size:50px}.builder-workspace{padding-top:12px;gap:10px}.builder-controls,.builder-ingredients{padding:16px}.builder-controls h2,.builder-ingredients h2{font-size:33px}.pizza-board-surface{padding:9px}.ingredient-picker{grid-template-columns:repeat(3,minmax(0,1fr))}.ingredient-choice{min-height:83px}.order-toast{bottom:10px;left:10px;right:10px}.dialog-body{padding:20px}.dialog-body h2{font-size:40px}}
@media(prefers-reduced-motion:reduce){.placed-topping{animation:none}.order-product{transition:none}}
/* On phones, keep the editable pizza visible while ingredients are being picked below. */
@media(max-width:540px){
 .builder-workspace{display:flex;flex-direction:column;align-items:stretch}
 .pizza-design-board{order:0;width:100%;position:sticky;top:71px;z-index:15;box-shadow:0 13px 30px #19100c36}
 .builder-ingredients{order:1;width:100%}
 .builder-controls{order:2;width:100%}
 .pizza-board-surface{max-height:272px;padding:4px}
 .pizza-scene{width:min(100%,260px)}
 .board-top,.board-bottom{padding:8px 12px;font-size:9px}
 .pizza-click-hint{font-size:8px;padding:8px}
}