.nop-modal{--nop-primary:oklch(46.5% 0.205 258.5);--nop-primary-mid:oklch(42.5% 0.195 258.5);--nop-primary-dark:oklch(38.5% 0.185 258.5);--nop-accent:oklch(71.0% 0.175 51.0);--nop-accent-hover:oklch(66.0% 0.180 48.0);--nop-success:oklch(69.0% 0.170 160.0);--nop-success-dark:oklch(62.0% 0.180 160.0);--nop-error:oklch(62.0% 0.220 25.0);--nop-error-bg:oklch(97.5% 0.030 25.0);--nop-error-border:oklch(62.0% 0.220 25.0/30%);--nop-text:oklch(21.0% 0.035 260.0);--nop-text-muted:oklch(45.0% 0.025 255.0);--nop-border:oklch(91.5% 0.010 250.0);--nop-border-hover:oklch(84.0% 0.015 250.0);--nop-bg:oklch(100% 0 0);--nop-input-bg:oklch(98.2% 0.005 250.0);--nop-input-hover-bg:oklch(96.5% 0.008 250.0);--nop-input-focus-bg:oklch(100% 0 0);--nop-placeholder:oklch(65.0% 0.020 255.0);--nop-item-hover-bg:oklch(96.0% 0.008 250.0);--nop-zalo-bg:oklch(95.5% 0.040 250.0);--nop-zalo-color:oklch(52.0% 0.220 258.0);--nop-zalo-border:oklch(52.0% 0.220 258.0/15%);--nop-radius:1rem;--nop-input-radius:0.75rem;--nop-input-border:1.5px;--nop-input-px:1rem;--nop-input-font:0.875rem;--nop-shadow:0 1.5rem 3.75rem oklch(21% 0.035 260/18%);--nop-font:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif}.nop-overlay{backface-visibility:hidden;background:oklch(18% .03 260/65%);inset:0;opacity:0;pointer-events:none;position:fixed;transition:opacity .3s cubic-bezier(.16,1,.3,1),visibility .3s cubic-bezier(.16,1,.3,1);visibility:hidden;will-change:opacity,visibility;z-index:100000}.nop-overlay.nop-active{opacity:1;pointer-events:auto;visibility:visible}.nop-modal{backface-visibility:hidden;background:transparent;border-radius:var(--nop-radius);box-shadow:var(--nop-shadow);color:var(--nop-text);font-family:var(--font-primary);inset-inline-start:50%;line-height:1.5;margin:0;max-width:27.5rem;opacity:0;overflow:visible;padding:0;pointer-events:none;position:fixed;top:50%;transform:translate3d(-50%,-46%,0) scale(.96);transition:transform .35s cubic-bezier(.16,1,.3,1),opacity .3s cubic-bezier(.16,1,.3,1),visibility .35s cubic-bezier(.16,1,.3,1);visibility:hidden;width:calc(100% - 2rem);will-change:transform,opacity,visibility;z-index:100001}.nop-modal,.nop-modal *,.nop-modal :after,.nop-modal :before{box-sizing:border-box}.nop-modal.nop-active,.nop-overlay.nop-active+.nop-modal{opacity:1;pointer-events:auto;transform:translate3d(-50%,-50%,0) scale(1);visibility:visible}.nop-modal .nop-header{background:linear-gradient(135deg,var(--nop-primary) 0,var(--nop-primary-mid) 50%,var(--nop-primary-dark) 100%);border-radius:var(--nop-radius) var(--nop-radius) 0 0;overflow:hidden;padding-block:1.5rem 1.25rem;padding-inline:1.5rem;position:relative}.nop-modal .nop-header:before{background:oklch(100% 0 0/6%);height:6.25rem;inset-inline-end:-1.125rem;top:-1.125rem;width:6.25rem}.nop-modal .nop-header:after,.nop-modal .nop-header:before{border:none;border-radius:50%;content:"";padding:0;pointer-events:none;position:absolute}.nop-modal .nop-header:after{background:oklch(100% 0 0/4%);bottom:-1.25rem;height:4.375rem;inset-inline-start:-1.25rem;width:4.375rem}.nop-modal .nop-title{align-items:center;background:transparent;border:none;color:oklch(100% 0 0);display:flex;font-size:1.25rem;font-weight:800;gap:.5rem;line-height:1.3;margin-block:0 .25rem}.nop-modal .nop-subtitle,.nop-modal .nop-title{padding:0;position:relative;z-index:var(--z-base)}.nop-modal .nop-subtitle{color:oklch(100% 0 0/85%);font-size:.8125rem;font-weight:400;line-height:1.4;margin:0}.nop-modal .nop-close,.nop-modal .nop-close:active,.nop-modal .nop-close:focus,.nop-modal .nop-close:hover{align-items:center;background:oklch(100% 0 0/15%);border:none;border-radius:50%;box-shadow:none;color:oklch(100% 0 0/85%);cursor:pointer;display:flex;height:2.75rem;inset-inline-end:.625rem;justify-content:center;line-height:1;margin:0;min-height:2.75rem;min-width:2.75rem;outline:none;padding:0;position:absolute;text-align:center;text-decoration:none;top:.625rem;transition:background .2s ease,color .2s ease,transform .2s ease;width:2.75rem;z-index:var(--z-above)}.nop-modal .nop-close:hover{background:oklch(100% 0 0/30%);color:oklch(100% 0 0);transform:rotate(90deg)}.nop-modal .nop-close svg{flex-shrink:0;height:1.125rem;width:1.125rem}.nop-modal .nop-body{background:var(--nop-bg);border-radius:0 0 var(--nop-radius) var(--nop-radius);padding-block:1.25rem 1.5rem;padding-inline:1.5rem;position:relative}.nop-modal .nop-form-alert{animation:nopFadeIn .2s ease;background:var(--nop-error-bg);border:1px solid var(--nop-error-border);border-radius:var(--nop-input-radius);color:var(--nop-error);display:none;font-size:.8125rem;font-weight:500;line-height:1.4;margin-block-end:.875rem;padding-block:.625rem;padding-inline:.875rem;text-align:center}.nop-modal .nop-field{margin-block-end:.875rem;position:relative}.nop-modal .nop-field-icon{color:var(--nop-placeholder);inset-inline-start:1rem;pointer-events:none;position:absolute;top:1.5rem;transform:translateY(-50%);z-index:2}.nop-modal .nop-input,.nop-modal .nop-select-trigger{align-items:center;-webkit-appearance:none;appearance:none;background:var(--nop-input-bg);border:var(--nop-input-border) solid var(--nop-border);border-radius:var(--nop-input-radius);box-shadow:0 .0625rem .125rem oklch(21% .035 260/4%);box-sizing:border-box;color:var(--nop-text);cursor:text;display:flex;font-family:var(--font-primary);font-size:var(--nop-input-font);font-weight:400;height:3rem;line-height:1.4;margin:0;outline:none;padding-inline-end:var(--nop-input-px);padding-inline-start:2.75rem;transition:border-color .25s ease,background-color .25s ease,box-shadow .25s ease;width:100%}.nop-modal .nop-input::placeholder{color:var(--nop-placeholder);font-weight:400;opacity:1}.nop-modal .nop-input:hover,.nop-modal .nop-select-trigger:hover{background:var(--nop-input-hover-bg);border-color:var(--nop-border-hover)}.nop-modal .nop-input:focus,.nop-modal .nop-select-trigger:focus{background:var(--nop-input-focus-bg);border-color:var(--nop-primary);box-shadow:0 0 0 .1875rem oklch(46.5% .205 258.5/12%),0 .0625rem .125rem oklch(21% .035 260/4%)}.nop-modal .nop-input.nop-error,.nop-modal .nop-input.nop-error:hover{background:var(--nop-error-bg);border-color:var(--nop-error)}.nop-modal .nop-input.nop-error:focus{box-shadow:0 0 0 .1875rem oklch(62% .22 25/12%),0 .0625rem .125rem oklch(21% .035 260/4%)}.nop-modal .nop-error-msg{color:var(--nop-error);display:none;font-size:.75rem;font-weight:500;line-height:1.3;margin-block-start:.3125rem;padding-inline-start:.25rem}.nop-modal .nop-field.has-error .nop-error-msg{animation:nopFadeIn .2s ease;display:block}@keyframes nopFadeIn{0%{opacity:0;transform:translateY(-.25rem)}to{opacity:1;transform:translateY(0)}}.nop-modal .nop-autocomplete-wrap{position:relative}.nop-modal .nop-autocomplete-input{padding-inline-end:2.5rem}.nop-modal .nop-autocomplete-wrap .nop-chevron{color:var(--nop-placeholder);inset-inline-end:var(--nop-input-px);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transition:transform .3s ease,color .3s ease}.nop-modal .nop-autocomplete-wrap.open .nop-chevron{color:var(--nop-primary);transform:translateY(-50%) rotate(180deg)}.nop-modal .nop-autocomplete-list{background:var(--nop-bg);border:var(--nop-input-border) solid var(--nop-border);border-radius:var(--nop-input-radius);box-shadow:0 .75rem 2.25rem oklch(21% .035 260/22%),0 0 0 1px oklch(21% .035 260/6%);inset-inline-end:0;inset-inline-start:0;max-height:18rem;opacity:0;overflow:hidden;position:absolute;top:calc(100% + .375rem);transform:translateY(-.375rem);transition:opacity .2s ease,transform .2s ease,visibility .2s ease;visibility:hidden;z-index:1000}.nop-modal .nop-autocomplete-wrap.open .nop-autocomplete-list{opacity:1;transform:translateY(0);visibility:visible}.nop-modal .nop-autocomplete-item{color:var(--nop-text);cursor:pointer;font-size:var(--nop-input-font);font-weight:500;line-height:1.4;padding-block:.625rem;padding-inline:var(--nop-input-px);transition:background .15s ease,color .15s ease}.nop-modal .nop-autocomplete-item.active,.nop-modal .nop-autocomplete-item:hover{background:var(--nop-item-hover-bg);color:var(--nop-primary)}.nop-modal .nop-autocomplete-item.empty-msg{color:var(--nop-text-muted);cursor:default;font-weight:400;text-align:center}.nop-modal .nop-autocomplete-item.empty-msg:hover{background:transparent;color:var(--nop-text-muted)}.nop-modal .nop-submit{align-items:center;-webkit-appearance:none;appearance:none;background:linear-gradient(135deg,oklch(71% .175 51),oklch(65% .18 48));border:none;border-radius:var(--nop-input-radius);box-shadow:0 .25rem .875rem oklch(68.5% .195 48.5/28%);color:oklch(100% 0 0);cursor:pointer;display:flex;font-family:var(--font-primary);font-size:.9375rem;font-weight:700;height:3.125rem;justify-content:center;line-height:1;margin-block-start:.375rem;outline:none;overflow:hidden;padding-inline:1.5rem;position:relative;text-align:center;text-decoration:none;transform:none;transition:background .25s ease,box-shadow .25s ease,opacity .2s ease;white-space:nowrap;width:100%}.nop-modal .nop-submit:hover{background:linear-gradient(135deg,oklch(73.5% .18 51),oklch(67.5% .185 48));box-shadow:0 .375rem 1.125rem oklch(68.5% .195 48.5/38%);color:oklch(100% 0 0);transform:none}.nop-modal .nop-submit:focus-visible{outline:2px solid var(--nop-primary);outline-offset:2px}.nop-modal .nop-submit:active{background:linear-gradient(135deg,oklch(67% .17 51),oklch(62% .175 48));box-shadow:0 .125rem .375rem oklch(68.5% .195 48.5/25%);transform:none}.nop-modal .nop-submit:disabled{box-shadow:none;cursor:not-allowed;opacity:.7;transform:none}.nop-modal .nop-submit:after{background:radial-gradient(circle at var(--x,50%) var(--y,50%),oklch(100% 0 0/25%) 0,transparent 60%);border:none;border-radius:0;content:"";inset:0;opacity:0;padding:0;position:absolute;transition:opacity .4s ease}.nop-modal .nop-submit:active:after{opacity:1}.nop-modal .nop-submit-text{align-items:center;display:flex;gap:.5rem;justify-content:center;position:relative;z-index:var(--z-base)}.nop-modal .nop-spinner{animation:nopSpin .7s linear infinite;background:transparent;border:2.5px solid oklch(100% 0 0/30%);border-radius:50%;border-top-color:oklch(100% 0 0);display:none;height:1.25rem;margin:0;padding:0;width:1.25rem}.nop-modal .nop-submit.loading .nop-submit-text{visibility:hidden}.nop-modal .nop-submit.loading .nop-spinner{display:block;inset-inline-start:50%;margin:-.625rem 0 0 -.625rem;position:absolute;top:50%}@keyframes nopSpin{to{transform:rotate(1turn)}}.nop-modal .nop-privacy{align-items:center;color:var(--nop-text-muted);display:flex;font-size:.6875rem;gap:.3125rem;justify-content:center;line-height:1.4;margin-block-start:.75rem;padding:0;text-align:center}.nop-modal .nop-privacy svg{color:var(--nop-text-muted);flex-shrink:0;opacity:.7}.nop-modal .nop-thankyou{background:var(--nop-bg);border-radius:var(--nop-radius);box-shadow:var(--nop-shadow);display:none;padding-block:3rem 2rem;padding-inline:1.5rem;position:relative;text-align:center}.nop-modal .nop-thankyou.active{animation:nopFadeUp .5s ease-out;display:block}.nop-modal .nop-ty-close{align-items:center;background:oklch(21% .035 260/6%);border:none;border-radius:50%;color:var(--nop-text-muted);cursor:pointer;display:flex;height:2.75rem;inset-inline-end:.75rem;justify-content:center;min-height:2.75rem;min-width:2.75rem;padding:0;position:absolute;top:.75rem;transition:background .2s ease,color .2s ease;width:2.75rem;z-index:var(--z-above)}.nop-modal .nop-ty-close:hover{background:oklch(21% .035 260/12%);color:var(--nop-text)}@keyframes nopFadeUp{0%{opacity:0;transform:translateY(.75rem)}to{opacity:1;transform:translateY(0)}}.nop-modal .nop-check-circle{align-items:center;animation:nopPop .5s cubic-bezier(.16,1,.3,1);background:linear-gradient(135deg,var(--nop-success) 0,var(--nop-success-dark) 100%);border:none;border-radius:50%;box-shadow:0 .5rem 1.5rem oklch(69% .17 160/30%);display:flex;height:4.25rem;justify-content:center;margin-block:0 1.25rem;margin-inline:auto;padding:0;width:4.25rem}@keyframes nopPop{0%{transform:scale(0)}60%{transform:scale(1.15)}to{transform:scale(1)}}.nop-modal .nop-check-circle svg{animation:nopDraw .6s ease .3s forwards;color:oklch(100% 0 0);height:2rem;stroke-dasharray:50;stroke-dashoffset:50;width:2rem}@keyframes nopDraw{to{stroke-dashoffset:0}}.nop-modal .nop-ty-title{background:transparent;border:none;color:var(--nop-text);font-family:var(--font-primary);font-size:1.375rem;font-weight:800;line-height:1.3;margin-block:0 .75rem;padding:0}.nop-modal .nop-ty-desc{color:var(--nop-text-muted);font-family:var(--font-primary);font-size:.9375rem;line-height:1.6;margin-block:0 1.75rem;padding:0}.nop-modal .nop-ty-zalo,.nop-modal .nop-ty-zalo:focus,.nop-modal .nop-ty-zalo:hover{align-items:center;background:var(--nop-zalo-bg);border:1px solid var(--nop-zalo-border);border-radius:var(--nop-input-radius);color:var(--nop-zalo-color);display:inline-flex;font-size:.875rem;font-weight:700;gap:.625rem;padding-block:.875rem;padding-inline:1.75rem;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease}.nop-modal .nop-ty-zalo:hover{background:var(--nop-zalo-bg);box-shadow:0 .25rem 1rem var(--nop-zalo-shadow);color:var(--nop-zalo-color);transform:translateY(-.125rem)}.nop-modal .nop-ty-zalo img{border:none;border-radius:.3125rem;height:1.375rem;width:1.375rem}@media (max-width:640px){.nop-modal{max-height:90vh;overflow-y:auto;width:min(26rem,calc(100% - 1.5rem));-webkit-overflow-scrolling:touch;border-radius:.875rem}.nop-modal .nop-header{border-radius:.875rem .875rem 0 0;padding-block:1.125rem .875rem;padding-inline:1.125rem}.nop-modal .nop-header:after{display:none}.nop-modal .nop-title{font-size:1.125rem;line-height:1.3}.nop-modal .nop-subtitle{font-size:.75rem;line-height:1.35}.nop-modal .nop-body{border-radius:0 0 .875rem .875rem;padding-block:.875rem 1.25rem;padding-inline:1.125rem}.nop-modal .nop-field{margin-block-end:.6875rem}.nop-modal .nop-field-icon{height:1rem;inset-inline-start:.8125rem;top:1.4375rem;width:1rem}.nop-modal .nop-input,.nop-modal .nop-select-trigger{font-size:1rem;height:2.875rem;padding-inline-end:.75rem;padding-inline-start:2.375rem}.nop-modal .nop-input::placeholder{font-size:.8125rem}.nop-modal .nop-submit{font-size:.9375rem;height:3rem;margin-block-start:.25rem}.nop-modal .nop-privacy{font-size:.625rem;gap:.25rem;margin-block-start:.625rem}.nop-modal .nop-thankyou{border-radius:.875rem;padding-block:1.75rem 1.25rem;padding-inline:1.125rem}.nop-modal .nop-ty-title{font-size:1.1875rem;margin-block-end:.5rem}.nop-modal .nop-ty-desc{font-size:.8125rem;line-height:1.5;margin-block-end:1.25rem}.nop-modal .nop-ty-zalo{font-size:.8125rem;padding-block:.6875rem;padding-inline:1.25rem}.nop-modal .nop-autocomplete-list{box-shadow:0 .625rem 1.875rem oklch(21% .035 260/15%);max-height:8.5rem;position:absolute;top:calc(100% + .25rem);z-index:1000}.nop-modal .nop-autocomplete-item{font-size:.875rem;padding-block:.625rem}}@media (max-width:480px){.nop-modal{border-radius:.75rem;width:calc(100% - 1.25rem)}.nop-modal .nop-header{border-radius:.75rem .75rem 0 0;padding-block:1rem .75rem;padding-inline:1rem}.nop-modal .nop-title{font-size:1.0625rem}.nop-modal .nop-subtitle{font-size:.71875rem}.nop-modal .nop-body{border-radius:0 0 .75rem .75rem;padding-block:.75rem 1.125rem;padding-inline:1rem}.nop-modal .nop-thankyou{border-radius:.75rem}.nop-modal .nop-input::placeholder{font-size:.78125rem}}@media (prefers-reduced-motion:reduce){.nop-modal,.nop-modal .nop-check-circle,.nop-modal .nop-check-circle svg,.nop-modal .nop-select-options,.nop-overlay{animation-duration:.01ms;transition-duration:.01ms}}.no-lightbox{align-items:center;background:transparent;border:none;display:none;height:100%;justify-content:center;margin:0;max-height:100%;max-width:100%;opacity:0;overscroll-behavior:contain;padding:0;transition:opacity .4s cubic-bezier(.16,1,.3,1);width:100%}.no-lightbox[open]{display:flex;opacity:1}.no-lightbox::backdrop{background:oklch(0 0 0/92%)}.no-lightbox__wrapper{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;height:100%;justify-content:center;padding:1.5rem;position:relative;width:100%}.no-lightbox__header{align-items:center;display:flex;inset-inline-end:1.5rem;inset-inline-start:1.5rem;justify-content:space-between;pointer-events:none;position:absolute;top:1.5rem;z-index:var(--z-above,10)}.no-lightbox__header>*{pointer-events:auto}.no-lightbox__counter{align-items:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:oklch(0 0 0/45%);border:1px solid oklch(100% 0 0/15%);border-radius:9999px;color:oklch(100% 0 0/92%);display:inline-flex;font-size:.875rem;font-weight:500;justify-content:center;letter-spacing:.03em;line-height:1;padding:.375rem .875rem;user-select:none}.no-lightbox__counter:empty{display:none}.no-lightbox__content{align-items:center;display:flex;justify-content:center;max-height:85%;max-width:90%;opacity:0;position:relative;transform:scale(.95);transition:transform .4s cubic-bezier(.16,1,.3,1),opacity .4s ease;width:100%}.no-lightbox[open] .no-lightbox__content{opacity:1;transform:scale(1)}#no-gallery-lightbox .no-lightbox__img{border-radius:.5rem;box-shadow:0 .625rem 2.5rem oklch(0 0 0/50%);height:auto;max-height:100%;max-width:100%;opacity:1;transition:opacity .2s ease;user-select:none;width:auto}.no-lightbox__img.loading{opacity:0}.no-lightbox__loader{animation:no-spin 1s linear infinite;border:3px solid oklch(100% 0 0/20%);border-radius:50%;border-top-color:oklch(100% 0 0);display:none;height:3rem;inset-inline-start:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:3rem;z-index:-1}.no-lightbox.is-loading .no-lightbox__loader{display:block}@keyframes no-spin{to{transform:translate(-50%,-50%) rotate(1turn)}}.no-lightbox__close{align-items:center;background:oklch(100% 0 0/12%);border:1px solid oklch(100% 0 0/25%);border-radius:50%;color:oklch(100% 0 0);cursor:pointer;display:flex;height:3rem;inset-inline-end:2rem;justify-content:center;min-height:3rem;min-width:3rem;position:absolute;top:1.5rem;transition:background .2s ease,transform .2s cubic-bezier(.16,1,.3,1);width:3rem;z-index:var(--z-above,10)}.no-lightbox__header .no-lightbox__close{position:static}.no-lightbox__close:hover{background:oklch(100% 0 0/25%);transform:rotate(90deg) scale(1.1)}.no-lightbox__close:focus-visible{outline:.125rem solid var(--no-secondary,oklch(85% .15 85));outline-offset:.125rem}.no-lightbox__nav{align-items:center;background:oklch(100% 0 0/12%);border:1px solid oklch(100% 0 0/25%);border-radius:50%;color:oklch(100% 0 0);cursor:pointer;display:flex;height:3.5rem;justify-content:center;min-height:3.5rem;min-width:3.5rem;position:absolute;top:50%;transform:translateY(-50%);transition:background .2s ease,transform .2s cubic-bezier(.16,1,.3,1);width:3.5rem;z-index:var(--z-above,2)}.no-lightbox__nav:hover{background:oklch(100% 0 0/25%);transform:translateY(-50%) scale(1.1)}.no-lightbox__nav:focus-visible{outline:.125rem solid var(--no-secondary,oklch(85% .15 85));outline-offset:.125rem}.no-lightbox__nav.prev{inset-inline-start:2rem}.no-lightbox__nav.next{inset-inline-end:2rem}.no-lightbox__caption{color:oklch(100% 0 0/90%);font-size:.9375rem;font-weight:400;line-height:1.5;margin-block-start:1.25rem;max-width:50rem;text-align:center;text-shadow:0 .125rem .25rem oklch(0 0 0/50%)}.no-lightbox__caption:empty{display:none;margin-block-start:0}@media (max-width:768px){.no-lightbox__wrapper{padding:1rem}.no-lightbox__header{inset-inline-end:1rem;inset-inline-start:1rem;top:1rem}.no-lightbox__counter{font-size:.8125rem;padding:.3125rem .625rem}.no-lightbox__content{max-height:75%;max-width:100%;width:100%}#no-gallery-lightbox .no-lightbox__img{border-radius:.25rem;height:auto;max-height:100%;max-width:100%;width:auto}.no-lightbox__nav{backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:oklch(0 0 0/40%);height:2.75rem;min-height:2.75rem;min-width:2.75rem;width:2.75rem}.no-lightbox__nav svg{height:1.25rem;width:1.25rem}.no-lightbox__nav.prev{inset-inline-start:.5rem}.no-lightbox__nav.next{inset-inline-end:.5rem}.no-lightbox__close{background:oklch(0 0 0/50%);border:none;height:2.75rem;inset-inline-end:1rem;min-height:2.75rem;min-width:2.75rem;top:1rem;width:2.75rem}.no-lightbox__caption{font-size:.875rem;margin-block-start:1rem;padding-inline:1rem}}