/* bla-components.css - FILE SINH TỰ ĐỘNG từ assets/css/components/*.css bằng assets/css/build.php. Đừng sửa tay. */
.bla-t-h1{font-size: var(--bla-fs-h1);line-height: var(--bla-lh-heading);font-weight: 800}.bla-t-h2{font-size: var(--bla-fs-h2);line-height: var(--bla-lh-heading);font-weight: 700}.bla-t-h3{font-size: var(--bla-fs-h3);line-height: 1.3;font-weight: 700}.bla-t-h4{font-size: var(--bla-fs-h4);line-height: 1.35;font-weight: 700}.bla-t-body{font-size: var(--bla-fs-body);line-height: var(--bla-lh-body)}.bla-t-lg{font-size: var(--bla-fs-lg);line-height: 1.7}.bla-t-sm{font-size: var(--bla-fs-sm);line-height: 1.6}.bla-t-xs{font-size: var(--bla-fs-xs);line-height: 1.5}.bla-t-measure{max-width: var(--bla-measure)}.bla-t-muted{color: var(--bla-text-muted)}.bla-icon{width: 1.25em;height: 1.25em;flex: none;vertical-align: -.25em;fill: none;stroke: currentColor;stroke-width: 1.75;stroke-linecap: round;stroke-linejoin: round}.bla-icon--sm{width: 1em;height: 1em}.bla-icon--lg{width: 1.75em;height: 1.75em}.bla-icon--xl{width: 2.5em;height: 2.5em}.bla-icon--thin{stroke-width: 1.25}.bla-btn,.bla-cf7-skin .wpcf7-submit{--bla-btn-bg: var(--bla-red-dark);--bla-btn-fg: #fff;--bla-btn-bd: var(--bla-red-dark);--bla-btn-bg-h: var(--bla-red-deeper);--bla-btn-fg-h: #fff;--bla-btn-bd-h: var(--bla-red-deeper);position: relative;display: inline-flex;align-items: center;justify-content: center;gap: 8px;box-sizing: border-box;min-height: var(--bla-tap);padding: 10px 22px;font: 700 var(--bla-fs-body)/1.2 var(--bla-font);text-align: center;background: var(--bla-btn-bg);border: 2px solid var(--bla-btn-bd);border-radius: var(--bla-radius-md);cursor: pointer;-webkit-tap-highlight-color: transparent;appearance: none;transition: background-color var(--bla-ease),border-color var(--bla-ease),color var(--bla-ease),box-shadow var(--bla-ease)}.bla-btn.bla-btn,.bla-cf7-skin .wpcf7-submit.wpcf7-submit{color: var(--bla-btn-fg);text-decoration: none}.bla-btn.bla-btn:hover,.bla-cf7-skin .wpcf7-submit.wpcf7-submit:hover{background: var(--bla-btn-bg-h);border-color: var(--bla-btn-bd-h);color: var(--bla-btn-fg-h)}.bla-btn:active{transform: translateY(1px)}.bla-btn:focus-visible,.bla-cf7-skin .wpcf7-submit:focus-visible{outline: 3px solid var(--bla-focus);outline-offset: 2px}.bla-btn--secondary,.bla-btn--yellow{--bla-btn-bg: var(--bla-yellow);--bla-btn-fg: var(--bla-black);--bla-btn-bd: var(--bla-yellow);--bla-btn-bg-h: var(--bla-yellow-dark);--bla-btn-fg-h: var(--bla-black);--bla-btn-bd-h: var(--bla-yellow-dark)}.bla-btn--outline{--bla-btn-bg: transparent;--bla-btn-fg: var(--bla-red-dark);--bla-btn-bd: var(--bla-red-dark);--bla-btn-bg-h: var(--bla-red-dark);--bla-btn-fg-h: #fff;--bla-btn-bd-h: var(--bla-red-dark)}.bla-btn--outline-light{--bla-btn-bg: transparent;--bla-btn-fg: #fff;--bla-btn-bd: #fff;--bla-btn-bg-h: #fff;--bla-btn-fg-h: var(--bla-black);--bla-btn-bd-h: #fff}.bla-btn--ghost{--bla-btn-bg: transparent;--bla-btn-fg: var(--bla-black);--bla-btn-bd: transparent;--bla-btn-bg-h: rgba(29,14,31,.08);--bla-btn-fg-h: var(--bla-black);--bla-btn-bd-h: transparent}.bla-btn--link{--bla-btn-bg: transparent;--bla-btn-fg: var(--bla-red-dark);--bla-btn-bd: transparent;--bla-btn-bg-h: transparent;--bla-btn-fg-h: var(--bla-red-deeper);--bla-btn-bd-h: transparent;padding-left: 4px;padding-right: 4px}.bla-btn.bla-btn--link{text-decoration: underline;text-underline-offset: 3px}.bla-btn--dark{--bla-btn-bg: var(--bla-black);--bla-btn-fg: #fff;--bla-btn-bd: var(--bla-black);--bla-btn-bg-h: var(--bla-plum);--bla-btn-fg-h: #fff;--bla-btn-bd-h: var(--bla-plum)}.bla-btn--sm{min-height: 36px;padding: 6px 14px;font-size: var(--bla-fs-sm)}.bla-btn--sm::before{content: "";position: absolute;inset: -4px}.bla-btn--lg{min-height: 52px;padding: 14px 30px;font-size: var(--bla-fs-lg)}.bla-btn--block{display: flex;width: 100%}.bla-btn--icon{width: var(--bla-tap);padding: 0}.bla-btn--icon.bla-btn--sm{width: 36px}.bla-btn--icon.bla-btn--lg{width: 52px}.bla-btn--icon .bla-icon{width: 1.35em;height: 1.35em;vertical-align: 0}.bla-btn__short{display: none}@media (max-width: 575.98px){.bla-btn__long{display: none}.bla-btn__short{display: inline}}.bla-btn:disabled,.bla-btn[aria-disabled="true"],.bla-btn.is-disabled,.bla-cf7-skin .wpcf7-submit:disabled{opacity: .5;cursor: not-allowed;pointer-events: none}.bla-btn.is-loading,.bla-btn[aria-busy="true"]{pointer-events: none;cursor: progress}.bla-btn.is-loading::after,.bla-btn[aria-busy="true"]::after{content: "";width: 1em;height: 1em;flex: none;box-sizing: border-box;border: 2px solid currentColor;border-right-color: transparent;border-radius: 50%;animation: bla-spin .7s linear infinite}@keyframes bla-spin{to{transform: rotate(360deg)}}@media (prefers-reduced-motion: reduce){.bla-btn.is-loading::after,.bla-btn[aria-busy="true"]::after{animation-duration: 1.6s}}.bla-field{margin: 0 0 var(--bla-sp-4)}.bla-label{display: block;margin: 0 0 6px;font-size: var(--bla-fs-body);font-weight: 500;line-height: 1.4;color: var(--bla-text)}.bla-label__req{color: var(--bla-red-dark);font-weight: 700}.bla-hint{margin: 6px 0 0;font-size: var(--bla-fs-sm);line-height: 1.5;color: var(--bla-text-muted)}.bla-error{margin: 6px 0 0;font-size: var(--bla-fs-sm);line-height: 1.5;font-weight: 500;color: var(--bla-red-dark)}.bla-success{margin: 6px 0 0;font-size: var(--bla-fs-sm);line-height: 1.5;font-weight: 500;color: var(--bla-success)}.bla-fieldset{margin: 0 0 var(--bla-sp-4);padding: 0;border: 0;min-width: 0}.bla-fieldset>legend{padding: 0;margin: 0 0 6px;font-weight: 500}.bla-form-row{display: grid;gap: 0 var(--bla-sp-4)}@media (min-width: 768px){.bla-form-row--2{grid-template-columns: 1fr 1fr}}.bla-input,.bla-select,.bla-textarea,.bla-cf7-skin .wpcf7 input:not([type="submit"],[type="checkbox"],[type="radio"],[type="file"],[type="hidden"],[type="range"],[type="color"]),.bla-cf7-skin .wpcf7 select,.bla-cf7-skin .wpcf7 textarea{display: block;width: 100%;box-sizing: border-box;min-height: 48px;margin: 0;padding: 10px 14px;font: 400 16px/1.4 var(--bla-font);color: var(--bla-text);background-color: var(--bla-surface);border: 1.5px solid var(--bla-input-border);border-radius: var(--bla-radius-md);transition: border-color var(--bla-ease),box-shadow var(--bla-ease)}.bla-textarea,.bla-cf7-skin .wpcf7 textarea{min-height: 120px;resize: vertical}.bla-select,.bla-cf7-skin .wpcf7 select{padding-right: 40px;appearance: none;cursor: pointer;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231d0e1f' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat: no-repeat;background-position: right 12px center;background-size: 18px}.bla-input::placeholder,.bla-textarea::placeholder,.bla-cf7-skin .wpcf7 ::placeholder{color: var(--bla-placeholder);opacity: 1}.bla-input:hover,.bla-select:hover,.bla-textarea:hover,.bla-cf7-skin .wpcf7 input:hover:not([type="submit"],[type="checkbox"],[type="radio"]),.bla-cf7-skin .wpcf7 select:hover,.bla-cf7-skin .wpcf7 textarea:hover{border-color: var(--bla-black)}.bla-input:focus,.bla-select:focus,.bla-textarea:focus,.bla-cf7-skin .wpcf7 input:focus:not([type="submit"],[type="checkbox"],[type="radio"]),.bla-cf7-skin .wpcf7 select:focus,.bla-cf7-skin .wpcf7 textarea:focus{outline: 2px solid transparent;border-color: var(--bla-red-dark);box-shadow: 0 0 0 3px rgba(196,18,26,.25)}.bla-input[aria-invalid="true"],.bla-select[aria-invalid="true"],.bla-textarea[aria-invalid="true"],.bla-input.is-invalid,.bla-select.is-invalid,.bla-textarea.is-invalid,.bla-cf7-skin .wpcf7 input.wpcf7-not-valid,.bla-cf7-skin .wpcf7 select.wpcf7-not-valid,.bla-cf7-skin .wpcf7 textarea.wpcf7-not-valid{border-color: var(--bla-red-dark);border-width: 2px;padding: 9.5px 13.5px;background-color: #fff8f8}.bla-select[aria-invalid="true"],.bla-select.is-invalid,.bla-cf7-skin .wpcf7 select.wpcf7-not-valid{padding-right: 39.5px}.bla-input.is-valid,.bla-select.is-valid,.bla-textarea.is-valid{border-color: var(--bla-success);border-width: 2px;padding: 9.5px 13.5px}.bla-input:disabled,.bla-select:disabled,.bla-textarea:disabled,.bla-cf7-skin .wpcf7 :disabled:not(.wpcf7-submit){background-color: #f1f1f3;color: #6b6b6b;border-color: #c9c9ce;cursor: not-allowed}.bla-check{display: flex;align-items: center;gap: 10px;min-height: var(--bla-tap);cursor: pointer;line-height: 1.4}.bla-check input[type="checkbox"],.bla-check input[type="radio"],.bla-cf7-skin .wpcf7 input[type="checkbox"],.bla-cf7-skin .wpcf7 input[type="radio"]{flex: none;width: 22px;height: 22px;margin: 0;accent-color: var(--bla-red-dark);cursor: pointer}.bla-check input:focus-visible,.bla-cf7-skin .wpcf7 input[type="checkbox"]:focus-visible,.bla-cf7-skin .wpcf7 input[type="radio"]:focus-visible{outline: 3px solid var(--bla-focus);outline-offset: 2px}.bla-cf7-skin .wpcf7 form{margin: 0}.bla-cf7-skin .wpcf7 form p{margin: 0 0 var(--bla-sp-4)}.bla-cf7-skin .wpcf7 label{display: block;font-size: var(--bla-fs-body);font-weight: 500;line-height: 1.4;color: var(--bla-text)}.bla-cf7-skin .wpcf7 label br{display: none}.bla-cf7-skin .wpcf7-form-control-wrap{display: block;margin-top: 6px}.bla-cf7-skin .wpcf7-list-item{display: block;margin: 0}.bla-cf7-skin .wpcf7-list-item label{display: flex;align-items: center;gap: 10px;min-height: var(--bla-tap);font-weight: 400;cursor: pointer}.bla-cf7-skin .wpcf7-acceptance a{color: var(--bla-red-dark)}.bla-cf7-skin .wpcf7-not-valid-tip{display: block;margin-top: 6px;font-size: var(--bla-fs-sm);line-height: 1.5;font-weight: 500;color: var(--bla-red-dark)}.bla-cf7-skin .wpcf7 form .wpcf7-response-output{margin: var(--bla-sp-4) 0 0;padding: var(--bla-sp-3) var(--bla-sp-4);border: 1px solid var(--bla-info);border-left-width: 5px;border-radius: var(--bla-radius-md);background: var(--bla-info-bg);color: var(--bla-text);font-size: var(--bla-fs-body);line-height: 1.5}.bla-cf7-skin .wpcf7 form.sent .wpcf7-response-output{border-color: var(--bla-success);background: var(--bla-success-bg)}.bla-cf7-skin .wpcf7 form.invalid .wpcf7-response-output,.bla-cf7-skin .wpcf7 form.unaccepted .wpcf7-response-output,.bla-cf7-skin .wpcf7 form.failed .wpcf7-response-output,.bla-cf7-skin .wpcf7 form.aborted .wpcf7-response-output{border-color: var(--bla-red-dark);background: var(--bla-danger-bg)}.bla-cf7-skin .wpcf7 form.spam .wpcf7-response-output{border-color: var(--bla-yellow-dark);background: var(--bla-warning-bg)}.bla-cf7-skin .wpcf7-spinner{width: 22px;height: 22px;margin: 0 0 0 12px;vertical-align: middle;box-sizing: border-box;background: none;opacity: 1;border: 3px solid var(--bla-red-dark);border-right-color: transparent;border-radius: 50%}.bla-cf7-skin .wpcf7-spinner::before{display: none}.bla-cf7-skin .wpcf7 form.submitting .wpcf7-spinner{animation: bla-spin .7s linear infinite}@media (prefers-reduced-motion: reduce){.bla-cf7-skin .wpcf7 form.submitting .wpcf7-spinner{animation-duration: 1.6s}}.bla-badge{display: inline-flex;align-items: center;gap: 4px;padding: 3px 10px;font: 700 var(--bla-fs-xs)/1.4 var(--bla-font);letter-spacing: .03em;text-transform: uppercase;color: #fff;background: var(--bla-red-dark);border-radius: var(--bla-radius-pill);white-space: nowrap}.bla-badge--yellow{background: var(--bla-yellow);color: var(--bla-black)}.bla-badge--dark{background: var(--bla-black);color: #fff}.bla-badge--soft{background: var(--bla-danger-bg);color: var(--bla-red-dark)}.bla-badge--success{background: var(--bla-success-bg);color: var(--bla-success)}.bla-badge--outline{background: transparent;color: var(--bla-text);box-shadow: inset 0 0 0 1.5px var(--bla-input-border)}.bla-alert{display: flex;gap: var(--bla-sp-3);align-items: flex-start;padding: var(--bla-sp-3) var(--bla-sp-4);border: 1px solid transparent;border-left-width: 5px;border-radius: var(--bla-radius-md);font-size: var(--bla-fs-body);line-height: 1.5;color: var(--bla-text)}.bla-alert>.bla-icon{margin-top: 2px}.bla-alert__title{display: block;font-weight: 700}.bla-alert--info{background: var(--bla-info-bg);border-color: var(--bla-info)}.bla-alert--info>.bla-icon{color: var(--bla-info)}.bla-alert--success{background: var(--bla-success-bg);border-color: var(--bla-success)}.bla-alert--success>.bla-icon{color: var(--bla-success)}.bla-alert--warning{background: var(--bla-warning-bg);border-color: var(--bla-yellow-dark)}.bla-alert--warning>.bla-icon{color: var(--bla-warning)}.bla-alert--danger{background: var(--bla-danger-bg);border-color: var(--bla-red-dark)}.bla-alert--danger>.bla-icon{color: var(--bla-red-dark)}.bla-accordion{border: 1px solid var(--bla-line);border-radius: var(--bla-radius-lg);overflow: hidden;background: var(--bla-surface)}.bla-accordion__item + .bla-accordion__item{border-top: 1px solid var(--bla-line)}.bla-accordion__q{display: flex;align-items: center;justify-content: space-between;gap: var(--bla-sp-4);min-height: 52px;padding: 12px var(--bla-sp-4);font-weight: 700;line-height: 1.4;cursor: pointer;list-style: none;color: var(--bla-text)}.bla-accordion__q::-webkit-details-marker{display: none}.bla-accordion__q::after{content: "";flex: none;width: 10px;height: 10px;border-right: 2px solid var(--bla-red-dark);border-bottom: 2px solid var(--bla-red-dark);transform: rotate(45deg);transition: transform var(--bla-ease)}.bla-accordion__item[open]>.bla-accordion__q::after{transform: rotate(-135deg)}.bla-accordion__q:hover{background: var(--bla-grey)}.bla-accordion__q:focus-visible{outline: 3px solid var(--bla-focus);outline-offset: -3px}.bla-accordion__a{padding: 0 var(--bla-sp-4) var(--bla-sp-4);line-height: var(--bla-lh-body)}.bla-accordion__a>:last-child{margin-bottom: 0}.bla-gallery{--bla-gal-cols: 3;--bla-gal-gap: var(--bla-sp-3);display: grid;grid-template-columns: repeat(var(--bla-gal-cols),minmax(0,1fr));gap: var(--bla-gal-gap);margin: var(--bla-sp-5) 0;padding: 0;list-style: none}.bla-gallery--cols-1{--bla-gal-cols: 1}.bla-gallery--cols-2{--bla-gal-cols: 2}.bla-gallery--cols-3{--bla-gal-cols: 3}.bla-gallery--cols-4{--bla-gal-cols: 4}.bla-gallery--cols-5{--bla-gal-cols: 5}@media (max-width: 767.98px){.bla-gallery:not(.bla-gallery--slider){--bla-gal-cols: 2}.bla-gallery--cols-1:not(.bla-gallery--slider){--bla-gal-cols: 1}}.bla-gallery__item{position: relative;margin: 0;overflow: hidden;border-radius: var(--bla-radius-md);background: var(--bla-grey)}.bla-gallery__link{display: block;color: inherit;text-decoration: none;cursor: zoom-in}.bla-gallery__link:focus-visible{outline: 3px solid var(--bla-focus);outline-offset: -3px}.bla-gallery__img{display: block;width: 100%;height: auto;transition: transform .3s ease}.bla-gallery--ratio-4-3 .bla-gallery__img,.bla-gallery--ratio-1-1 .bla-gallery__img,.bla-gallery--ratio-16-9 .bla-gallery__img{height: 100%;object-fit: cover}.bla-gallery--ratio-4-3 .bla-gallery__link{aspect-ratio: 4 / 3}.bla-gallery--ratio-1-1 .bla-gallery__link{aspect-ratio: 1 / 1}.bla-gallery--ratio-16-9 .bla-gallery__link{aspect-ratio: 16 / 9}.bla-gallery__link:hover .bla-gallery__img{transform: scale(1.04)}.bla-gallery__cap{padding: 8px 12px;font-size: var(--bla-fs-sm);line-height: 1.5;color: var(--bla-text-muted);background: var(--bla-surface)}@media (prefers-reduced-motion: reduce){.bla-gallery__img{transition: none}.bla-gallery__link:hover .bla-gallery__img{transform: none}}.bla-gallery--slider{display: flex;gap: var(--bla-gal-gap);overflow-x: auto;scroll-snap-type: x mandatory;overscroll-behavior-x: contain;padding-bottom: var(--bla-sp-2);-webkit-overflow-scrolling: touch}.bla-gallery--slider .bla-gallery__item{flex: 0 0 min(80%,340px);scroll-snap-align: start}.bla-gallery--slider:focus-visible{outline: 3px solid var(--bla-focus);outline-offset: 2px}.bla-lightbox{width: 100%;height: 100%;max-width: none;max-height: none;margin: 0;padding: 0;border: 0;color: #fff;background: rgba(15,7,17,.94);overflow: hidden}.bla-lightbox::backdrop{background: rgba(15,7,17,.94)}.bla-lightbox[open]{display: flex;flex-direction: column;align-items: center;justify-content: center}.bla-lightbox__fig{display: flex;flex-direction: column;align-items: center;justify-content: center;gap: var(--bla-sp-3);margin: 0;padding: 56px 64px 16px;max-width: 100%;box-sizing: border-box;min-height: 0;flex: 1 1 auto}.bla-lightbox__img{display: block;max-width: 100%;max-height: calc(100vh - 150px);max-height: calc(100dvh - 150px);width: auto;height: auto;object-fit: contain;border-radius: var(--bla-radius-sm)}.bla-lightbox__bar{flex: none;width: 100%;box-sizing: border-box;padding: 0 64px 20px;text-align: center;font-size: var(--bla-fs-body);line-height: 1.5}.bla-lightbox__cap{margin: 0 auto;max-width: 70ch;color: #fff}.bla-lightbox__count{margin: 4px 0 0;font-size: var(--bla-fs-sm);color: #d6cdd9}.bla-lightbox__btn{position: absolute;display: inline-flex;align-items: center;justify-content: center;width: var(--bla-tap);height: var(--bla-tap);padding: 0;color: #fff;background: rgba(255,255,255,.14);border: 0;border-radius: 50%;cursor: pointer;transition: background-color var(--bla-ease);--bla-focus: #ffc50f}.bla-lightbox__btn:hover{background: rgba(255,255,255,.28)}.bla-lightbox__btn:focus-visible{outline: 3px solid var(--bla-focus);outline-offset: 2px}.bla-lightbox__btn .bla-icon{width: 24px;height: 24px;vertical-align: 0}.bla-lightbox__close{top: 8px;right: 8px}.bla-lightbox__prev{left: 8px;top: 50%;transform: translateY(-50%)}.bla-lightbox__next{right: 8px;top: 50%;transform: translateY(-50%)}.bla-lightbox__btn[hidden]{display: none}@media (max-width: 575.98px){.bla-lightbox__fig{padding: 56px 8px 8px}.bla-lightbox__bar{padding: 0 12px 16px}.bla-lightbox__prev,.bla-lightbox__next{top: auto;bottom: 8px;transform: none}.bla-lightbox__prev{left: 8px}.bla-lightbox__next{right: 8px}}html.bla-lb-open{overflow: hidden}