.mf-ordering{max-width:1100px;margin:0 auto;font-family:inherit}.mf-step{margin:0 0 28px}.mf-step h3{margin:0 0 14px}.mf-packages{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.mf-package{appearance:none;background:#fff;border:2px solid #ddd;border-radius:14px;padding:18px 12px;cursor:pointer;text-align:center;transition:.15s;display:flex;flex-direction:column;gap:6px}.mf-package:hover{border-color:#999;transform:translateY(-1px)}.mf-package.is-selected{border-color:#111;box-shadow:0 0 0 2px #111 inset}.mf-package-size{font-size:24px;font-weight:800}.mf-package-price{font-size:20px;font-weight:700}.mf-package-unit{font-size:13px;opacity:.7}.mf-help{opacity:.75}.mf-upload-button,.mf-cart-button,.mf-primary,.mf-secondary{border:0;border-radius:10px;padding:14px 18px;font-weight:800;cursor:pointer}.mf-upload-button,.mf-primary,.mf-cart-button{background:#111;color:#fff}.mf-upload-button{width:100%;border:2px dashed #bbb;background:#fafafa;color:#111;padding:24px}.mf-photo-list{display:grid;gap:12px;margin-top:16px}.mf-photo{display:grid;grid-template-columns:110px 1fr;gap:14px;align-items:center;border:1px solid #e2e2e2;border-radius:12px;padding:10px}.mf-photo img{width:110px;height:110px;object-fit:cover;border-radius:8px}.mf-photo-title{font-weight:700;margin-bottom:8px}.mf-qty{display:flex;align-items:center;gap:0;width:max-content}.mf-qty button,.mf-qty input{width:42px;height:38px;border:1px solid #ccc;background:#fff;text-align:center;font-size:18px}.mf-qty button{cursor:pointer}.mf-qty input{-moz-appearance:textfield}.mf-qty input::-webkit-outer-spin-button,.mf-qty input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.mf-remove{margin-top:8px;border:0;background:none;text-decoration:underline;cursor:pointer;padding:0}.mf-summary{margin:20px 0 12px;padding:14px;border-radius:10px;background:#f5f5f5}.mf-status{margin-top:4px}.mf-cart-button{width:100%;font-size:18px;padding:17px}.mf-cart-button:disabled{opacity:.4;cursor:not-allowed}.mf-crop-modal[hidden]{display:none}.mf-crop-modal{position:fixed;z-index:999999;inset:0;background:rgba(0,0,0,.72);display:grid;place-items:center;padding:16px}.mf-crop-dialog{background:#fff;border-radius:16px;padding:18px;width:min(440px,100%);max-height:96vh;overflow:auto}.mf-crop-dialog h3{margin:0 0 6px}.mf-crop-dialog p{margin-top:0;opacity:.75}.mf-crop-viewport{position:relative;width:min(360px,82vw);aspect-ratio:1;margin:14px auto;background:#222;overflow:hidden;touch-action:none;cursor:grab}.mf-crop-viewport:active{cursor:grabbing}.mf-crop-viewport canvas{position:absolute;inset:0;width:100%;height:100%;display:block;user-select:none;pointer-events:none}.mf-crop-viewport img{display:none!important}.mf-crop-viewport:after{content:"";position:absolute;inset:0;border:2px solid rgba(255,255,255,.95);box-sizing:border-box;pointer-events:none}.mf-zoom-label{display:grid;gap:6px;margin:12px 0}.mf-zoom-label input{width:100%}.mf-crop-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.mf-secondary{background:#eee;color:#111}.mf-modal-open{overflow:hidden}.mf-error{padding:12px;border:1px solid #d33;background:#fff4f4;border-radius:8px}
@media(max-width:760px){.mf-packages{grid-template-columns:repeat(2,minmax(0,1fr))}.mf-package-size{font-size:21px}.mf-photo{grid-template-columns:90px 1fr}.mf-photo img{width:90px;height:90px}}
.mf-choice{appearance:none;background:#fff;border:2px solid #ddd;border-radius:14px;padding:18px 12px;cursor:pointer;text-align:center;transition:.15s;display:flex;flex-direction:column;gap:6px}.mf-choice:hover{border-color:#999}.mf-choice.is-selected{border-color:#f20d3a;box-shadow:0 0 0 2px #f20d3a inset}.mf-choice strong{font-size:22px}.mf-choice span{font-size:18px;font-weight:700}.mf-choice small{opacity:.72}.mf-bulk-qty{display:flex;align-items:center}.mf-bulk-qty button,.mf-bulk-qty input{height:44px;border:1px solid #ccc;background:#fff;text-align:center;font-size:18px}.mf-bulk-qty button{width:46px;cursor:pointer}.mf-bulk-qty input{width:100px}.mf-bulk-price{margin-top:12px;font-size:17px}.mf-bulk-price small{display:block;margin-top:6px;opacity:.75}.mf-quality-warning,.mf-inline-warning{margin:10px 0;padding:10px 12px;background:#fff7df;border:1px solid #e6b84a;border-radius:8px;color:#5d4700}.mf-inline-warning{font-size:13px}.mf-grid{position:absolute;inset:0;pointer-events:none;z-index:2}.mf-grid.is-mosaic{background-image:linear-gradient(to right,transparent calc(100% - 1px),rgba(255,255,255,.9) 0),linear-gradient(to bottom,transparent calc(100% - 1px),rgba(255,255,255,.9) 0);background-size:calc(100% / var(--cols)) 100%,100% calc(100% / var(--rows))}.mf-mosaic-choices{grid-template-columns:repeat(3,minmax(0,1fr))}.mf-crop-viewport{height:auto!important}.mf-crop-viewport:after{z-index:3}.mf-crop-viewport canvas{z-index:1}
@media(max-width:760px){.mf-mosaic-choices{grid-template-columns:repeat(2,minmax(0,1fr))}}