.bh-page{display:none;min-height:100vh;padding:40px 16px;background:linear-gradient(135deg,#fdf2f2,#f9fafb,#fef2f2)}.bh-page.bh-visible{display:block;animation:bhFadeIn .5s ease-out}.bh-container{max-width:520px;margin:0 auto}.bh-card{background:#fff;border-radius:20px;box-shadow:0 4px 24px #0000000f,0 1px 4px #0000000a;overflow:hidden}.bh-header{text-align:center;padding:36px 28px 24px;border-bottom:1px solid #f3f4f6;background:linear-gradient(180deg,#fef8f8,#fff)}.bh-shield-icon{display:inline-flex;align-items:center;justify-content:center;width:72px;height:72px;border-radius:50%;background:#fef2f2;margin-bottom:16px}.bh-title{font-size:1.35rem;font-weight:700;color:#1f2937;margin:0 0 8px;line-height:1.3}.bh-description{font-size:.9rem;color:#6b7280;margin:0;line-height:1.5}.bh-form{padding:24px 28px 28px}.bh-method-picker{display:flex;align-items:stretch;gap:0;margin-bottom:24px}.bh-method-card{flex:1;display:flex;align-items:center;gap:10px;padding:14px 12px;border:2px solid #e5e7eb;border-radius:12px;background:#fff;cursor:pointer;transition:border-color .2s ease,background .2s ease,box-shadow .2s ease;text-align:left}.bh-method-card:hover{border-color:#d1d5db;background:#fafafa}.bh-method-card--active{border-color:#a80b1b;background:#fef7f7;box-shadow:0 0 0 3px #a80b1b14}.bh-method-card--active:hover{border-color:#a80b1b;background:#fef7f7}.bh-method-card__icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;background:#f3f4f6;color:#6b7280;transition:background .2s ease,color .2s ease}.bh-method-card--active .bh-method-card__icon{background:#fde8ea;color:#a80b1b}.bh-method-card__label{font-size:.85rem;font-weight:600;color:#374151;line-height:1.3}.bh-method-card--active .bh-method-card__label{color:#a80b1b}.bh-method-picker__divider{display:flex;align-items:center;padding:0 8px;flex-shrink:0}.bh-method-picker__divider-text{font-size:.75rem;font-weight:500;color:#9ca3af;text-transform:uppercase;letter-spacing:.03em}.bh-section-hidden{display:none}.bh-section-visible{display:flex;flex-direction:column;gap:12px;animation:bhSlideDown .3s ease-out}.bh-upload-area{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:32px 16px;border:2px dashed #d1d5db;border-radius:16px;background:#fafafa;cursor:pointer;transition:border-color .25s,background-color .25s,transform .15s}.bh-upload-area:hover{border-color:#a80b1b;background:#fef8f8}.bh-upload-area:active{transform:scale(.99)}.bh-upload-area--dragover{border-color:#a80b1b;background:#fef2f2;transform:scale(1.01)}.bh-upload-area__title{font-size:.95rem;font-weight:500;color:#374151}.bh-upload-area__hint{font-size:.8rem;color:#9ca3af}.bh-upload-preview{display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid #e5e7eb;border-radius:12px;background:#fafafa}.bh-upload-preview__img{width:56px;height:56px;object-fit:cover;border-radius:10px;border:1px solid #e5e7eb}.bh-upload-preview__info{flex:1;display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0}.bh-upload-preview__name{font-size:.85rem;color:#4b5563;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bh-upload-preview__remove{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid #d1d5db;border-radius:50%;background:#fff;color:#9ca3af;cursor:pointer;padding:0;transition:border-color .2s,color .2s}.bh-upload-preview__remove:hover{border-color:#dc2626;color:#dc2626}.bh-upload-status{display:flex;align-items:flex-start;gap:10px;padding:12px 16px;border-radius:12px;font-size:.85rem;line-height:1.5;animation:bhSlideDown .3s ease-out}.bh-upload-status svg{flex-shrink:0;margin-top:1px}.bh-upload-status--loading{background:#fef9c3;color:#854d0e}.bh-upload-status__content{flex:1;display:flex;flex-direction:column;gap:8px}.bh-upload-status--success{background:#f0fdf4;color:#166534}.bh-upload-status--error{background:#fef2f2;color:#991b1b}.bh-progress-bar{width:100%;height:4px;background:#fde68a;border-radius:2px;overflow:hidden}.bh-progress-bar__fill{height:100%;width:0%;background:#a16207;border-radius:2px;transition:width .3s ease;animation:bhProgressIndeterminate 1.5s ease-in-out infinite}.bh-fields{display:flex;flex-direction:column;gap:18px}.bh-field{display:flex;flex-direction:column;gap:4px}.bh-field__label{font-size:.85rem;font-weight:600;color:#374151;margin-bottom:2px}.bh-field__required{color:#dc2626}.bh-field__input-wrap{position:relative}.bh-field__icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#9ca3af;display:flex;pointer-events:none;transition:color .2s}.bh-field__input{width:100%;padding:12px 14px 12px 44px;font-size:.95rem;font-weight:400;color:#1f2937;background:#fff;border:1.5px solid #d1d5db;border-radius:12px;outline:none;transition:border-color .2s,box-shadow .2s;line-height:1.5;box-sizing:border-box}.bh-field__input::placeholder{color:#9ca3af}.bh-field__input:focus{border-color:#a80b1b;box-shadow:0 0 0 3px #a80b1b1a}.bh-field__input:focus~.bh-field__icon,.bh-field__input-wrap:focus-within .bh-field__icon{color:#a80b1b}.bh-field__input--error{border-color:#dc2626;box-shadow:0 0 0 3px #dc262614}.bh-field__input--error:focus{border-color:#dc2626;box-shadow:0 0 0 3px #dc26261f}.bh-field__error{font-size:.8rem;color:#dc2626;min-height:0;overflow:hidden;transition:min-height .2s,opacity .2s;opacity:0}.bh-field__error--visible{min-height:20px;opacity:1}.bh-field__hint{font-size:.8rem;color:#6b7280;line-height:1.4;margin-top:2px;cursor:pointer}.bh-field__hint-link{color:#a80b1b;text-decoration:underline;font-weight:500}.bh-submit{display:flex;align-items:center;justify-content:center;width:100%;padding:14px 24px;margin-top:24px;font-size:1rem;font-weight:700;color:#fff;background:linear-gradient(135deg,#a80b1b,#c62828);border:none;border-radius:14px;cursor:pointer;transition:transform .15s,box-shadow .25s,opacity .2s;box-shadow:0 4px 14px #a80b1b4d;position:relative;overflow:hidden;text-transform:uppercase;letter-spacing:.5px}.bh-submit:hover{transform:translateY(-1px);box-shadow:0 6px 20px #a80b1b66}.bh-submit:active{transform:translateY(0);box-shadow:0 2px 8px #a80b1b4d}.bh-submit--loading{opacity:.85;cursor:not-allowed;pointer-events:none}.bh-submit--disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.bh-submit__spinner{display:inline-flex;align-items:center;gap:8px}.bh-submit__spinner-svg{animation:bhSpin .8s linear infinite}.bh-note{font-size:.78rem;color:#9ca3af;text-align:center;margin:16px 0 0;line-height:1.5}.bh-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:999;display:flex;align-items:center;justify-content:center;padding:20px;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s}.bh-overlay--visible{opacity:1;visibility:visible}.bh-modal{position:relative;width:100%;background:#fff;border-radius:20px;padding:32px 24px 24px;text-align:center;transform:scale(.92) translateY(10px);transition:transform .35s cubic-bezier(.34,1.56,.64,1);max-height:90vh;overflow-y:auto}.bh-overlay--visible .bh-modal{transform:scale(1) translateY(0)}.bh-modal--success{max-width:440px}.bh-modal--error{max-width:360px}.bh-modal--guide{max-width:450px;padding:0;overflow:hidden}.bh-modal__close{position:absolute;top:12px;right:12px;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:50%;background:#f3f4f6;color:#6b7280;cursor:pointer;transition:background .2s,color .2s;padding:0;z-index:1}.bh-modal__close:hover{background:#e5e7eb;color:#1f2937}.bh-modal__close--inline{position:static;flex-shrink:0}.bh-modal__icon{display:inline-flex;align-items:center;justify-content:center;width:80px;height:80px;border-radius:50%;margin:0 auto 16px}.bh-modal__icon--success{background:#f0fdf4}.bh-modal__icon--error{background:#fef2f2}.bh-modal__title{font-size:1.25rem;font-weight:700;margin:0 0 8px}.bh-modal__title--success{color:#166534}.bh-modal__title--error{color:#991b1b}.bh-modal__intro{font-size:.9rem;color:#4b5563;margin:0 0 16px;line-height:1.5}.bh-modal__message{font-size:.9rem;color:#4b5563;margin:0 0 20px;line-height:1.5}.bh-benefits{list-style:none;padding:0;margin:0 0 20px;text-align:left}.bh-benefits__item{display:flex;gap:8px;padding:8px 0;font-size:.85rem;color:#374151;line-height:1.45;border-bottom:1px solid #f3f4f6}.bh-benefits__item:last-child{border-bottom:none}.bh-benefits__check{flex-shrink:0;margin-top:2px}.bh-benefits__sub{display:block;padding-left:0;color:#6b7280;font-size:.82rem;margin-top:2px}.bh-modal__actions{display:flex;flex-direction:column;gap:0;margin-top:4px}.bh-modal__actions-divider{display:flex;align-items:center;gap:12px;padding:6px 0}.bh-modal__actions-divider-line{flex:1;height:1px;background:#e5e7eb}.bh-modal__actions-divider-text{font-size:.75rem;font-weight:500;color:#9ca3af;text-transform:uppercase;letter-spacing:.05em}.bh-modal__btn{display:flex;align-items:center;justify-content:center;width:100%;padding:14px 20px;font-size:.95rem;font-weight:600;border:none;border-radius:14px;cursor:pointer;gap:8px;text-decoration:none;transition:transform .2s cubic-bezier(.25,.46,.45,.94),box-shadow .25s ease,background .2s ease}.bh-modal__btn-content{display:inline-flex;align-items:center;gap:10px}.bh-modal__btn-arrow{transition:transform .25s cubic-bezier(.25,.46,.45,.94);margin-left:auto}.bh-modal__btn--primary{color:#fff;background:linear-gradient(135deg,#a80b1b,#c62828);box-shadow:0 4px 14px #a80b1b40;letter-spacing:.02em}.bh-modal__btn--primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px #a80b1b59}.bh-modal__btn--primary:hover .bh-modal__btn-arrow{transform:translate(4px)}.bh-modal__btn--primary:active{transform:translateY(0);box-shadow:0 2px 8px #a80b1b4d}.bh-modal__btn--secondary{color:#4b5563;background:#f9fafb;border:1.5px solid #e5e7eb;font-weight:500}.bh-modal__btn--secondary:hover{background:#f3f4f6;color:#a80b1b;border-color:#fecaca}.bh-modal__btn--secondary:active{transform:scale(.99)}.bh-modal__guide-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid #e5e7eb}.bh-modal__guide-title{font-size:1rem;font-weight:600;color:#1f2937}.bh-modal__guide-img{display:block;width:100%;height:auto}.bh-spinner{width:20px;height:20px;border:3px solid #fde68a;border-top-color:#a16207;border-radius:50%;animation:bhSpin .7s linear infinite;flex-shrink:0}.bh-hidden{display:none}.bh-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.overflow-baohanh{overflow:hidden}@keyframes bhFadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes bhSlideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes bhSpin{to{transform:rotate(360deg)}}@keyframes bhProgressIndeterminate{0%{width:0%;margin-left:0}50%{width:60%;margin-left:20%}to{width:0%;margin-left:100%}}@keyframes bhShake{0%,to{transform:translate(0)}10%,50%,90%{transform:translate(-4px)}30%,70%{transform:translate(4px)}}.bh-shake{animation:bhShake .5s ease-in-out}@media screen and (max-width:480px){.bh-page{padding:16px 10px}.bh-header{padding:28px 20px 20px}.bh-form{padding:20px}.bh-title{font-size:1.15rem}.bh-method-picker{flex-direction:column}.bh-method-picker__divider{justify-content:center;padding:6px 0}.bh-method-card__label{font-size:.8rem}.bh-modal{padding:28px 18px 20px}.bh-benefits__item{font-size:.82rem}}
/*# sourceMappingURL=/cdn/shop/t/175/assets/kich-hoat-bao-hanh.css.map */