:root{--transition: all .3s ease;--border-radius: 8px;--shadow-light: 0 2px 8px rgba(0, 0, 0, .1);--shadow-medium: 0 4px 16px rgba(0, 0, 0, .15)}.customer-review-form-wrapper{padding:60px 0;min-height:100vh}.customer-review-form-wrapper .container{max-width:800px;margin:0 auto;padding:0 20px}.form-header{text-align:center;margin-bottom:40px}.form-title{font-size:2.5rem;font-weight:700;margin:0;line-height:1.2}@media (max-width: 768px){.form-title{font-size:2rem}}.customer-review-form{background:#fff;border-radius:var(--border-radius);border:1px solid;padding:40px;box-shadow:var(--shadow-light);transition:var(--transition)}.customer-review-form:hover{box-shadow:var(--shadow-medium)}@media (max-width: 768px){.customer-review-form{padding:30px 20px}}.form-grid{display:grid;grid-template-columns:1fr;gap:24px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group--half,.form-group--full{grid-column:span 1}@media (min-width: 768px){.form-grid{grid-template-columns:1fr 1fr}.form-group--full{grid-column:span 2}}.form-label{font-weight:600;font-size:1rem;margin-bottom:6px;display:flex;align-items:center;gap:4px}.required{font-weight:700;font-size:1.1em}.form-input,.form-textarea{width:100%;padding:14px 16px;border:2px solid;border-radius:var(--border-radius);font-size:1rem;font-family:inherit;transition:var(--transition);box-sizing:border-box}.form-input:focus,.form-textarea:focus{outline:none;border-color:var(--primary-color, #D8B16A);box-shadow:0 0 0 3px #d8b16a1a}.form-textarea{resize:vertical;line-height:1.5}.character-count{font-size:.875rem;text-align:right;margin-top:4px}.rating-wrapper{display:flex;flex-direction:column;gap:12px}.star-rating{display:flex;gap:4px;align-items:center}.star{background:none;border:none;cursor:pointer;padding:4px;border-radius:50%;transition:var(--transition);display:flex;align-items:center;justify-content:center}.star:hover{background-color:#0000000d;transform:scale(1.1)}.star:active{transform:scale(.95)}.star svg{width:24px;height:24px;pointer-events:none}.rating-label{font-size:.95rem;font-weight:500;min-height:1.5em}@media (max-width: 480px){.star svg{width:20px;height:20px}.star-rating{justify-content:center}}.photo-upload-grid{display:grid;grid-template-columns:1fr;gap:16px}@media (min-width: 768px){.photo-upload-grid{grid-template-columns:1fr 1fr}}.photo-upload-label{display:block;border:2px dashed;border-radius:var(--border-radius);padding:24px;text-align:center;cursor:pointer;transition:var(--transition);position:relative;min-height:120px;display:flex;align-items:center;justify-content:center}.photo-upload-label:hover{border-style:solid;background-color:#00000005}.photo-upload-single{min-height:160px}.photo-input{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden;clip:rect(1px,1px,1px,1px)}.upload-content{display:flex;flex-direction:column;align-items:center;gap:8px}.upload-content span{font-weight:500;font-size:1rem}.upload-content small{font-size:.875rem;font-weight:400}.upload-preview{display:none;width:100%;height:100%}.upload-preview img{width:100%;height:100%;object-fit:cover;border-radius:calc(var(--border-radius) - 2px)}.form-submit{margin-top:20px}.btn-submit{width:100%;padding:16px 32px;border:none;border-radius:var(--border-radius);font-size:1.1rem;font-weight:600;cursor:pointer;transition:var(--transition);position:relative;overflow:hidden;min-height:56px;display:flex;align-items:center;justify-content:center;gap:8px}.btn-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-medium)}.btn-submit:active:not(:disabled){transform:translateY(0)}.btn-submit:disabled{opacity:.8;cursor:not-allowed}.btn-submit--gradient{background:linear-gradient(135deg,#d8b16a,#a6a17d)}.btn-submit--solid{background-color:var(--primary-color, #D8B16A)}.btn-spinner{display:inline-flex;align-items:center}.spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.success-message{margin-top:24px;padding:20px;border-radius:var(--border-radius);border:1px solid;font-size:1rem;font-weight:500;text-align:center;animation:slideIn .5s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.error-message{font-size:.875rem;font-weight:500;margin-top:4px;min-height:1.25em;display:none}.error-message.show{display:block;animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.form-input.error,.form-textarea.error{border-color:#e74c3c;box-shadow:0 0 0 3px #e74c3c1a}.form-input.success,.form-textarea.success{border-color:#27ae60;box-shadow:0 0 0 3px #27ae601a}@media (max-width: 480px){.customer-review-form-wrapper{padding:40px 0}.customer-review-form-wrapper .container{padding:0 16px}.customer-review-form{padding:24px 16px}.form-title{font-size:1.75rem}.form-input,.form-textarea{padding:12px 14px;font-size:16px}.btn-submit{padding:14px 24px;font-size:1rem;min-height:48px}.photo-upload-label{padding:20px;min-height:100px}.upload-content span{font-size:.9rem}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.form-input:focus-visible,.form-textarea:focus-visible,.btn-submit:focus-visible,.star:focus-visible,.photo-upload-label:focus-visible{outline:2px solid #005fcc;outline-offset:2px}@media print{.customer-review-form-wrapper{background:#fff!important}.btn-submit,.photo-upload-label{display:none}.form-input,.form-textarea{border:1px solid #000!important;background:#fff!important}}.photo-upload-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.photo-upload-label{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:160px;border:2px dashed #EDE6DD;border-radius:12px;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.photo-upload-label:hover{border-color:#d8b16a;background-color:#f9f7f4}.photo-upload-label.photo-upload-single{min-height:180px}.photo-input{position:absolute;opacity:0;width:100%;height:100%;cursor:pointer}.upload-content{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;padding:20px}.upload-content svg{margin-bottom:8px}.upload-content span{font-size:16px;font-weight:500}.upload-content small{font-size:14px;margin-top:4px}.upload-preview{display:none;width:100%;height:100%;padding:10px;box-sizing:border-box}.upload-preview img{width:100%;height:100%;object-fit:cover;border-radius:8px}@media (max-width: 768px){.photo-upload-grid{grid-template-columns:1fr;gap:15px}.photo-upload-label{min-height:140px}.upload-content{padding:15px}.upload-content span{font-size:14px}.upload-content small{font-size:12px}}@keyframes uploadPulse{0%{opacity:1}50%{opacity:.7}to{opacity:1}}.photo-upload-label.uploading{animation:uploadPulse 1.5s infinite;pointer-events:none}.error-message{font-size:14px;margin-top:8px;display:none}.error-message.show{display:block}@keyframes uploadPulse{0%{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.02)}to{opacity:1;transform:scale(1)}}@keyframes progressPulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.photo-upload-label.uploading{animation:uploadPulse 2s infinite;border-color:#d8b16a!important;background:linear-gradient(45deg,#f9f7f4,#fdf6ed)!important;pointer-events:none}.upload-progress{transition:width .3s ease;position:relative}.upload-progress:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:shimmer 1.5s infinite}.upload-preview img{transition:transform .2s ease}.upload-preview img:hover{transform:scale(1.02);cursor:pointer}.photo-upload-label:hover{transform:translateY(-2px);box-shadow:0 4px 12px #d8b16a26}.photo-upload-label:hover .upload-content svg{transform:translateY(-2px)}.upload-content button{transition:all .2s ease}.upload-content button:hover{transform:translateY(-1px);box-shadow:0 2px 8px #d8b16a4d}.upload-preview>div:first-child{position:relative;overflow:hidden;border-radius:8px}.upload-preview a{text-decoration:none;font-weight:500}.upload-preview a:hover{text-decoration:underline}
/*# sourceMappingURL=/cdn/shop/t/2/assets/customer-review-form.css.map */