.order-modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2000;padding:var(--spacing-lg);background:#0009;justify-content:center;align-items:center;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.order-modal{background:var(--color-white);border-radius:var(--radius-lg);width:100%;max-width:520px;max-height:90vh;box-shadow:var(--shadow-2xl);animation:.25s ease-out slideUp;overflow-y:auto}.order-modal-header{padding:var(--spacing-lg) var(--spacing-xl);border-bottom:1px solid var(--color-gray-100);justify-content:space-between;align-items:center;display:flex}.order-modal-header h3{font-family:var(--font-family-display);font-size:var(--font-size-xl);color:var(--color-primary);margin:0}.order-modal-close{color:var(--color-gray-500);cursor:pointer;padding:var(--spacing-xs);transition:color var(--transition-base);background:0 0;border:none;font-size:1.25rem}.order-modal-close:hover{color:var(--color-primary)}.order-modal-body{padding:var(--spacing-xl)}.order-modal-photo{gap:var(--spacing-lg);margin-bottom:var(--spacing-xl);display:flex}.order-modal-thumb{aspect-ratio:4/3;object-fit:cover;border-radius:var(--radius-md);background:var(--color-gray-100);width:140px;min-width:140px}.order-modal-photo-info{flex:1}.order-modal-photo-title{font-weight:600;font-size:var(--font-size-base);color:var(--color-gray-800);margin-bottom:var(--spacing-xs);line-height:1.4}.order-modal-photo-meta{font-size:var(--font-size-sm);color:var(--color-gray-500)}.order-modal-photo-meta span{display:block}.order-size-label{font-weight:600;font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);color:var(--color-gray-600);margin-bottom:var(--spacing-md);display:block}.order-size-grid{gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);grid-template-columns:repeat(3,1fr);display:grid}.order-size-option{padding:var(--spacing-md);text-align:center;border:2px solid var(--color-gray-200);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);background:var(--color-white);font-family:var(--font-family)}.order-size-option:hover{border-color:var(--color-accent-light);background:var(--color-gray-50)}.order-size-option.selected{border-color:var(--color-accent);background:#c9a96114}.order-size-name{font-weight:600;font-size:var(--font-size-base);color:var(--color-gray-800);display:block}.order-size-desc{color:var(--color-gray-500);margin-top:2px;font-size:.7rem;display:block}.order-custom-note{text-align:center;font-size:var(--font-size-sm);color:var(--color-gray-500);margin-bottom:var(--spacing-lg);padding:var(--spacing-md);background:var(--color-gray-50);border-radius:var(--radius-md)}.order-modal-footer{padding:var(--spacing-lg) var(--spacing-xl);border-top:1px solid var(--color-gray-100);gap:var(--spacing-sm);display:flex}.order-add-btn{padding:var(--spacing-md) var(--spacing-xl);font-size:var(--font-size-base);font-weight:600;font-family:var(--font-family);background-color:var(--color-accent);color:var(--color-white);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);border:none;flex:1}.order-add-btn:hover:not(:disabled){background-color:var(--color-accent-dark);transform:translateY(-1px)}.order-add-btn:disabled{opacity:.5;cursor:not-allowed}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:540px){.order-modal-photo{text-align:center;flex-direction:column;align-items:center}.order-size-grid{grid-template-columns:repeat(2,1fr)}}