[data-v-a5c2dd59]:root{--app-width:1300px}@media (max-width:1600px){[data-v-a5c2dd59]:root{--app-width:1200px}}@media (max-width:1400px){[data-v-a5c2dd59]:root{--app-width:1000px}}@media (max-width:992px){[data-v-a5c2dd59]:root{--app-width:100%}}@media (max-width:768px){[data-v-a5c2dd59]:root{--app-width:100%}}@media (max-width:480px){[data-v-a5c2dd59]:root{--app-width:100%}}.mockup-selection__cards[data-v-a5c2dd59]{display:flex;gap:20px;margin:0 auto}@media (max-width:768px){.mockup-selection__cards[data-v-a5c2dd59]{flex-direction:column;gap:30px}}.mockup-card[data-v-a5c2dd59]{background:linear-gradient(135deg,#fff,#f8fafc);border:2px solid #e2e8f0;border-radius:20px;cursor:pointer;display:flex;flex:1;flex-direction:column;overflow:hidden;padding:20px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.mockup-card[data-v-a5c2dd59]:hover{border-color:#6366f1;box-shadow:0 20px 40px #6366f126;transform:translateY(-4px)}.mockup-card[data-v-a5c2dd59]:before{background:linear-gradient(90deg,#6366f1,#8b5cf6);content:"";height:4px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.mockup-card[data-v-a5c2dd59]:hover:before{opacity:1}.mockup-card__icon[data-v-a5c2dd59]{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-radius:16px;display:flex;justify-content:center;margin-bottom:20px;margin-left:auto;margin-right:auto;padding:20px;width:-moz-fit-content;width:fit-content}.mockup-card__title[data-v-a5c2dd59]{color:#1f2937;font-size:1.25rem;font-weight:700;line-height:1.4;margin-bottom:10px;text-align:center}.mockup-card__description[data-v-a5c2dd59]{color:#6b7280;font-size:.95rem;line-height:1.6;margin-bottom:20px;text-align:center}.mockup-card__features[data-v-a5c2dd59]{display:flex;flex-direction:column;gap:6.6666666667px;margin-bottom:20px}.mockup-card__feature[data-v-a5c2dd59]{align-items:center;color:#4b5563;display:flex;font-size:.9rem;font-weight:500;gap:6.6666666667px}.mockup-card__button[data-v-a5c2dd59]{justify-content:center;margin-top:auto;width:100%}@media (max-width:768px){.mockup-card[data-v-a5c2dd59]{min-height:auto;padding:24px}.mockup-card__icon[data-v-a5c2dd59]{margin-bottom:16px;padding:16px}.mockup-card__title[data-v-a5c2dd59]{font-size:1.2rem;margin-bottom:12px}.mockup-card__description[data-v-a5c2dd59]{font-size:.95rem;margin-bottom:24px}.mockup-card__features[data-v-a5c2dd59]{gap:8px;margin-bottom:24px}.mockup-card__feature[data-v-a5c2dd59]{font-size:.9rem}.mockup-card__button[data-v-a5c2dd59]{font-size:1rem;padding:16px 24px}}@media (max-width:480px){.mockup-card[data-v-a5c2dd59]{border-radius:16px;padding:30px}.mockup-card__icon[data-v-a5c2dd59]{border-radius:12px;padding:12px}.mockup-card__title[data-v-a5c2dd59]{font-size:1.1rem}.mockup-card__description[data-v-a5c2dd59]{font-size:.9rem;line-height:1.5}.mockup-card__feature[data-v-a5c2dd59]{font-size:.85rem}.mockup-card__button[data-v-a5c2dd59]{font-size:.95rem;padding:14px 20px}}[data-v-79f4e0b9]:root{--app-width:1300px}@media (max-width:1600px){[data-v-79f4e0b9]:root{--app-width:1200px}}@media (max-width:1400px){[data-v-79f4e0b9]:root{--app-width:1000px}}@media (max-width:992px){[data-v-79f4e0b9]:root{--app-width:100%}}@media (max-width:768px){[data-v-79f4e0b9]:root{--app-width:100%}}@media (max-width:480px){[data-v-79f4e0b9]:root{--app-width:100%}}.success-message .success-content[data-v-79f4e0b9]{margin:0 auto;max-width:500px;text-align:center}.success-message .success-icon[data-v-79f4e0b9]{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-radius:16px;display:flex;justify-content:center;margin-bottom:24px;margin-left:auto;margin-right:auto;padding:16px;width:-moz-fit-content;width:fit-content}.success-message .success-header[data-v-79f4e0b9]{margin-bottom:32px}.success-message .success-header .success-title[data-v-79f4e0b9]{color:#1f2937;font-size:1.75rem;font-weight:700;line-height:1.2;margin:0 0 16px}.success-message .success-header .success-description[data-v-79f4e0b9]{color:#6b7280;font-size:1rem;line-height:1.6;margin:0}.success-message .success-actions[data-v-79f4e0b9]{align-items:center;display:flex;flex-direction:column;gap:16px;margin-top:32px}.success-message .success-info .info-text[data-v-79f4e0b9]{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;color:#6b7280;display:flex;font-size:.875rem;gap:8px;justify-content:center;margin:0;padding:16px}@media (max-width:768px){.success-message .success-header .success-title[data-v-79f4e0b9]{font-size:1.5rem}.success-message .success-header .success-description[data-v-79f4e0b9]{font-size:.9375rem}.success-message .success-actions[data-v-79f4e0b9] .ui-button{width:100%}}.fade-slide-enter-active[data-v-79f4e0b9]{transition:all .3s ease}.fade-slide-enter-from[data-v-79f4e0b9]{opacity:0;transform:translateY(20px)}.fade-slide-enter-to[data-v-79f4e0b9]{opacity:1;transform:translateY(0)}[data-v-64936ae5]:root{--app-width:1300px}@media (max-width:1600px){[data-v-64936ae5]:root{--app-width:1200px}}@media (max-width:1400px){[data-v-64936ae5]:root{--app-width:1000px}}@media (max-width:992px){[data-v-64936ae5]:root{--app-width:100%}}@media (max-width:768px){[data-v-64936ae5]:root{--app-width:100%}}@media (max-width:480px){[data-v-64936ae5]:root{--app-width:100%}}.visually-hidden[data-v-64936ae5]{height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;width:1px!important;clip:rect(0,0,0,0)!important;border:0!important;white-space:nowrap!important}.form-header[data-v-64936ae5]{margin-bottom:24px}.form-description[data-v-64936ae5]{margin-top:12px}.detailed-order-section[data-v-64936ae5],.quick-order-section[data-v-64936ae5]{margin-top:24px}.detailed-form-section[data-v-64936ae5],.file-upload-section[data-v-64936ae5]{margin-bottom:20px}.form-hint[data-v-64936ae5]{background-color:#fef3c7;border:1px solid #f59e0b;border-radius:8px;margin-top:20px;padding:16px;text-align:center}.hint-text[data-v-64936ae5]{color:#92400e;font-size:14px;line-height:1.5;margin:0}.design-order-form[data-v-64936ae5]{margin:0 auto 20px;width:900px}.btn[data-v-64936ae5]{border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:500;padding:12px 24px;transition:all .2s ease}.btn--primary[data-v-64936ae5]{background-color:#6366f1;color:#fff}.btn--primary[data-v-64936ae5]:hover{background-color:#4d4fc1}@media (max-width:768px){.design-order-form[data-v-64936ae5]{padding:16px;width:100%}.form-header[data-v-64936ae5]{margin-bottom:20px}.detailed-order-section[data-v-64936ae5],.quick-order-section[data-v-64936ae5]{margin-top:20px}.detailed-form-section[data-v-64936ae5],.file-upload-section[data-v-64936ae5]{margin-bottom:20px}.form-hint[data-v-64936ae5]{margin-top:16px;padding:12px}.hint-text[data-v-64936ae5]{font-size:13px}}[data-v-1ea035fd]:root{--app-width:1300px}@media (max-width:1600px){[data-v-1ea035fd]:root{--app-width:1200px}}@media (max-width:1400px){[data-v-1ea035fd]:root{--app-width:1000px}}@media (max-width:992px){[data-v-1ea035fd]:root{--app-width:100%}}@media (max-width:768px){[data-v-1ea035fd]:root{--app-width:100%}}@media (max-width:480px){[data-v-1ea035fd]:root{--app-width:100%}}.visually-hidden[data-v-1ea035fd]{height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;width:1px!important;clip:rect(0,0,0,0)!important;border:0!important;white-space:nowrap!important}.catalog-header[data-v-1ea035fd]{margin-bottom:24px}.catalog-description[data-v-1ea035fd]{margin-top:12px}.mockup-item__header[data-v-1ea035fd]{margin-bottom:12px}.mockup-choose-list[data-v-1ea035fd]{margin:0 auto;padding:20px;width:1200px}.mockup-choose-list__header[data-v-1ea035fd]{margin-bottom:32px;text-align:center}.mockup-choose-list__title[data-v-1ea035fd]{color:#1f2937;font-size:2rem;font-weight:700;margin-bottom:12px}.mockup-choose-list__subtitle[data-v-1ea035fd]{color:#6b7280;font-size:1.125rem;line-height:1.6}.mockup-choose-list__filters[data-v-1ea035fd]{display:flex;flex-direction:column;gap:20px;margin-bottom:32px}.mockup-choose-list__grid[data-v-1ea035fd]{display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));margin-bottom:32px}.mockup-choose-list__pagination[data-v-1ea035fd]{align-items:center;border-top:1px solid #e5e7eb;display:flex;justify-content:space-between;margin-bottom:32px;padding:20px 0}.mockup-choose-list__actions[data-v-1ea035fd]{gap:16px}.mockup-choose-list__actions[data-v-1ea035fd],.search-box[data-v-1ea035fd]{display:flex;justify-content:center}.search-input[data-v-1ea035fd]{border:2px solid #e5e7eb;border-radius:8px;font-size:1rem;max-width:400px;padding:12px 16px;transition:border-color .2s ease;width:100%}.search-input[data-v-1ea035fd]:focus{border-color:#6366f1;outline:none}.category-filters[data-v-1ea035fd]{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.category-btn[data-v-1ea035fd]{background-color:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;font-size:.875rem;padding:8px 16px;transition:all .2s ease}.category-btn[data-v-1ea035fd]:hover{background-color:#f9fafb;border-color:#9ca3af}.category-btn--active[data-v-1ea035fd]{background-color:#6366f1;border-color:#6366f1;color:#fff}.mockup-item[data-v-1ea035fd]{background:#fff;border:2px solid #e5e7eb;border-radius:12px;cursor:pointer;overflow:hidden;position:relative;transition:all .2s ease}.mockup-item[data-v-1ea035fd]:hover{border-color:#6366f1;box-shadow:0 8px 25px #0000001a;transform:translateY(-2px)}.mockup-item--selected[data-v-1ea035fd]{border-color:#6366f1;box-shadow:0 0 0 3px #3b82f61a}.mockup-item__image[data-v-1ea035fd]{height:200px;overflow:hidden;position:relative}.mockup-item__image img[data-v-1ea035fd]{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.mockup-item__overlay[data-v-1ea035fd]{left:12px;position:absolute;top:12px}.mockup-item__category[data-v-1ea035fd]{background-color:#3b82f6e6;border-radius:4px;color:#fff;font-size:.75rem;font-weight:500;padding:4px 8px}.mockup-item__content[data-v-1ea035fd]{padding:20px}.mockup-item__name[data-v-1ea035fd]{color:#1f2937;font-size:1.125rem;font-weight:600;margin-bottom:8px}.mockup-item__description[data-v-1ea035fd]{color:#6b7280;font-size:.875rem;line-height:1.5;margin-bottom:16px}.mockup-item__tags[data-v-1ea035fd]{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px}.mockup-item__tag[data-v-1ea035fd]{background-color:#f3f4f6;border-radius:4px;color:#374151;font-size:.75rem;font-weight:500;padding:3px 6px}.mockup-item__actions[data-v-1ea035fd]{margin-bottom:8px}.mockup-item__selection[data-v-1ea035fd]{position:absolute;right:12px;top:12px}.preview-btn[data-v-1ea035fd]{background-color:#f3f4f6;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;font-size:.875rem;padding:8px 12px;transition:all .2s ease;width:100%}.preview-btn[data-v-1ea035fd]:hover{background-color:#e5e7eb;border-color:#9ca3af}.selection-indicator[data-v-1ea035fd]{align-items:center;background-color:#6366f1;border-radius:50%;display:flex;height:24px;justify-content:center;width:24px}.checkmark[data-v-1ea035fd]{color:#fff;font-size:14px;font-weight:700}.pagination-info[data-v-1ea035fd]{color:#6b7280;font-size:.875rem}.pagination-controls[data-v-1ea035fd]{align-items:center;display:flex;gap:8px}.pagination-btn[data-v-1ea035fd]{align-items:center;background-color:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s ease;width:36px}.pagination-btn[data-v-1ea035fd]:hover:not(:disabled){background-color:#f9fafb;border-color:#9ca3af}.pagination-btn[data-v-1ea035fd]:disabled{cursor:not-allowed;opacity:.5}.pagination-numbers[data-v-1ea035fd]{display:flex;gap:4px}.pagination-number[data-v-1ea035fd]{align-items:center;background-color:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;display:flex;font-size:.875rem;height:36px;justify-content:center;transition:all .2s ease;width:36px}.pagination-number[data-v-1ea035fd]:hover:not(.pagination-number--active){background-color:#f9fafb;border-color:#9ca3af}.pagination-number--active[data-v-1ea035fd]{background-color:#6366f1;border-color:#6366f1;color:#fff}.btn[data-v-1ea035fd]{border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:500;padding:12px 24px;transition:all .2s ease}.btn--primary[data-v-1ea035fd]{background-color:#6366f1;color:#fff}.btn--primary[data-v-1ea035fd]:hover:not(:disabled){background-color:#4f46e5}.btn--primary[data-v-1ea035fd]:disabled{cursor:not-allowed;opacity:.5}.btn--secondary[data-v-1ea035fd]{background-color:#f3f4f6;border:1px solid #d1d5db;color:#374151}.btn--secondary[data-v-1ea035fd]:hover{background-color:#e5e7eb;border-color:#9ca3af}.preview-modal[data-v-1ea035fd]{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.preview-modal__content[data-v-1ea035fd]{background:#fff;border-radius:12px;max-height:90vh;max-width:600px;overflow-y:auto;width:100%}.preview-modal__header[data-v-1ea035fd]{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:20px}.preview-modal__header h3[data-v-1ea035fd]{color:#1f2937;font-size:1.25rem;margin:0}.preview-modal__image[data-v-1ea035fd]{padding:20px}.preview-modal__image img[data-v-1ea035fd]{border-radius:8px;height:auto;width:100%}.preview-modal__details[data-v-1ea035fd]{padding:0 20px 20px}.preview-modal__details p[data-v-1ea035fd]{color:#6b7280;line-height:1.6;margin-bottom:16px}.preview-modal__tags[data-v-1ea035fd]{display:flex;flex-wrap:wrap;gap:8px}.preview-modal__tag[data-v-1ea035fd]{background-color:#f3f4f6;border-radius:4px;color:#374151;font-size:.75rem;font-weight:500;padding:4px 8px}.close-btn[data-v-1ea035fd]{align-items:center;background:none;border:none;border-radius:4px;color:#6b7280;cursor:pointer;display:flex;font-size:1.5rem;height:32px;justify-content:center;padding:0;transition:background-color .2s ease;width:32px}.close-btn[data-v-1ea035fd]:hover{background-color:#f3f4f6}@media (max-width:1200px){.mockup-choose-list[data-v-1ea035fd]{max-width:1000px;padding:16px;width:100%}}@media (max-width:1024px){.mockup-choose-list__grid[data-v-1ea035fd]{gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}@media (max-width:768px){.mockup-choose-list[data-v-1ea035fd]{padding:12px}.mockup-choose-list__grid[data-v-1ea035fd]{gap:16px;grid-template-columns:1fr}.mockup-choose-list__pagination[data-v-1ea035fd]{flex-direction:column;gap:16px;text-align:center}.mockup-choose-list__actions[data-v-1ea035fd]{flex-direction:column;gap:12px}.category-filters[data-v-1ea035fd]{gap:8px;justify-content:center}.category-btn[data-v-1ea035fd]{font-size:.8rem;padding:6px 12px}.pagination-controls[data-v-1ea035fd]{justify-content:center}.catalog-header[data-v-1ea035fd]{margin-bottom:20px}.mockup-item__header[data-v-1ea035fd]{margin-bottom:10px}.search-input[data-v-1ea035fd]{font-size:.9rem;max-width:100%;padding:10px 14px}.preview-modal[data-v-1ea035fd]{padding:15px}.preview-modal__content[data-v-1ea035fd]{max-width:90%}.preview-modal__header[data-v-1ea035fd],.preview-modal__image[data-v-1ea035fd]{padding:18px}.preview-modal__details[data-v-1ea035fd]{padding:0 18px 18px}}@media (max-width:480px){.mockup-choose-list[data-v-1ea035fd]{padding:8px}.mockup-choose-list__grid[data-v-1ea035fd]{gap:12px}.mockup-choose-list__filters[data-v-1ea035fd]{gap:16px;margin-bottom:24px}.mockup-choose-list__pagination[data-v-1ea035fd]{gap:12px;padding:16px 0}.mockup-choose-list__actions[data-v-1ea035fd]{gap:10px}.category-filters[data-v-1ea035fd]{gap:6px}.category-btn[data-v-1ea035fd]{font-size:.75rem;padding:5px 10px}.search-input[data-v-1ea035fd]{font-size:.85rem;padding:8px 12px}.mockup-item__content[data-v-1ea035fd]{padding:12px}.mockup-item__name[data-v-1ea035fd]{font-size:1rem}.mockup-item__description[data-v-1ea035fd]{font-size:.8rem}.mockup-item__tag[data-v-1ea035fd]{font-size:.7rem;padding:3px 6px}.pagination-btn[data-v-1ea035fd],.pagination-number[data-v-1ea035fd]{font-size:.8rem;padding:6px 10px}.btn[data-v-1ea035fd]{font-size:.9rem;padding:10px 16px}.preview-modal[data-v-1ea035fd]{padding:10px}.preview-modal__content[data-v-1ea035fd]{max-height:95vh;max-width:100%}.preview-modal__header[data-v-1ea035fd]{padding:16px}.preview-modal__header h3[data-v-1ea035fd]{font-size:1.1rem}.preview-modal__image[data-v-1ea035fd]{padding:16px}.preview-modal__details[data-v-1ea035fd]{padding:0 16px 16px}.preview-modal__tags[data-v-1ea035fd]{gap:6px}.preview-modal__tag[data-v-1ea035fd]{font-size:.7rem;padding:3px 6px}}