.checkout-layout-tree{padding:20px 16px;border:0}
.layout-list-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}
.layout-list-heading h3{margin:0;font-size:12px;color:#2d3925}
.checkout-layout-tree .layout-intro{font-size:10px;line-height:1.7;color:#76806c;margin:12px 0 20px}
.layout-stack{display:flex;flex-direction:column;gap:7px}
.layout-item{min-width:0}
.layout-stack .layout-row{padding:0;margin:0;gap:0;min-height:46px;border:1px solid #e1e6d9;border-radius:8px;background:#fff;overflow:hidden;color:#35412b}
.layout-select{border:0;background:transparent;padding:13px 12px;display:flex;align-items:center;gap:10px;flex:1;min-width:0;width:100%;text-align:left;color:inherit;cursor:pointer;min-height:46px}
.layout-select:hover{background:#f4f8e9}
.layout-select:focus-visible{outline:2px solid #809e40;outline-offset:-3px;border-radius:7px}
.layout-icon{width:18px;flex:none;display:grid;place-items:center;color:#82916e}
.layout-icon>.icon{width:16px;height:16px}
.layout-row>.layout-icon{flex:0 0 18px}
.layout-copy{flex:1;min-width:0}
.layout-copy>b,.layout-required>b{display:block;font-size:11px;font-weight:550;line-height:1.45}
.layout-copy>small{display:block;font-size:9px;line-height:1.5;color:#788567;margin-top:3px}
.layout-select>.icon{width:13px;height:13px;flex:none;color:#94a184}
.layout-item.is-open>.layout-row{border-color:#bace93;background:#eff6df;border-radius:8px 8px 0 0}
.layout-item.is-open>.layout-row .layout-icon{color:#688638}
.layout-stack .layout-required{padding:13px 12px;gap:10px;background:#f8f9f5;border-color:#e9ede2;color:#78816e}
.layout-required>b{flex:1}
.layout-fixed{display:grid;place-items:center;flex:none!important;color:#a5ae9a}
.layout-fixed .icon{height:11px;width:11px}
.layout-zone{display:flex;flex-direction:column;gap:7px;min-width:0;border-radius:8px;scroll-margin:14px}
.layout-zone.drag-over{background:#edf6d9;outline:2px dashed #9ab865;outline-offset:2px}
.layout-drop-hint{display:flex;align-items:center;gap:7px;min-height:29px;padding:6px 12px;color:#929d83;font-size:9px;border:1px dashed #e2e8d7;border-radius:6px}
.layout-drop-hint>.icon{height:11px;width:11px;flex:none}
.layout-row>.drag-handle{align-self:stretch;width:21px;padding:0 0 0 6px;min-width:21px;border:0;background:transparent;display:grid;place-items:center;touch-action:none}
.layout-row>.drag-handle>.icon{width:12px;height:12px}
.layout-row>.drag-handle+.layout-select{padding-left:4px;gap:8px}
.layout-row>.drag-handle:focus-visible{outline:2px solid #809e40;outline-offset:-2px}
.layout-move{display:flex;flex-direction:column;padding-right:4px;flex:none}
.layout-row .layout-move .icon-button{height:20px;min-height:20px;width:22px;border-radius:3px}
.layout-move .icon-button:hover:not(:disabled){background:#eaf2d9}
.layout-divider{display:flex;align-items:center;justify-content:space-between;gap:8px;border-top:1px solid #e5eadd;margin-top:7px;padding-top:16px;margin-bottom:4px}
.layout-divider>span{font-size:10px;font-weight:600;color:#63734f}
.layout-divider>small{font-size:8px;color:#89947b}
.layout-inspector{border:1px solid #bace93;border-top:0;border-radius:0 0 8px 8px;overflow:hidden;background:#fcfdf8}
.layout-inspector>.control-group{padding:16px 12px;border:0;min-height:0}
.layout-inspector .inspector-heading{display:none}
.layout-inspector .block-inspector>[data-action="deselect-block"]{width:100%;justify-content:center;margin-bottom:16px;min-height:30px;background:#f3f7e9}
.layout-inspector .header-logo-drop{padding:16px 8px}
.layout-inspector .header-align button{gap:5px}
.layout-inspector .field input,.layout-inspector .field textarea,.layout-inspector .field select{min-width:0}
.layout-inspector .color-field input[type=text]{width:100%;min-width:0}
.checkout-layout-tree .layout-footnote{display:flex;align-items:flex-start;gap:7px;font-size:9px;line-height:1.7;color:#89947a;margin:20px 0 0}
.layout-footnote>.icon{width:12px;height:12px;flex:none;margin-top:2px}
.layout-device-switch{display:flex;gap:3px;padding:3px;margin-top:16px;border:1px solid #dfe6d2;background:#f7f9f2;border-radius:8px}
.layout-device-switch button{display:flex;align-items:center;justify-content:center;gap:7px;flex:1;min-height:34px;border:0;background:transparent;border-radius:5px;font-size:10px;color:#7e8a6b}
.layout-device-switch button[aria-pressed=true]{background:#fff;box-shadow:0 1px 4px #25301c12;color:#344426;font-weight:600}
.layout-device-switch button:focus-visible{outline:2px solid #8aab51;outline-offset:-2px}
.layout-device-switch .icon{width:14px;height:14px}
.layout-scope-note{display:flex;gap:8px;align-items:center;font-size:10px;color:#657948;padding:10px 12px;background:#eff5df;border-radius:6px;margin-bottom:20px}
.layout-scope-note .icon{height:14px;width:14px}
.phone-layout-reset{width:100%;justify-content:center;margin-top:12px;min-height:36px}
.checkout-render[data-device=phone] .payment-fields .mock-field-row .mock-field{font-size:13px;padding:13px 9px}
.checkout-render[data-device=phone] .checkout-timer small{font-size:11px;line-height:15px}
.checkout-render[data-device=phone] .checkout-timer{min-height:0}
.checkout-render[data-device=phone] .review-arrows button{width:40px;height:40px}
.checkout-render[data-device=phone] .review-dots button{height:40px;min-width:22px}
.checkout-render[data-device=phone] .mobile-order-summary>summary{cursor:pointer}
.checkout-render[data-device=phone] .mobile-order-summary>summary:focus-visible{outline:2px solid #7f963f;outline-offset:-4px}
.checkout-zone>.canvas-drop-label{display:none}
.checkout-zone[data-drop-zone]:not(:has(>.canvas-block)){display:none}
.checkout-form>.checkout-zone:not(:empty){margin:20px 0}
.checkout-form>.zone-afterPay:not(:empty){margin-top:24px}
.checkout-zone.show-drop,body.is-dragging .checkout-zone[data-drop-zone]{display:block!important;min-height:44px;padding:8px;border:1px dashed #b4c983;border-radius:8px;margin:12px 0;background:#f7faef}
.checkout-zone.show-drop>.canvas-drop-label,body.is-dragging .checkout-zone>.canvas-drop-label{display:flex;pointer-events:none}
.drop-before{box-shadow:0 -3px 0 #91b222}
.drop-after{box-shadow:0 3px 0 #91b222}
@media(max-width:560px){.layout-copy>b,.layout-required>b{font-size:12px}.layout-select{min-height:50px}.layout-row .layout-move .icon-button{width:28px;height:24px;min-height:24px}.layout-drop-hint{font-size:10px}.layout-inspector>.control-group{padding:18px 14px}}