@import"https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:wght@100..900&family=Noto+Sans+Thai:wght@100..900&display=swap";.flex{display:flex}.col{flex-direction:column}.al-cen{align-items:center}.al-start{align-items:flex-start}.al-stretch{align-items:stretch}.ju-start{justify-content:flex-start}.ju-cen{justify-content:center}.ju-between{justify-content:space-between}.ju-it-stretch{justify-items:stretch}.ju-it-start{justify-items:flex-start}.wrap{flex-wrap:wrap}.scroll{overflow:scroll}.flex-1{flex:1}.flex-2{flex:2}.gap-2{gap:2px}.gap-6{gap:6px}.gap-10{gap:10px}.gap-12{gap:12px}.gap-16{gap:16px}.gap-20{gap:20px}.gap-30{gap:30px}.bg-white{background-color:#fff}.w-full{width:100%}.h-full{height:100vh}.p-4{padding:4px}.p-10{padding:10px}.p-20{padding:20px}.p-30{padding:30px}.m-4{margin:4px}.m-16{margin:16px}.m-20{margin:20px}.m-30{margin:30px}.scale-08{transform:scale(.8)}.scale-14{transform:scale(1.4)}.auto-margin{margin:auto}.clip{overflow:hidden}.unset{all:unset}.hidden{display:none!important}.opacity-0{opacity:0}.opacity-1{opacity:.1}.opacity-2{opacity:.2}.opacity-3{opacity:.3}.opacity-4{opacity:.4}.opacity-5{opacity:.5}.opacity-6{opacity:.6}.opacity-7{opacity:.7}.opacity-8{opacity:.8}.opacity-9{opacity:.9}.color-gray-01{color:#f6f7f8}.color-gray-02{color:#dcdfe3}.color-gray-03{color:#b7bfc7}.color-gray-04{color:#747c86}.color-gray-05{color:#454c54}.color-gray-06{color:#2e333b}.color-gray-07{color:#20232a}.color-gray-08{color:#1e242c}.svg-grey07 path{stroke:#20232a}.svg-grey05 path{stroke:#454c54;fill:#454c54}.svg-B7BFC7 path{stroke:rgba(183,191,199,.61)}.svg-53A9FF path{stroke:#53a9ff}.light-outline{border:1px solid rgba(0,0,0,.1)}.round-4{border-radius:4px}.round-8{border-radius:8px}.round-12{border-radius:12px}.round-16{border-radius:16px}.round-20{border-radius:20px}.shadow-1{box-shadow:0 10px 20px 0 rgba(0,0,0,.05)}.shadow-2{box-shadow:0 8px 16px rgba(0,0,0,.1)}.shadow-3{box-shadow:0 16px 24px rgba(0,0,0,.1)}.shadow-4{box-shadow:0 24px 32px rgba(0,0,0,.1)}.shadow-5{box-shadow:0 32px 40px rgba(0,0,0,.1)}.text-center{text-align:center}.text-right{text-align:right}.pre-wrap{white-space:pre-wrap}.line-100{line-height:100%}.color-red{color:#ff547d}.font-12-100{font-size:12px;font-weight:100}.font-12-200{font-size:12px;font-weight:200}.font-12-300{font-size:12px;font-weight:300}.font-12-400{font-size:12px;font-weight:400}.font-12-500{font-size:12px;font-weight:500}.font-12-600{font-size:12px;font-weight:600}.font-12-700{font-size:12px;font-weight:700}.font-12-800{font-size:12px;font-weight:800}.font-12-900{font-size:12px;font-weight:900}.font-14-100{font-size:14px;font-weight:100}.font-14-200{font-size:14px;font-weight:200}.font-14-300{font-size:14px;font-weight:300}.font-14-400{font-size:14px;font-weight:400}.font-14-500{font-size:14px;font-weight:500}.font-14-600{font-size:14px;font-weight:600}.font-14-700{font-size:14px;font-weight:700}.font-14-800{font-size:14px;font-weight:800}.font-14-900{font-size:14px;font-weight:900}.font-16-100{font-size:16px;font-weight:100}.font-16-200{font-size:16px;font-weight:200}.font-16-300{font-size:16px;font-weight:300}.font-16-400{font-size:16px;font-weight:400}.font-16-500{font-size:16px;font-weight:500}.font-16-600{font-size:16px;font-weight:600}.font-16-700{font-size:16px;font-weight:700}.font-16-800{font-size:16px;font-weight:800}.font-16-900{font-size:16px;font-weight:900}.font-18-100{font-size:18px;font-weight:100}.font-18-200{font-size:18px;font-weight:200}.font-18-300{font-size:18px;font-weight:300}.font-18-400{font-size:18px;font-weight:400}.font-18-500{font-size:18px;font-weight:500}.font-18-600{font-size:18px;font-weight:600}.font-18-700{font-size:18px;font-weight:700}.font-18-800{font-size:18px;font-weight:800}.font-18-900{font-size:18px;font-weight:900}.font-20-100{font-size:20px;font-weight:100}.font-20-200{font-size:20px;font-weight:200}.font-20-300{font-size:20px;font-weight:300}.font-20-400{font-size:20px;font-weight:400}.font-20-500{font-size:20px;font-weight:500}.font-20-600{font-size:20px;font-weight:600}.font-20-700{font-size:20px;font-weight:700}.font-20-800{font-size:20px;font-weight:800}.font-20-900{font-size:20px;font-weight:900}.font-22-100{font-size:22px;font-weight:100}.font-22-200{font-size:22px;font-weight:200}.font-22-300{font-size:22px;font-weight:300}.font-22-400{font-size:22px;font-weight:400}.font-22-500{font-size:22px;font-weight:500}.font-22-600{font-size:22px;font-weight:600}.font-22-700{font-size:22px;font-weight:700}.font-22-800{font-size:22px;font-weight:800}.font-22-900{font-size:22px;font-weight:900}.font-24-700{font-size:24px;font-weight:700}.font-24-600-gray07{font-size:24px;font-weight:600;color:#20232a}.font-24-600-red{font-size:24px;font-weight:600;color:#ff547d}.font-26-600-gray07{font-size:26px;font-weight:600;color:#20232a}.test-btn-2{justify-content:center;padding:16px;border-radius:8px;border:1px solid #dcdfe3;margin:20px;font-size:18px;font-weight:600;color:#20232a}.GNB,.test-btn-2{display:flex;align-items:center}.GNB{z-index:999;position:fixed;bottom:0;justify-content:space-between;padding-top:10px;border-top:1px solid #f1f5f9;background-color:#fff;width:100%;max-width:600px}@media screen and (min-width:769px){.GNB{display:none}}.GNB .btn{display:flex;flex-direction:column;align-items:center;width:24%;height:54px;gap:4px;background:#fff}.GNB .btn .label.on{font-size:12px;font-weight:700;color:#454c54}.GNB .btn .label.off{font-size:12px;font-weight:400;color:#454c54}.GNB .req-btn{width:20%;margin-bottom:10px}.GNB .req-btn,.GNB .req-btn .button{display:flex;align-items:center;justify-content:center}.GNB .req-btn .button{background:#ff547d;width:50px;height:50px;padding:2px;background:linear-gradient(135deg,#ffb554 11.88%,#ff85a2 50%,#ff547d 88.13%);box-shadow:0 4px 6px rgba(241,31,115,.3),inset 0 -2px 3px rgba(255,0,111,.25),inset 0 -4px 4px hsla(0,0%,100%,.56);border-radius:9999px}.GNB .req-btn .button .icon-con{position:relative;display:flex;align-items:center;justify-content:center;left:-1px;top:-1px;width:24px;height:24px}.GNB .req-btn .button .icon{width:20px;height:20px;margin:auto}.GNB.hide{display:none}.search-bar{font-size:16px;font-weight:500;color:#dcdfe3;flex:1;display:flex;align-items:center;padding:0 20px;background-color:#f6f7f8;border-radius:99999px;min-height:54px}.search-bar input{flex:1;min-width:100px}.search-bar input::-moz-placeholder{color:#b7bfc7}.search-bar input::placeholder{color:#b7bfc7}.radio-btn.single-type{display:flex;align-items:center;cursor:pointer}.radio-btn.single-type .radio-circle{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border:2px solid #53a9ff;border-radius:999px;background-color:#fff}.radio-btn.single-type .radio-circle .dot{width:10px;height:10px;background-color:#53a9ff;border-radius:999px}.radio-btn.single-type .label{font-size:16px;font-weight:500;color:#2e333b;margin-left:4px}.radio-btn.card-type{display:flex;flex-direction:column;gap:50px;padding:16px;background-color:#fff;border-radius:8px;border:1px solid #53a9ff}.radio-btn.card-type .name{font-size:16px;font-weight:500;color:#53a9ff}.radio-btn.card-type .des{font-size:14px;font-weight:300;color:#53a9ff}.radio-btn.card-type.on{background-color:#53a9ff}.radio-btn.card-type.on .des,.radio-btn.card-type.on .name{color:#fff}.check-box.single-type{display:flex;align-items:center;gap:4px;padding:2px 0;cursor:pointer}.check-box.single-type .check-con{position:relative;display:flex;align-items:center;justify-content:center;margin-right:5px;width:20px;height:20px}.check-box.single-type .check-con input[type=checkbox]{position:absolute;appearance:none;-webkit-appearance:none;-moz-appearance:none;outline:none;background-color:#fff;width:20px;height:20px;cursor:pointer;border:1px solid #b7bfc7;border-radius:4px}.check-box.single-type .check-con input[type=checkbox]:checked{background-color:#ffb800;border:0}.check-box.single-type .check-con .check-icon{z-index:9;scale:1.6}.dropdown{position:relative;display:flex;align-items:center;width:100%;gap:10px;background-color:#fff;border-radius:8px;border:1px solid #dcdfe3}.dropdown select{all:unset;flex:1;display:flex;padding:16px}.dropdown.on{background-color:#53a9ff}.dropdown.on .icon,.dropdown.on .label,.dropdown.on .text{color:#fff}.dropdown .arrow{position:absolute;right:16px}.dropdown.type02{width:auto;padding-right:16px}.toggle.toggle01{display:flex;width:36px;height:20px;background:#e2e8f0;padding:4px;border-radius:999px;transition:all .3s ease}.toggle.toggle01.on{background:#ff547d}.toggle.toggle01 .head{display:flex;width:20px;height:20px;background:#fff;border-radius:30px;transition:all .3s ease}.toggle.toggle01 .head.on{transform:translateX(16px)}.tab-st-1{gap:10px;border-radius:8px}.tab-st-1,.tab-st-1 .tab{display:flex;font-size:16px;background:#fff}.tab-st-1 .tab{align-items:center;justify-content:center;flex:1;padding:10px;cursor:pointer;font-weight:600;color:#b7bfc7;border-bottom:2px solid transparent}.tab-st-1 .tab.on{color:#20232a;border-bottom:2px solid #20232a}.tab-st-2{display:flex;gap:6px;padding:12px 24px;border-radius:999px;background:#fff;font-size:14px;font-weight:600;color:#20232a}.tab-st-2 .qty{color:#ff547d}.tab-st-2.on{background:#20232a;font-size:14px;font-weight:600;color:#fff}.top-page-header{display:flex;align-items:center;justify-content:space-between;padding:16px;background:#fff}.top-page-header.my-page-style{background:transparent;padding-bottom:4px}.top-page-header .page-title{font-size:30px;font-weight:600;color:#20232a}.top-page-header.home{flex-direction:row;padding:26px 26px 0}.top-page-header .func-btn{display:flex;align-items:center;padding:6px}.detail-nav{position:fixed;align-items:center;width:calc(100% - 86px);max-width:514px;background-color:#fff;border-bottom:1px solid #dcdfe3;height:50px;padding-right:86px;z-index:9}.detail-nav,.detail-nav .btn-con{display:flex;top:0}.detail-nav .btn-con .btn{display:flex;align-items:center;justify-content:center;width:50px;height:50px}.detail-nav .btn-con .home-btn{height:50px;width:26px;padding-right:10px}.detail-nav .page-title{font-size:16px;font-weight:500;color:#20232a;flex:1;text-align:center}.order-stepper{display:flex;align-items:center;gap:6px;font-size:16px;font-weight:500;color:#dcdfe3}.order-stepper .arrow-con{display:flex;align-items:center;justify-content:center;width:16px;height:16px;scale:.8}.order-stepper .on{font-size:16px;font-weight:700;color:#20232a}.cash-info-card{display:flex;gap:10px;padding:20px;background:#fff;border-radius:20px;align-items:center}.cash-info-card .label{font-size:14px;font-weight:300;color:#454c54}.cash-info-card .value{font-size:20px;font-weight:600;color:#20232a}.cash-info-card .img{width:50px;height:50px;border-radius:50%;background-color:#f1f5f9}.cash-info-card .info-con{flex:1;display:flex;flex-direction:column;gap:2px}.cash-info-card .top-up-btn{display:flex;border-radius:10px;background:#ff547d;align-items:center;padding:12px 20px;color:#fff}.request-item-card{display:flex;flex-direction:column;align-items:stretch;gap:24px;min-width:calc(50% - 37px);background-color:#f1f5f9;border-radius:16px;padding:16px;margin-bottom:10px}@media screen and (min-width:765px){.request-item-card:nth-child(2n){margin-left:10px}}@media screen and (max-width:765px){.request-item-card{min-width:calc(100% - 32px)}}.request-item-card .type-toggle{align-items:center}.request-item-card .type-toggle .toggle-con{border-radius:999px;background-color:#fff;padding:4px}.request-item-card .type-toggle .toggle-con .toggle{display:flex;border-radius:999px;gap:4px;align-items:center;padding:6px 12px 6px 10px;color:#454c54;font-size:16px;font-weight:600}.request-item-card .type-toggle .toggle-con .toggle.on{background-color:#53a9ff;color:#fff}.request-item-card input{background-color:#fff;padding:8px 12px;border-radius:8px;border:1px solid #cbd5e1}.request-item-card .file-uploader{display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:20px 12px;background-color:#fff;border-radius:var(--12,12px);border:1px dashed var(--slate-500,#64748b);background:var(--slate-200,#e2e8f0)}.request-item-card .file-uploader .file-name{font-size:14px;font-weight:300;color:#dcdfe3;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.request-item-card .file-uploader .btn{font-size:14px;font-weight:500;color:#53a9ff;padding:4px 8px;border-radius:999px;border:1px solid #53a9ff}.order-card{position:relative;display:flex;flex-direction:column;gap:10px;padding:20px;background:#fff;border-radius:20px}.order-card .top-line{display:flex;align-items:center;justify-content:space-between}.order-card .top-line .status{font-size:18px;font-weight:700;color:#20232a}.order-card .top-line .date{font-size:14px;font-weight:300;color:#b7bfc7}.order-card .product_name{font-size:16px;font-weight:500;color:#20232a;width:100%;height:20px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;text-overflow:ellipsis}.order-card .option{font-size:16px;font-weight:400;color:#b7bfc7}.order-card .middle-con{display:flex;justify-content:space-between;align-items:center;overflow:hidden}.order-card .middle-con .info-con{display:flex;align-items:center;gap:6px}.order-card .middle-con .info-con .product-img-con{position:relative;min-width:60px;min-height:60px;width:60px;height:60px;border-radius:4px;overflow:hidden;border:1px solid rgba(0,0,0,.1)}.order-card .middle-con .info-con .product-img-con .img-placeholder{width:100%;height:100%;background-color:#f1f5f9}.order-card .middle-con .info-con .text-con{display:flex;flex-direction:column;gap:2px}.order-card .middle-con .arrow-con{min-width:24px;min-height:24px}.order-card .btn,.order-card .middle-con .arrow-con{display:flex;align-items:center;justify-content:center}.order-card .btn{font-size:14px;font-weight:700;color:#747c86;padding:10px;border-radius:6px;background-color:#f6f7f8;z-index:1}.order-card.loading{width:calc(100% - 40px);height:calc(100% - 40px);background-color:rgba(215,221,227,.3)}.order-card.loading .date,.order-card.loading .status{width:30px;height:20px;background-color:rgba(215,221,227,.5)}.order-card.loading .info-con .product-img-con{background-color:rgba(215,221,227,.5);border:none}.order-card.loading .option,.order-card.loading .product_name{width:100%;height:20px;background-color:rgba(215,221,227,.5)}.order-card.loading .btn{height:18px;background-color:rgba(215,221,227,.5)}.order-card.loading .arrow-con{opacity:.1}.delivery-card{position:relative;display:flex;flex-direction:column;gap:20px;padding:20px;background:#fff;border-radius:20px}.delivery-card .stepper{display:flex;align-items:center}.delivery-card .stepper .step{width:8px;height:8px;background-color:#dcdfe3;border-radius:8px}.delivery-card .stepper .step.on{width:6px;height:6px;border:4px solid #747c86;background-color:#fff}.delivery-card .stepper .step.passed{background-color:#747c86}.delivery-card .stepper .line{width:20px;height:2px;background-color:#dcdfe3}.delivery-card .stepper .line.on{background-color:#747c86}.delivery-card .info-con{display:flex;flex-direction:column;align-items:center;gap:20px}.delivery-card .info-con .date{font-size:14px;font-weight:500;color:#747c86}.delivery-card .info-con .status-message{font-size:20px;font-weight:600;color:#20232a}.delivery-card .summary-con{display:flex;justify-content:space-between;gap:6px;width:100%}.delivery-card .summary-con .summary-item{display:flex;flex-direction:column;align-items:center;width:100%;background:#f6f7f8;padding:10px 0;border-radius:6px;gap:4px}.delivery-card .summary-con .data{display:flex;gap:4px;font-size:16px;font-weight:300;color:#2e333b}.delivery-card .summary-con .data .number{font-size:16px;font-weight:600;color:#2e333b}.delivery-card .status-img{top:40px;right:-14px;height:auto}.delivery-card .btn{font-size:14px;font-weight:700;color:#747c86;display:flex;align-items:center;justify-content:center;padding:16px;border-radius:6px;background-color:#f6f7f8;z-index:1}.delivery-card .btn.pay{background-color:#ff547d;color:#fff}.delivery-card.loading{width:calc(100% - 40px);height:calc(100% - 40px);background-color:rgba(215,221,227,.3)}.delivery-card.loading .delivery-stepper{opacity:.3}.delivery-card.loading .date{width:30px;height:20px;background-color:rgba(215,221,227,.5)}.delivery-card.loading .status-img{width:140px;height:140px;border-radius:30px;background-color:rgba(215,221,227,.5)}.delivery-card.loading .status-message{width:50%;height:20px;background-color:rgba(215,221,227,.5)}.delivery-card.loading .summary-item{background-color:rgba(215,221,227,.5)}.delivery-card.loading .summary-item .icon{width:24px;height:24px;background-color:rgba(215,221,227,.5)}.delivery-card.loading .summary-item .info{background-color:rgba(215,221,227,.5);width:45%;height:20px;border-radius:999px}.delivery-card.loading .btn{height:17px;background-color:rgba(215,221,227,.5)}.delivery-stepper{display:flex;align-items:center}.delivery-stepper .step{width:8px;height:8px;background-color:#dcdfe3;border-radius:8px}.delivery-stepper .step.on{width:6px;height:6px;border:4px solid #747c86;background-color:#fff}.delivery-stepper .step.passed{background-color:#747c86}.delivery-stepper .line{width:20px;height:2px;background-color:#dcdfe3}.delivery-stepper .line.on{background-color:#747c86}.product-card{position:relative;display:flex;flex-direction:column;gap:10px;padding:16px;border-radius:8px}@media screen and (max-width:765px){.product-card{padding:16px 2px}}.product-card .img-con{position:relative;display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:1/1;overflow:clip}.product-card .img-con img{-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}.product-card .brand{font-size:12px;font-weight:300;color:#747c86}.product-card .name{height:40px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;line-height:20px;font-size:16px;font-weight:300;color:#747c86}.product-card .price-con{display:flex;flex-direction:column;justify-content:flex-end;height:40px;gap:2px}.product-card .price-con .discount{font-size:14px;font-weight:700;color:#ff547d}.product-card .price-con .original-price{font-size:14px;font-weight:400;color:#b7bfc7;text-decoration:line-through}.product-card .price-con .final-price{font-size:16px;font-weight:600;color:#2e333b}.product-card .brand-logo{border:.5px solid #e2e8f0;overflow:hidden}.product-card .brand-logo,.product-card .cart-btn{display:flex;align-items:center;justify-content:center;border-radius:999px}.product-card .cart-btn{background-color:#ff547d;width:34px;height:34px;color:#fff}.product-card.loading{width:100%}.product-card.loading .img{background-color:rgba(215,221,227,.3);position:relative;width:100%;height:0;padding-top:100%;border-radius:4px;overflow:clip}.product-card.loading .brand-logo{border:none;width:24px;height:24px;background-color:rgba(215,221,227,.3)}.product-card.loading .brand{width:30%;height:20px;background-color:rgba(215,221,227,.3)}.product-card.loading .name,.product-card.loading .price-con{width:100%;height:20px;background-color:rgba(215,221,227,.3)}.range-slider{display:flex;width:100%;flex-direction:column;justify-content:flex-start;align-items:center;position:relative}.range-slider .range{position:absolute;top:0;bottom:0;left:0;right:0;background-color:#f8d72a;height:16px;border-radius:999px}.range-slider .track{position:relative;width:calc(100% - 20px);height:16px;background-color:#fff;border:1px solid #dcdfe3;border-radius:999px}.range-slider .track .thumb{position:absolute;transform:translateY(-5px);width:26px;height:26px;border-radius:999px;background:#fff;border:1px solid #ffb800}.range-slider input{position:absolute;width:100%;border:none;pointer-events:none;z-index:10;-webkit-appearance:none;-moz-appearance:none;appearance:none}.range-slider input::-webkit-slider-thumb{pointer-events:all;margin-top:-5px;-webkit-appearance:none;appearance:none;width:20px;height:20px;cursor:pointer}.quick-menu-btn{font-size:14px;font-weight:300;color:#454c54;flex:1;display:flex;flex-direction:column;align-items:center;background:#f6f7f8;border-radius:16px;padding:6px}.request-order-section{display:flex;justify-content:center;margin:auto 16px}.request-order-section .inner-con{flex-grow:1;position:relative;display:flex;border-radius:999px;min-width:220px;max-width:300px;padding:12px 12px 12px 60px;background:#ff547d}.request-order-section .inner-con .img{position:absolute;width:80px;top:0;left:-6px}.request-order-section .inner-con .title{font-size:16px;font-weight:500;color:#fff}.request-order-section .inner-con .des{font-size:12px;font-weight:300;color:hsla(0,0%,100%,.6)}.request-order-section .inner-con .req-btn{display:flex;align-items:center;justify-content:center;padding:14px 20px;border-radius:999px;background:#fff;font-size:14px;font-weight:600;color:#20232a}.image-upload{display:flex;flex-direction:column;gap:4px;width:100%}.image-upload .image-attache{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:20px;box-sizing:border-box;background:#e7f2ff;border:1px dashed #b9cfe9;border-radius:8px;font-size:14px;font-weight:300;color:#b9cfe9}.image-upload .image-attache .image{margin:0;width:50px}.image-upload .image-attache .high-light{font-size:14px;font-weight:300;color:#53a9ff}.image-upload .image-attache .file-input{position:absolute;top:0;width:100%;height:100%;opacity:0;cursor:pointer}.image-upload .image-attache .mock-btn{display:flex;align-items:center;justify-content:center;padding:10px 20px;border-radius:8px;background:#ff547d;font-size:14px;font-weight:600;color:#fff}.image-upload .img-con{display:flex;flex-wrap:wrap;justify-content:space-between}.image-upload .img-con .img-item{position:relative;display:flex;justify-content:center;align-items:center;border-radius:12px;border:1px solid rgba(30,36,44,.1);width:100%;margin-bottom:6px;aspect-ratio:1/1;overflow:hidden}.image-upload .img-con .img-item img{-o-object-fit:cover;object-fit:cover}.image-upload .img-con .img-item .delete-btn{position:absolute;top:6px;right:6px;display:flex;padding:8px;align-items:center;justify-content:center;text-align:center;border-radius:50%;background:hsla(0,0%,100%,.7)}.image-upload .img-con .img-item .delete-btn svg{scale:.7}.image-upload .img-con .add-btn{width:calc(50% - 5px);aspect-ratio:1/1}.image-upload .img-con .add-btn .text{height:8px;display:flex;align-items:center;font-size:32px;font-weight:600;color:#53a9ff}.image-upload .submit-btn{position:sticky;bottom:0;align-items:center;padding:16px 40px;background:#ff547d;font-size:14px;font-weight:600;color:#fff}.image-upload .submit-btn,.payment-bank-info{display:flex;justify-content:center;border-radius:12px}.payment-bank-info{flex-direction:column;gap:10px;padding:12px;background:#f6f7f8;color:#20232a}.payment-bank-info .bank-info{display:flex;justify-content:center;align-items:center;gap:4px}.payment-bank-info .bank-info .kasikorn-logo{position:relative;width:24px;height:24px}.payment-bank-info .bank-info .bank-name{font-size:14px;font-weight:400;color:#454c54}.payment-bank-info .account-info-con{display:flex;align-items:center;flex-direction:column;gap:2px}.payment-bank-info .account-info-con .owner-name{font-size:14px;font-weight:600;color:#20232a}.payment-bank-info .account-info-con .account-number-con{display:flex;justify-content:center;align-items:center;gap:4px}.payment-bank-info .account-info-con .account-number-con .account-number{font-size:18px;font-weight:600;color:#20232a}.payment-bank-info .account-info-con .account-number-con .copy-btn{display:flex;align-items:center;justify-content:center;padding:6px 8px 7px;border-radius:6px;background:#ff547d;font-size:12px;font-weight:600;color:#fff}.no-data-yet{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;height:100%;width:100%;text-align:center;word-break:normal}.no-data-yet .img{width:48px;height:48px}.no-data-yet .text-con{display:flex;flex-direction:column;align-items:center;gap:4px}.no-data-yet .text-con .title{font-size:16px;font-weight:500;color:#b7bfc7}.no-data-yet .text-con .des{font-size:14px;font-weight:300;color:#b7bfc7}.save-btn-set{position:fixed;width:calc(100% - 12px);max-width:588px;background:#fff;bottom:0;padding:6px;gap:6px}.save-btn-set,.save-btn-set .btn{display:flex;justify-content:center}.save-btn-set .btn{flex-grow:1;align-items:center;padding:16px 20px;border-radius:4px;background:#ff547d;opacity:.3;font-size:14px;font-weight:600;color:#fff}.save-btn-set .btn.active{opacity:1}.save-btn-set .btn.cancel{background:#f6f7f8;color:#fff}.save-btn-set .btn.revert{background:#fff;border:1px solid #b7bfc7;color:#747c86}.save-btn-set .btn.save{background:#ff547d;color:#fff}.footer{display:flex;flex-direction:column;align-items:center;background:#f6f7f8;padding:60px 30px;margin-bottom:46px;left:0}.footer.shop-detail-footer{margin:-16px}.footer .divider{height:1px;width:50px;margin:46px 0;background:#cad0de}.footer .sns-con{display:flex;gap:40px;margin-bottom:34px}.footer .link-con{display:flex;gap:4px;margin-bottom:16px;font-size:14px;font-weight:600;color:#b6bdcc}.footer .small-text{font-size:12px;font-weight:300;color:#b6bdcc}.no-data{display:flex;width:100%;padding:100px 0;justify-content:center;text-align:center;font-size:16px;font-weight:600;color:#b7bfc7}.product-line{position:relative;display:flex;align-items:center;gap:6px}.product-line .img-con{position:relative;min-width:70px;min-height:70px;width:70px;height:70px;border:1px solid #dcdfe3;border-radius:6px;overflow:hidden}.product-line .info-con{flex:1;display:flex;flex-direction:column;min-width:30%;max-width:340px;gap:2px}.product-line .info-con .name{font-size:16px;font-weight:600;color:#20232a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.product-line .info-con .ea-price{font-size:14px;font-weight:300;color:#b7bfc7}.product-line .info-con .option{font-size:14px;font-weight:300;color:#747c86;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.product-line .not-available{font-size:14px;font-weight:600;color:#ff547d;text-align:right}.product-line .price-per-option{display:flex;align-items:center;gap:16px}.product-line .price-per-option .qty{font-size:14px;font-weight:300;color:#b7bfc7}.product-line .price-per-option .sum-price{font-size:18px;font-weight:600;color:#20232a}.product-line .divider{bottom:0;width:100%;height:1px;margin:10px 0;background:#f6f7f8}@media screen and (max-width:765px){.product-line .divider{margin:20px 0}}.global-cart-btn{position:relative}.global-cart-btn .badge{position:absolute;display:flex;align-items:center;justify-content:center;top:0;right:-6px;background:#ff547d;border-radius:999px;width:22px;height:22px;z-index:999}.global-cart-btn .badge .number{font-size:12px;font-weight:600;color:#fff}.no-orders{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:40px;height:auto;gap:20px}.no-orders .img-con{position:relative;width:70vw;height:26vh}.no-orders .img-con img{-o-object-fit:contain;object-fit:contain}.no-orders .text-con{display:flex;flex-direction:column;align-items:center;gap:4px}.no-orders .text-con .title{font-size:22px;font-weight:600;color:#454c54}.no-orders .text-con .sub-title{font-size:16px;font-weight:300;color:#b7bfc7}.no-orders .btn{display:flex;align-items:center;justify-content:center;padding:16px 40px;background:#ff547d;border-width:0;border-radius:6px;font-size:16px;font-weight:600;color:#fff}.coupon-input .input-con{position:relative;display:flex;align-items:center;gap:10px;height:32px;padding:10px;border-radius:8px;background:#f6f7f8}.coupon-input .input-con input{flex:1;margin-right:100px;font-size:16px;font-weight:500;color:#20232a}.coupon-input .input-con input::-moz-placeholder{font-size:16px;font-weight:300;color:#b7bfc7}.coupon-input .input-con input::placeholder{font-size:16px;font-weight:300;color:#b7bfc7}.pre-order-item-info{display:flex;flex-direction:column;gap:20px}.pre-order-item-info .set{display:flex;flex-direction:column;gap:2px}.pre-order-item-info .set .label{font-size:12px;font-weight:400;color:#b7bfc7}.pre-order-item-info .set .content{font-size:16px;font-weight:600;color:#20232a;word-break:break-all}.pre-order-item-info .set .option-img-con{display:flex}.pre-order-item-info .set .option-img-con .option-img{position:relative;width:100%}.s2u-order-item-info{position:relative;display:flex;flex-direction:column;gap:12px}.s2u-order-item-info .product-line{position:relative;display:flex;align-items:center;justify-content:space-between;gap:4px}.s2u-order-item-info .product-line .img{position:relative;min-width:60px;width:60px;min-height:60px;height:60px;border-radius:6px;border:1px solid rgba(0,0,0,.102);overflow:hidden;background:#e1efe7}.s2u-order-item-info .product-line .main-info{display:flex;align-items:center;width:60%;gap:6px}.s2u-order-item-info .product-line .main-info .name{font-size:14px;font-weight:500;color:#20232a;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis}.s2u-order-item-info .product-line .option,.s2u-order-item-info .product-line .qty{font-size:14px;font-weight:300;color:#b7bfc7}.pre-order-btn{gap:8px;padding:20px;background:#ff547d;border-radius:20px;font-size:16px;font-weight:600;color:#fff;background:linear-gradient(135deg,#ffb554 11.88%,#ff85a2 50%,#ff547d 88.13%);z-index:9}.pre-order-btn,.pre-order-btn .icon-con{display:flex;align-items:center;justify-content:center}.pre-order-btn .icon-con{width:16px;height:16px;border-radius:999px}.pre-order-btn.at-home{margin:0 16px}.general-pagination{display:flex;justify-content:center;gap:10px;margin:20px 0}.general-pagination .move-btn{display:flex;align-items:center;justify-content:center;width:60px;height:60px;font-size:14px;font-weight:600;color:#20232a}.general-pagination .move-btn path{stroke:#747c86}.general-pagination .move-btn.disabled{opacity:.2}.general-pagination .page-btn{display:flex;align-items:center;justify-content:center;width:60px;height:60px;font-size:14px;font-weight:600;color:#20232a}.general-pagination .page-btn.active{color:#ff547d}.validating-btn{position:absolute;right:10px;height:calc(100% - 20px);padding:0 10px;border-radius:4px;background:#dcdfe3;font-size:14px;font-weight:600;color:#fff}.validating-btn.active{background:#ff547d}.valid{color:#06c755}.invalid{color:#ff547d}.detail-info-con{flex:1;display:flex;gap:20px;padding:20px;border-radius:12px;background:#fff;flex-direction:row;justify-content:flex-start;flex-wrap:wrap}.detail-info-con .label{font-size:12px;font-weight:400;color:#b7bfc7}.detail-info-con .content{font-size:16px;font-weight:300;color:#20232a}.detail-info-con .set{display:flex;flex-direction:column;width:calc(50% - 10px);gap:2px}.slick-slider.card .slick-list{overflow:visible}.slick-slider.card .slick-list .slick-track{display:flex;gap:16px}.slick-slider.card .slick-list .slick-track .slick-slide{display:flex}.slick-slider.card .slick-list .slick-track .slick-slide>div{width:100%}.slick-slider.card .slick-arrow{width:40px;height:40px;opacity:.2;z-index:9;display:none}.slick-slider.card .slick-arrow.slick-prev{left:10px}.slick-slider.card .slick-arrow.slick-next{right:20px}.slick-slider.card .slick-arrow:before{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:#1e242c;border-radius:999px}.slick-slider.banner{position:relative}.slick-slider.banner .banner-con{position:relative;display:flex!important;align-items:center;width:100%;aspect-ratio:30/13}.slick-slider.banner .banner-con .text-con{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:12px;margin-left:30px;width:50%}.slick-slider.banner .banner-con .text-con .title{font-size:clamp(16px,8vw,48px);max-font-size:20px;font-weight:700;line-height:110%;word-break:break-word;color:#fff;z-index:10}.slick-slider.banner .banner-con .text-con .see-more-btn{display:flex;gap:4px;border-radius:999px;line-height:8px;font-weight:700;letter-spacing:-.5px;mix-blend-mode:color-burn;opacity:.3;margin-left:6px;font-size:16px;font-weight:600;color:#000}.slick-slider.banner .banner-con .bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1}.slick-slider.banner .banner-con .image-con{position:absolute;top:0;right:0;height:100%;aspect-ratio:1/1}.slick-slider.banner .slick-list{overflow:visible}.slick-slider.banner .slick-list .slick-track{display:flex}.slick-slider.banner .custom-arrow-con{position:absolute;display:flex;width:30px;height:100%;z-index:99}.slick-slider.banner .custom-arrow-con .image-con{position:absolute;display:flex;text-align:center;align-items:center;justify-content:center;border-radius:9999px;width:50px;height:50px;top:0;opacity:.5}.slick-slider.banner .custom-arrow-con.prev{left:0}.slick-slider.banner .custom-arrow-con.prev .image-con{left:-25px;top:calc(50% - 25px)}.slick-slider.banner .custom-arrow-con.prev .image-con svg{transform:translateX(10px)}.slick-slider.banner .custom-arrow-con.next{right:0;top:0}.slick-slider.banner .custom-arrow-con.next .image-con{right:-25px;top:calc(50% - 25px)}.slick-slider.banner .custom-arrow-con.next .image-con svg{transform:translateX(-10px)}.slick-slider.recommend .slick-list{overflow:visible}.slick-slider.recommend .slick-list .slick-track,.slick-slider.recommend .slick-list .slick-track .slick-slide{display:flex}.slick-slider.recommend .slick-list .slick-track .slick-slide>div{width:calc(100% - 10px)}.slick-slider .slick-dots{position:absolute;bottom:6%;display:block;width:100%;padding:0;margin:0;list-style:none;text-align:center}.slick-slider .slick-dots li{position:relative;display:inline-block;margin:0 5px;padding:0;cursor:pointer}.slick-slider .slick-dots li button{font-size:0;line-height:0;display:block;width:4px;height:4px;padding:2px;cursor:pointer;color:transparent;border:0;outline:none;background:hsla(0,0%,100%,.23);border-radius:50%}.slick-slider .slick-dots li.slick-active button{background:#fff}.pagination-con{display:flex;flex-direction:column;align-items:center;background:#fff;border-radius:20px;overflow:hidden}.pagination-con .pagination{display:flex;justify-content:flex-start;gap:4px;width:calc(100% - 32px);overflow-x:scroll;padding:16px;margin:0}.pagination-con .pagination::-webkit-scrollbar{display:none}.pagination-con .pagination li{list-style-type:none;padding:10px 16px;font-size:16px;font-weight:300;color:#b7bfc7}.pagination-con .pagination li.active{font-size:16px;font-weight:600;color:#20232a}.pagination-con .pagination li.next,.pagination-con .pagination li.previous{display:none}.pagination-con .divider{width:100%;height:1px;background:#e2e8f0}.pagination-con .nav-con{display:flex;width:100%;justify-content:space-between;align-items:center}.pagination-con .nav-con .divider{width:1px;height:20px;background:#e2e8f0}.pagination-con .nav-con button{flex:1;display:flex;align-items:center;justify-content:center;padding:20px;font-size:14px;font-weight:300;color:#747c86}.pagination-con.center-align .pagination{justify-content:center}.pagination-con.whiteBG{background:#f6f7f8}.user-modal-bg{position:fixed;display:flex;justify-content:center;align-items:flex-start;width:100%;height:100%;top:0;left:0;background-color:rgba(0,0,0,.5);z-index:9999;overflow:hidden}.user-modal-bg .w-300{width:300px}.user-modal-bg .w-600{width:600px}.modal{display:flex;flex-direction:column;align-items:center;background:#fff;border-radius:30px;margin:auto;overflow:scroll}.modal .modal-title{font-size:18px;font-weight:600;color:#20232a}.welcome{position:relative;display:flex;text-align:center;width:240px;padding:60px 30px 40px;background:linear-gradient(180deg,#c3dfff,#fff 51.21%)}.welcome .particle{position:absolute;top:0;left:0}.welcome .top-text{font-size:16px;font-weight:600;color:#8aabd4;opacity:.5;margin-bottom:6px}.welcome .logo{margin-bottom:35px}.welcome .des{font-size:16px;font-weight:500;color:#20232a;line-height:150%;margin-bottom:30px}.welcome .enter-btn{display:flex;align-items:center;justify-content:center;padding:16px 40px;background:#ff547d;border-radius:999px;font-size:14px;font-weight:600;color:#fff}.qr-pay{position:relative;padding:20px;width:calc(100vw - 80px);max-width:460px;max-height:calc(100vh - 140px);overflow-y:scroll}.qr-pay::-webkit-scrollbar{display:none}.qr-pay .des{text-align:center;margin-bottom:20px;width:100%;font-size:16px;font-weight:500;color:#20232a}.qr-pay .des .price{font-size:20px;font-weight:600;color:#20232a}.qr-pay .submit-btn{position:sticky;bottom:0;display:flex;align-items:center;justify-content:center;padding:16px 40px;background:#ff547d;border-radius:12px;font-size:14px;font-weight:600;color:#fff}.qr-pay .qr{width:280px;height:280px;margin-bottom:20px;scale:1.3}.qr-pay .qr svg{width:100%;height:100%}.delivery-address-select{display:flex;flex-direction:column;width:calc(90% - 60px);min-width:200px;max-width:450px;max-height:calc(100vh - 120px);padding:30px;gap:10px}.delivery-address-select .address-list-con{display:flex;flex-direction:column;width:100%;gap:6px;padding:10px;border-radius:6px;border:1px solid #dcdfe3}.delivery-address-select .address-list-con .address-con{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:10px}.delivery-address-select .address-list-con .address-con .select-btn{display:flex;align-items:center;justify-content:center;padding:10px 16px;border-radius:6px;background:rgba(255,84,125,.15);font-size:14px;font-weight:600;color:#20232a}.delivery-address-select .address-list-con .address-con .top-con{display:flex;width:100%;align-items:center;justify-content:space-between}.delivery-address-select .address-list-con .address-con .top-con .name-con{display:flex;gap:6px}.delivery-address-select .address-list-con .address-con .top-con .name-con .default-chip{width:50px}.delivery-address-select .address-list-con .address-con .top-con .name-con .name{font-size:18px;font-weight:700;color:#20232a}.delivery-address-select .address-list-con .address-con .item{display:flex;justify-content:space-between;align-items:center;gap:4px;background:#fff}.delivery-address-select .my-info-link{display:flex;align-items:center;justify-content:flex-end;width:100%;padding:10px 0 0;font-size:14px;font-weight:600;color:#20232a}.delivery-address-edit{display:flex;flex-direction:column;width:calc(90% - 60px);min-width:200px;max-width:450px;max-height:calc(100vh - 120px);padding:30px;gap:10px}.delivery-address-edit .input-list{display:flex;flex-direction:column;width:100%;gap:10px}.delivery-address-edit .input-list .input-con{display:flex;flex-direction:column;width:100%;gap:6px}.delivery-address-edit .input-list .input-con .title{font-size:14px;font-weight:500;color:#747c86}.delivery-address-edit .input-list .input-con input{padding:10px;border-radius:6px;border:1px solid #dcdfe3;background:#f6f7f8;font-size:16px;font-weight:500;color:#20232a}.delivery-address-edit .btn{flex:1;display:flex;align-items:center;justify-content:center;padding:16px 40px;border-radius:6px;font-size:14px;font-weight:600}.delivery-address-edit .reset-btn-con{display:flex;width:100%}.delivery-address-edit .reset-btn-con .reset{background:#fff;padding:6px;color:#747c86}.delivery-address-edit .btn-con{display:flex;width:100%;gap:6px}.delivery-address-edit .btn-con .cancel{background:#fff;border:1px solid #dcdfe3;color:#747c86}.delivery-address-edit .btn-con .save{background:#ff547d;color:#fff}.shipping-fee-table{position:relative;width:calc(100vw - 60px);max-width:540px;height:calc(100vh - 120px)}.shipping-fee-table .close-btn{position:absolute;display:flex;align-items:center;justify-content:center;top:20px;right:20px;width:20px;height:20px;padding:12px;background:hsla(0,0%,100%,.7);border-radius:999px;z-index:999}.shipping-fee-table iframe{position:relative;width:100%;height:calc(100% + 56px);margin-top:-56px}.submit-qna{position:relative;display:flex;padding:16px;width:calc(100vw - 60px);max-width:540px;gap:20px;height:220px}.submit-qna .top{display:flex;align-items:center;justify-content:space-between;width:100%}.submit-qna .top .text-con{padding-left:44px;width:100%;text-align:center;font-size:16px;font-weight:500;color:#20232a}.submit-qna .top .close-btn{display:flex;align-items:center;justify-content:center;top:20px;right:20px;width:20px;height:20px;padding:12px;background:hsla(0,0%,100%,.7);border-radius:999px;z-index:999}.submit-qna .input{flex:1;border-radius:6px;padding:16px;border:0;background:#f6f7f8;width:calc(100% - 32px);resize:none;outline:none;font-size:16px;font-weight:500;color:#454c54}.submit-qna .btn-con{display:flex;width:100%;gap:6px}.submit-qna .btn-con .btn{flex:1;display:flex;align-items:center;justify-content:center;padding:16px 40px;border-radius:12px;font-size:14px;font-weight:600;color:#b7bfc7}.submit-qna .btn-con .btn.main{background:#ff547d;color:#fff}.loading-con{margin:auto}.default-chip{display:flex;align-items:center;justify-content:center;width:46px;border:1px solid #b7bfc7;border-radius:6px;padding:2px;font-size:12px;font-weight:500;color:#747c86}.custom-toast-container{width:350px;font-size:16px}.custom-toast-container .custom-toast{background:#333;color:#fff;border-radius:8px;box-shadow:0 4px 8px rgba(0,0,0,.2);padding:16px}.Toastify__toast-container{display:flex;justify-content:center;align-items:center;margin:auto;top:calc(env(safe-area-inset-top) + 10px)!important}.Toastify__toast-container .Toastify__close-button{display:none}