:root{--dr-primary: #0066cc;--dr-primary-hover: #0052a3;--dr-success: #28a745;--dr-danger: #dc3545;--dr-gray-100: #f8f9fa;--dr-gray-200: #e9ecef;--dr-gray-300: #dee2e6;--dr-gray-400: #ced4da;--dr-gray-500: #adb5bd;--dr-gray-600: #6c757d;--dr-gray-700: #495057;--dr-gray-800: #343a40;--dr-gray-900: #212529;--dr-border-radius: 8px;--dr-shadow: 0 2px 8px rgba(0, 0, 0, .08);--dr-shadow-lg: 0 4px 16px rgba(0, 0, 0, .12)}.design-request-page{min-height:100vh;background:var(--dr-gray-100)}.dr-header{background:#fff;border-bottom:1px solid var(--dr-gray-200);padding:12px 24px;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:100}.dr-header__logo{display:flex;align-items:center;gap:12px;font-size:18px;font-weight:600;color:var(--dr-gray-900)}.dr-header__logo-icon{width:32px;height:32px;background:var(--dr-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff}.dr-header__help{text-align:center;font-size:13px;color:var(--dr-gray-600)}.dr-header__help a{color:var(--dr-primary);font-weight:500}.dr-header__close{background:none;border:none;font-size:24px;color:var(--dr-gray-500);cursor:pointer;padding:8px;line-height:1}.dr-header__close:hover{color:var(--dr-gray-700)}.dr-progress{background:var(--dr-gray-800);padding:16px 24px;display:flex;justify-content:center;align-items:center;gap:0}.dr-progress__step{display:flex;align-items:center;gap:8px;color:var(--dr-gray-500);font-size:13px;font-weight:500}.dr-progress__step.completed .dr-progress__icon,.dr-progress__step.active .dr-progress__icon{background:var(--dr-primary);border-color:var(--dr-primary);color:#fff}.dr-progress__step.active .dr-progress__label{color:#fff}.dr-progress__step.completed .dr-progress__label{color:var(--dr-gray-400)}.dr-progress__icon{width:28px;height:28px;border-radius:50%;border:2px solid var(--dr-gray-600);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600}.dr-progress__line{width:80px;height:2px;background:var(--dr-gray-600);margin:0 16px}.dr-progress__line.completed{background:var(--dr-primary)}.dr-layout{display:grid;grid-template-columns:1fr 340px;gap:0;max-width:1400px;margin:0 auto;min-height:calc(100vh - 120px)}.dr-main{padding:32px 48px;background:#fff}.dr-sidebar{background:var(--dr-gray-100);padding:24px;border-left:1px solid var(--dr-gray-200)}.dr-login-banner{background:var(--dr-gray-800);border-radius:var(--dr-border-radius);padding:16px 24px;display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.dr-login-banner__text{color:#fff;font-size:14px}.dr-login-banner__btn{background:#fff;color:var(--dr-gray-800);border:none;border-radius:20px;padding:10px 20px;font-size:13px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s}.dr-login-banner__btn:hover{background:var(--dr-gray-200)}.dr-section-title{font-size:28px;font-weight:700;color:var(--dr-gray-900);margin-bottom:8px}.dr-section-subtitle{font-size:14px;color:var(--dr-gray-600);margin-bottom:32px}.dr-form-group{margin-bottom:24px}.dr-form-row{display:grid;grid-template-columns:1fr 1fr;gap:24px}.dr-label{display:block;font-size:14px;font-weight:600;color:var(--dr-gray-800);margin-bottom:8px}.dr-label .required{color:var(--dr-danger)}.dr-label .optional{color:var(--dr-gray-500);font-weight:400}.dr-input,.dr-select,.dr-textarea{width:100%;padding:12px 16px;border:1px solid var(--dr-gray-300);border-radius:var(--dr-border-radius);font-size:14px;color:var(--dr-gray-800);background:#fff;transition:border-color .2s,box-shadow .2s}.dr-input:focus,.dr-select:focus,.dr-textarea:focus{outline:none;border-color:var(--dr-primary);box-shadow:0 0 0 3px #0066cc1a}.dr-input::placeholder{color:var(--dr-gray-500)}.dr-textarea{min-height:120px;resize:vertical}.dr-phone-input{display:flex;gap:8px}.dr-phone-input .dr-country-select{width:100px;flex-shrink:0}.dr-phone-input .dr-input{flex:1}.dr-accordion{border:1px solid var(--dr-gray-200);border-radius:var(--dr-border-radius);margin-bottom:24px;overflow:hidden}.dr-accordion__header{padding:16px 20px;background:#fff;border:none;width:100%;display:flex;justify-content:space-between;align-items:center;cursor:pointer;font-size:16px;font-weight:600;color:var(--dr-gray-800)}.dr-accordion__header:hover{background:var(--dr-gray-100)}.dr-accordion__icon{font-size:20px;color:var(--dr-gray-500);transition:transform .3s}.dr-accordion.open .dr-accordion__icon{transform:rotate(180deg)}.dr-accordion__content{padding:0 20px 20px;display:none}.dr-accordion.open .dr-accordion__content{display:block}.dr-colors{margin-bottom:32px}.dr-colors__title{font-size:18px;font-weight:700;margin-bottom:16px;color:var(--dr-gray-900)}.dr-colors__row{display:grid;grid-template-columns:1fr 1fr;gap:32px}.dr-colors__group-title{font-size:14px;font-weight:600;color:var(--dr-gray-800);margin-bottom:8px}.dr-colors__group-subtitle{font-size:12px;color:var(--dr-gray-500);margin-bottom:12px}.dr-colors__grid{display:grid;grid-template-columns:repeat(10,1fr);gap:6px}.dr-color-swatch{width:100%;aspect-ratio:1;border-radius:4px;border:2px solid transparent;cursor:pointer;transition:transform .15s,border-color .15s}.dr-color-swatch:hover{transform:scale(1.15);z-index:1}.dr-color-swatch.selected{border-color:var(--dr-gray-900);box-shadow:0 0 0 2px #fff,0 0 0 4px var(--dr-gray-900)}.dr-toggle{display:flex;align-items:center;gap:16px;margin-bottom:24px}.dr-toggle__label{font-size:14px;font-weight:500;color:var(--dr-gray-800)}.dr-toggle__options{display:flex;gap:24px}.dr-toggle__option{display:flex;align-items:center;gap:8px;cursor:pointer}.dr-toggle__option input{width:18px;height:18px;accent-color:var(--dr-primary)}.dr-uploads{margin-bottom:32px}.dr-uploads__title{font-size:18px;font-weight:700;margin-bottom:8px;color:var(--dr-gray-900)}.dr-uploads__subtitle{font-size:13px;color:var(--dr-gray-500);margin-bottom:16px}.dr-uploads__row{display:grid;grid-template-columns:1fr 1fr;gap:24px}.dr-upload-zone{border:2px dashed var(--dr-gray-300);border-radius:var(--dr-border-radius);padding:32px;text-align:center;cursor:pointer;transition:border-color .2s,background .2s}.dr-upload-zone:hover{border-color:var(--dr-primary);background:#0066cc05}.dr-upload-zone__icon{font-size:32px;color:var(--dr-gray-400);margin-bottom:12px}.dr-upload-zone__text{font-size:14px;color:var(--dr-primary);font-weight:500}.dr-upload-zone__hint{font-size:12px;color:var(--dr-gray-500);margin-top:4px}.dr-info-box{background:#fff8e6;border-left:4px solid #ffc107;padding:16px 20px;margin-bottom:32px;border-radius:0 var(--dr-border-radius) var(--dr-border-radius) 0}.dr-info-box p{font-size:13px;color:var(--dr-gray-700);margin:0 0 8px;line-height:1.5}.dr-info-box a{color:var(--dr-primary);text-decoration:underline}.dr-submit-btn{background:var(--dr-primary);color:#fff;border:none;border-radius:25px;padding:14px 32px;font-size:14px;font-weight:600;cursor:pointer;transition:background .2s;text-transform:uppercase;letter-spacing:.5px}.dr-submit-btn:hover{background:var(--dr-primary-hover)}.dr-submit-btn:disabled{background:var(--dr-gray-400);cursor:not-allowed}.dr-nav-buttons{display:flex;gap:16px;margin-top:32px}.dr-btn{padding:12px 24px;border-radius:25px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.dr-btn--primary{background:var(--dr-primary);color:#fff;border:none}.dr-btn--primary:hover{background:var(--dr-primary-hover)}.dr-btn--secondary{background:#fff;color:var(--dr-gray-700);border:1px solid var(--dr-gray-300)}.dr-btn--secondary:hover{background:var(--dr-gray-100)}.dr-sidebar__title{font-size:14px;font-weight:600;color:var(--dr-gray-800);margin-bottom:16px;display:flex;justify-content:space-between;align-items:center}.dr-sidebar__edit{color:var(--dr-primary);font-size:13px;cursor:pointer}.dr-product-card{background:#fff;border-radius:var(--dr-border-radius);padding:16px;margin-bottom:16px;box-shadow:var(--dr-shadow)}.dr-product-card__header{display:flex;gap:12px;align-items:flex-start}.dr-product-card__image{width:60px;height:60px;border-radius:6px;object-fit:cover;background:var(--dr-gray-200)}.dr-product-card__info{flex:1}.dr-product-card__name{font-size:14px;font-weight:600;color:var(--dr-gray-800);margin-bottom:8px}.dr-product-card__qty{display:flex;align-items:center;gap:8px}.dr-product-card__qty-label{font-size:12px;color:var(--dr-gray-600)}.dr-product-card__qty-controls{display:flex;align-items:center;border:1px solid var(--dr-gray-300);border-radius:4px;overflow:hidden}.dr-product-card__qty-btn{width:28px;height:28px;background:var(--dr-gray-100);border:none;cursor:pointer;font-size:16px;color:var(--dr-gray-600)}.dr-product-card__qty-btn:hover{background:var(--dr-gray-200)}.dr-product-card__qty-value{width:40px;text-align:center;font-size:14px;font-weight:500;border:none;background:#fff}.dr-product-card__delete{background:none;border:none;color:var(--dr-gray-400);cursor:pointer;padding:4px}.dr-product-card__delete:hover{color:var(--dr-danger)}.dr-product-card__expand{margin-top:12px;padding-top:12px;border-top:1px solid var(--dr-gray-200);display:flex;justify-content:space-between;align-items:center;font-size:13px;color:var(--dr-gray-600)}.dr-sidebar__info{background:#fff;border-radius:var(--dr-border-radius);padding:16px;margin-top:16px;box-shadow:var(--dr-shadow)}.dr-sidebar__info-count{font-size:13px;color:var(--dr-gray-600);padding-bottom:12px;border-bottom:1px solid var(--dr-gray-200);margin-bottom:12px}.dr-sidebar__info-title{font-size:14px;font-weight:600;color:var(--dr-gray-800);margin-bottom:8px}.dr-sidebar__info-text{font-size:13px;color:var(--dr-gray-600);line-height:1.5}.dr-sidebar__info-text a{color:var(--dr-primary)}.dr-sidebar__info-note{font-size:12px;color:var(--dr-danger);margin-top:12px}.dr-step{display:none}.dr-step.active{display:block}.dr-char-count{font-size:12px;color:var(--dr-gray-500);margin-top:4px}.dr-char-count.error{color:var(--dr-danger)}@media(max-width:1024px){.dr-layout{grid-template-columns:1fr}.dr-sidebar{display:none}.dr-main{padding:24px}.dr-form-row,.dr-colors__row,.dr-uploads__row{grid-template-columns:1fr;gap:16px}.dr-colors__grid{grid-template-columns:repeat(8,1fr)}}@media(max-width:768px){.dr-header{padding:12px 16px}.dr-header__help{display:none}.dr-progress{padding:12px 16px}.dr-progress__label{display:none}.dr-progress__line{width:40px}.dr-login-banner{flex-direction:column;gap:12px;text-align:center}.dr-section-title{font-size:24px}.dr-colors__grid{grid-template-columns:repeat(6,1fr)}}.dr-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;opacity:0;visibility:hidden;transition:all .3s}.dr-modal-overlay.active{opacity:1;visibility:visible}.dr-modal{background:#fff;border-radius:var(--dr-border-radius);padding:32px;max-width:500px;width:90%;position:relative;box-shadow:var(--dr-shadow-lg);transform:translateY(20px);transition:transform .3s}#uploadDesignModal .dr-modal{max-width:820px;width:95vw;padding:16px 16px 24px;max-height:90vh;overflow-y:auto}.pxFormGenerator{min-height:400px;width:100%}.dr-modal-overlay.active .dr-modal{transform:translateY(0)}.dr-modal__close{position:absolute;top:16px;right:16px;background:none;border:none;font-size:24px;color:var(--dr-gray-500);cursor:pointer;line-height:1}.dr-modal__title{font-size:20px;font-weight:700;color:var(--dr-gray-900);margin-bottom:16px;text-align:center}.dr-modal__text{font-size:14px;color:var(--dr-gray-600);margin-bottom:24px;text-align:center;line-height:1.5}.dr-modal__actions{display:flex;gap:16px;justify-content:center}.dr-modal__actions .dr-btn{width:100%}.dr-input.error,.dr-select.error,.dr-textarea.error{border-color:var(--dr-danger)}.dr-error-message{font-size:12px;color:var(--dr-danger);margin-top:4px}.dr-loading{position:relative;pointer-events:none}.dr-loading:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#fffc;display:flex;align-items:center;justify-content:center}.dr-success{background:#d4edda;border:1px solid #c3e6cb;border-radius:var(--dr-border-radius);padding:20px;text-align:center;margin-bottom:24px}.dr-success__icon{font-size:48px;color:var(--dr-success);margin-bottom:12px}.dr-success__title{font-size:20px;font-weight:600;color:var(--dr-success);margin-bottom:8px}.dr-success__text{font-size:14px;color:var(--dr-gray-700)}
/*# sourceMappingURL=/cdn/shop/t/8/assets/design-request.css.map */