.wrap-nav{z-index:99;background:#7750f8;padding:10px 16px;gap:15px;max-width:480px;min-height:55px;position:fixed;top:0;display:flex;width:100%;align-items:center;justify-content:space-between}.container-input{position:relative;width:100%}.nv-search-wrap{top:10px;left:10px;position:absolute;z-index:10}.nv-delsearch-wrap{top:12px;right:10px;position:absolute;z-index:10}.container-input input{outline:none;padding:8.5px 30px 8.5px 34px;background:#ffffff;border-radius:4px;width:100%;font-size:.875rem;line-height:1.25rem;--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity))}.container-action{gap:20px;display:flex;align-items:center}.container-action .nav-img-wrap{width:20px;height:20px;display:grid;place-items:center}.container-action img{cursor:pointer;width:100%}.container-action .nav-wish img{width:91.666667%}.nv-chev-img-wrap{min-width:20px;cursor:pointer}.nvsr-wrap-input{position:relative}.nvsr-wrap-input .placeholder{top:9px;left:34px;pointer-events:none;position:absolute;display:flex;align-items:flex-start;font-size:.875rem;line-height:1.25rem}.nvsr-wrap-input .placeholder .box{height:1.5rem;overflow:hidden}.nvsr-wrap-input .placeholder p{color:rgb(var(--shade-gray))}.nvsr-wrap-input .placeholder li{padding:0 4px;color:rgb(var(--purple));font-weight:500}.nvsr-wrap-input .placeholder ul.slide4{animation:slide4 5s linear infinite}.nvsr-wrap-input .placeholder ul.slide3{animation:slide3 4s linear infinite}.nvsr-wrap-input .placeholder ul.slide2{animation:slide2 3s linear infinite}.nvsr-wrap-input .placeholder ul.slide1{animation:slide1 2s linear infinite}.nvsr-wrap-input input:not(:-moz-placeholder-shown)+.placeholder{display:none}.nvsr-wrap-input input:not(:placeholder-shown)+.placeholder{display:none}.nvsr-wrap-input input::-moz-placeholder{opacity:0}.nvsr-wrap-input input::placeholder{opacity:0}.nvsr-wrap-input input:focus::-moz-placeholder,.nvsr-wrap-input.default-placholder input::-moz-placeholder{opacity:1}.nvsr-wrap-input input:focus::placeholder,.nvsr-wrap-input.default-placholder input::placeholder{opacity:1}.nvsr-wrap-input input:focus+.placeholder{display:none}@keyframes slide4{0%{margin-top:20px}5%{margin-top:0}25%{margin-top:0}30%{margin-top:-20px}50%{margin-top:-20px}55%{margin-top:-40px}75%{margin-top:-40px}80%{margin-top:-60px}to{margin-top:-60px}}@keyframes slide3{0%{margin-top:20px}10%{margin-top:0}40%{margin-top:0}50%{margin-top:-20px}60%{margin-top:-20px}70%{margin-top:-40px}to{margin-top:-40px}}@keyframes slide2{0%{margin-top:20px}25%{margin-top:0}50%{margin-top:0}75%{margin-top:-20px}to{margin-top:-20px}}@keyframes slide1{0%{margin-top:20px}50%{margin-top:0}to{margin-top:0}}.nvt-wrap-title{display:flex;align-items:center;gap:1rem}.nvt-wrap-title p{color:rgb(var(--white));overflow:hidden;display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;font-size:1rem;line-height:1.5rem;font-weight:600}.nvt-wrap-title.var-center{position:relative;width:100%}.nvt-wrap-title.var-center .nv-chev-img-wrap{position:absolute}.nvt-wrap-title.var-center p{width:100%;text-align:center}.nvt-wrap-title.var-center .logo-vcg{margin:auto}.container{color:rgb(var(--color-primary));margin-top:65px;font-size:1.25rem;line-height:1.75rem}.container.no-gap{margin-top:55px}.container.no-top{margin-top:0}.height-full{height:100vh;margin:0!important;padding-top:65px}.empty-comp{text-align:center}.empty-comp img{margin:auto}.empty-comp .title-comp{color:rgb(var(--color-shade-200));margin-top:.5rem}.empty-comp .desc-comp,.empty-comp .title-comp{text-align:center;font-size:.75rem;line-height:1rem;font-weight:600}.empty-comp .desc-comp{color:rgb(var(--shade-gray));max-width:320px;margin:.5rem auto auto}.item-variation-wrap{border:1px solid #dedede;padding:10px;border-radius:10px}.item-variation-wrap.stock-out{background:rgb(var(--shade-75));border-color:rgb(var(--text-grey))}.item-variation-wrap p{color:rgb(var(--foreground-rgb));font-size:.75rem;line-height:1rem;font-weight:600}.item-variation-wrap p.stock{color:rgb(var(--text-grey))}.item-variation-wrap.stock-out p.stock span{color:rgb(var(--color-red))}.item-variation-wrap p.stock span{color:rgb(var(--text-grey))}.item-variation-wrap p.price{color:rgb(var(--color-primary));font-weight:700}.item-variation-wrap .title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hdr-var-wrap{padding:10px 16px;background:rgb(var(--white));gap:10px;margin-bottom:10px;display:flex;align-items:center}.hdr-var-wrap .img-wrap{height:45px;width:45px;border-radius:10px;display:flex;align-items:center;justify-content:center;overflow:hidden}.hdr-var-wrap .img-wrap img{height:100%;-o-object-fit:cover;object-fit:cover}.hdr-var-wrap .hdr-var-title{color:rgb(var(--shade-700));font-size:.875rem;line-height:1.25rem;font-weight:700}.content-var-wrap{background:rgb(var(--white));padding:1rem}.content-var-wrap .content-var-title{color:rgb(var(--color-grey));margin-bottom:.75rem;font-size:.875rem;line-height:1.25rem;font-weight:600}.content-var-item{gap:5px;grid-template-columns:32.5% 32.5% 32.5%;display:grid;align-items:center}.content-var-item .dtl-var-item{min-width:32%;border:1px solid #dedede;padding:10px;border-radius:10px}.content-var-item .dtl-var-item p{color:rgb(var(--foreground-rgb));font-size:.75rem;line-height:1rem;font-weight:600}.content-var-item .dtl-var-item p.stock,.content-var-item .dtl-var-item p.stock span{color:rgb(var(--text-grey))}.content-var-item .dtl-var-item p.price{color:rgb(var(--color-primary));font-weight:700}