.skc-section{background:var(--skc-bg);color:var(--skc-text);font-family:var(--skc-font);position:relative;overflow:hidden}.skc-section:before{content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(to right,transparent,rgba(255,255,255,.03),transparent);animation:bgShimmer 8s infinite;pointer-events:none;z-index:1}@keyframes bgShimmer{0%{left:-100%}20%{left:100%}to{left:100%}}.skc-container{max-width:1140px;margin:0 auto;padding:56px 20px;position:relative;z-index:2}.skc-hero{display:flex;justify-content:center;margin-bottom:28px;position:relative}.skc-hero img{max-width:560px;width:100%;height:auto;border-radius:20px;transition:transform .5s ease,box-shadow .5s ease}.skc-hero:hover img{transform:scale(1.02);box-shadow:0 15px 30px #0000001a}.skc-hero:after{content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(to right,transparent,rgba(255,255,255,.2),transparent);animation:heroShimmer 6s infinite;pointer-events:none;border-radius:20px}@keyframes heroShimmer{0%{left:-100%}30%{left:200%}to{left:200%}}.skc-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;align-items:start;justify-items:center;margin-bottom:48px;position:relative}.skc-steps:after{content:"";position:absolute;top:30px;left:15%;right:15%;height:2px;background:linear-gradient(90deg,transparent,#e0e0e0,transparent);z-index:0}.skc-step{text-align:center;position:relative;z-index:2;width:100%;padding:10px;transition:transform .3s ease}.skc-step:hover{transform:translateY(-5px)}.skc-step__num{font-size:24px;width:42px;height:42px;border-radius:999px;background:#d44628;color:#fff;font-weight:700;display:flex;align-items:center;justify-content:center;margin:0 auto 10px;position:relative;overflow:hidden;transition:all .3s ease;box-shadow:0 4px 10px #d446284d}.skc-step__num:after{content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(to right,transparent,rgba(255,255,255,.3),transparent);animation:stepShimmer 4s infinite;animation-delay:calc(var(--step-index, 0) * .5s)}.skc-step:nth-child(1) .skc-step__num:after{--step-index: 1}.skc-step:nth-child(2) .skc-step__num:after{--step-index: 2}.skc-step:nth-child(3) .skc-step__num:after{--step-index: 3}@keyframes stepShimmer{0%{left:-100%}30%{left:200%}to{left:200%}}.skc-step:hover .skc-step__num{transform:scale(1.1) rotate(5deg);background:#c0392b;box-shadow:0 6px 15px #d4462866}.skc-step__title{font-weight:var(--skc-label-w);margin-bottom:6px;font-size:var(--skc-label-size);letter-spacing:var(--skc-letter);position:relative;display:inline-block}.skc-step__title:after{content:"";position:absolute;bottom:-4px;left:50%;width:0;height:2px;background:#d44628;transform:translate(-50%);transition:width .3s ease}.skc-step:hover .skc-step__title:after{width:50%}.skc-step__desc{font-size:14px;max-width:260px;margin:0 auto;line-height:18px;color:#929292;transition:color .3s ease}.skc-step:hover .skc-step__desc{color:#666}@media(min-width:768px){.skc-step:not(:last-child):before{content:"\2192";position:absolute;right:-25px;top:30px;font-size:24px;color:#ccc;animation:arrowPulse 2s infinite;z-index:3}}@keyframes arrowPulse{0%,to{opacity:.5;transform:translate(0)}50%{opacity:1;transform:translate(5px)}}.skc-heading{font-size:var(--skc-h2-size);line-height:1.35;margin:8px 0 20px;text-align:left;letter-spacing:var(--skc-letter);position:relative;display:inline-block}.skc-heading:after{content:"";position:absolute;bottom:-8px;left:0;width:60px;height:3px;background:#d44628;animation:headingLine 3s infinite}@keyframes headingLine{0%{width:60px;opacity:.5}50%{width:100px;opacity:1}to{width:60px;opacity:.5}}.skc-form{background:transparent}.skc-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--skc-gap)}.skc-field{display:flex;flex-direction:column;gap:8px;position:relative}.skc-label{font-size:var(--skc-label-size);font-weight:var(--skc-label-w);color:#2a2a2a;letter-spacing:var(--skc-letter);display:flex;align-items:center;gap:6px}.skc-label-icon{display:inline-flex;transition:all .3s ease;color:#666}.skc-field:hover .skc-label-icon{transform:scale(1.1) rotate(5deg);color:#d44628}.skc-input,.skc-select{appearance:none;-webkit-appearance:none;background:var(--skc-accent);border:.5px solid #8A8A8A;border-radius:var(--skc-radius);height:54px;padding:0 22px;outline:none;transition:all .3s ease;font-size:var(--skc-input-size);font-weight:var(--skc-body-w);letter-spacing:var(--skc-letter);width:100%}.skc-input:hover,.skc-select:hover{border-color:#666;background:#fff}.skc-input:focus,.skc-select:focus{border-color:#d44628;box-shadow:0 0 0 3px #d446281a;background:#fff;transform:translateY(-2px)}.skc_textarea{height:120px;padding:11px 22px;resize:vertical;font-family:inherit}.skc-select-wrap{position:relative}.skc-caret{position:absolute;right:16px;top:50%;transform:translateY(-50%);pointer-events:none;color:#9a9a9a;font-size:14px;display:flex;align-items:center;transition:transform .3s ease}.skc-select-wrap:hover .skc-caret{color:#d44628;transform:translateY(-50%) rotate(180deg)}.skc-upload-icon svg{width:40px;height:40px;transition:transform .3s ease}.skc-upload-cta{display:flex;align-items:center;gap:10px;flex:1}.skc-upload .skc-upload-box{position:relative;height:auto;min-height:54px;cursor:pointer;border:.5px solid #8A8A8A;border-radius:var(--skc-radius);padding:18px;display:flex;align-items:center;gap:16px;background:#fff;transition:all .3s ease;overflow:hidden}.skc-upload .skc-upload-box:before{content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(to right,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease;pointer-events:none;z-index:2}.skc-upload .skc-upload-box:hover:before{left:100%}.skc-upload .skc-upload-box:hover{border-color:#d44628;background:#fafafa;transform:translateY(-2px);box-shadow:0 8px 20px #0000000d}.skc-upload .skc-upload-box.drag-over{border-color:#d44628;background:#fff0f0;transform:scale(1.02);box-shadow:0 10px 25px #d446281a}.skc-upload .skc-upload-box.upload-success{border-color:#4caf50;background:#f8fff8}.skc-upload .skc-upload-box.is-invalid{border-color:#d32f2f;box-shadow:0 0 0 3px #d32f2f1f}.skc-upload .skc-file{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;display:block;cursor:pointer;z-index:5}.skc-upload-icon{border-radius:18px;display:flex;transition:transform .3s ease}.skc-upload-box:hover .skc-upload-icon{transform:scale(1.1)}.skc-upload-text{font-size:var(--skc-label-size);font-weight:var(--skc-label-w);letter-spacing:var(--skc-letter);transition:all .3s ease}.skc-upload-hint{font-size:12px;color:#888;margin-top:2px;display:flex;align-items:center;gap:4px}.skc-upload-hint .file-ready{color:#4caf50;font-weight:500}.skc-upload-btn{background:#f10000;color:#fff;border:none;border-radius:24px!important;padding:8px 24px;font-size:13px;font-weight:500;line-height:normal;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:6px;box-shadow:0 4px 10px #f1000033}.skc-upload-btn:hover{background:#d00000;transform:translateY(-2px);box-shadow:0 6px 15px #f100004d}.skc-upload-btn svg{width:16px;height:16px;transition:transform .3s ease}.skc-upload-btn:hover svg{transform:translateY(-2px)}.skc-file{display:none}.skc-preview{max-height:40px;border-radius:12px;margin-left:auto;box-shadow:0 2px 8px #0000001a}.skc-preview-container{margin-top:12px;padding:10px 16px;background:#f5f5f5;border-radius:12px;display:flex;align-items:center;gap:16px;animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.skc-preview-info{display:flex;align-items:center;gap:8px;font-size:13px;color:#444;flex:1;flex-wrap:wrap}.skc-preview-info svg{width:18px;height:18px;color:#4caf50}.skc-preview-filename{font-weight:600;color:#1a1a1a;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.skc-preview-filesize{color:#666;font-size:11px}.skc-preview-remove{width:24px;height:24px;border-radius:50%;background:#f44;color:#fff;border:none;font-size:18px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;margin-left:auto;transition:all .2s;padding:0}.skc-preview-remove:hover{background:#c00;transform:scale(1.1) rotate(90deg)}.skc-actions{display:flex;justify-content:center;align-items:center;margin-top:32px}.skc-submit{background:#262626;color:#fff;border:none;border-radius:40px!important;padding:16px 48px;font-size:18px;font-weight:600;letter-spacing:.5px;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;justify-content:center;gap:12px;position:relative;overflow:hidden;box-shadow:0 8px 20px #0003;min-width:220px}.skc-submit:after{content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(to right,transparent,rgba(255,255,255,.2),transparent);animation:submitShimmer 3s infinite;pointer-events:none}@keyframes submitShimmer{0%{left:-100%}30%{left:200%}to{left:200%}}.skc-submit:hover{background:#1a1a1a;transform:translateY(-5px);box-shadow:0 15px 30px #0000004d}.skc-submit:active{transform:translateY(-2px)}.skc-submit svg{width:20px;height:20px;transition:transform .3s ease}.skc-submit:hover svg:first-child{transform:rotate(90deg) scale(1.2)}.skc-submit:hover svg:last-child{transform:translate(5px)}.skc-submit:disabled{opacity:.7;cursor:not-allowed;transform:none}.skc-error{color:#d32f2f;font-size:.8rem}.skc-input.is-invalid,.skc-select.is-invalid{border-color:#d32f2f;box-shadow:0 0 0 3px #d32f2f1f;animation:shake .5s ease}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.form-success{text-align:center;padding:16px 24px;background:linear-gradient(135deg,#e8f5e9,#c8e6c9);border-radius:16px;color:#2e7d32;font-size:16px;margin-bottom:24px;display:flex;align-items:center;justify-content:center;gap:12px;box-shadow:0 4px 15px #2e7d3233;animation:messagePop .4s ease}.form-errors{text-align:center;padding:16px 24px;background:linear-gradient(135deg,#ffebee,#ffcdd2);border-radius:16px;color:#c62828;font-size:15px;margin-bottom:24px;display:flex;align-items:center;gap:12px;box-shadow:0 4px 15px #c6282833;animation:messagePop .4s ease}.form-success svg,.form-errors svg{width:24px;height:24px;flex-shrink:0}@keyframes messagePop{0%{opacity:0;transform:scale(.9) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.skc-notification{position:fixed;top:20px;right:20px;background:#4caf50;color:#fff;padding:16px 24px;border-radius:12px;display:flex;align-items:center;gap:12px;font-size:14px;font-weight:500;box-shadow:0 8px 25px #00000026;z-index:9999;animation:slideInRight .3s ease;max-width:400px;min-width:300px}.skc-notification--error{background:#f44336}.skc-notification-close{background:none;border:none;color:#fff;font-size:20px;cursor:pointer;margin-left:auto;padding:0 5px;opacity:.7;transition:opacity .2s}.skc-notification-close:hover{opacity:1}.skc-notification svg{width:24px;height:24px;flex-shrink:0}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOutRight{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}.field-focused .skc-label{color:#d44628}.field-focused .skc-label-icon{color:#d44628;transform:scale(1.1)}.spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@media(max-width:767px){.skc-container{padding:40px 16px}.skc-steps{grid-template-columns:1fr;gap:28px;margin-bottom:28px}.skc-steps:after{display:none}.skc-heading{font-size:22px;margin-bottom:16px;text-align:center}.skc-heading:after{left:50%;transform:translate(-50%)}.skc-label{font-size:16px}.skc-grid{grid-template-columns:1fr;gap:14px}.skc-input,.skc-select{height:50px;font-size:14px}.skc-upload .skc-upload-box{padding:16px;flex-direction:column;text-align:center}.skc-upload-cta{gap:14px;flex-direction:column}.skc-upload-text{font-size:14px;margin-bottom:6px}.skc-upload-inner{display:flex;flex-direction:column;align-items:center}.skc-preview-container{flex-direction:column;text-align:center}.skc-preview-info{justify-content:center;flex-wrap:wrap}.skc-preview-filename{max-width:150px}.skc-actions{margin-top:24px}.skc-submit{width:100%;padding:14px 24px;font-size:16px;min-width:auto}.skc-notification{left:20px;right:20px;max-width:none;min-width:auto}}@media(max-width:480px){.skc-upload-box{padding:12px!important}.skc-upload-icon svg{width:32px;height:32px}.skc-preview-filename{max-width:120px}.skc-submit{padding:12px 20px;font-size:15px}.skc-submit svg{width:18px;height:18px}}
/*# sourceMappingURL=/cdn/shop/t/24/assets/skin-advisor.css.map */