.input-field label{cursor:text;height:50px;color:var(--font-sec-color);text-align:initial;transform-origin:0 100%;align-items:center;gap:3px;font-size:13px;transition:transform .25s ease-out,color .25s ease-out;display:inline-flex;position:absolute;top:0;left:12px}.input-field label:after{content:"";z-index:-1;background-color:var(--background-color);opacity:0;width:120%;height:1px;transition:opacity .25s ease-out;position:absolute;top:50%;left:50%;transform:translate(-50%)}.input-field label em{color:var(--primary-color)}.input-field input,.input-field textarea{border:1px solid var(--border-color);background:var(--background-sec-color);width:100%;min-height:50px;color:var(--font-color);resize:none;border-radius:8px;padding:12px;font-size:16px;transition:border-color .25s ease-out}.input-field input:focus,.input-field textarea:focus{border-color:var(--primary-color);outline:none}.input-field input:focus~label,.input-field textarea:focus~label{color:var(--primary-color)}.input-field input:focus~label,.input-field input:not(:placeholder-shown)+label,.input-field textarea:focus~label,.input-field textarea:not(:placeholder-shown)+label{transform-origin:0 0;transform:translateY(-50%)}.input-field input:focus~label:after,.input-field input:not(:placeholder-shown)+label:after,.input-field textarea:focus~label:after,.input-field textarea:not(:placeholder-shown)+label:after{opacity:1}.input-field button{border:1px solid var(--border-color);background-color:var(--border-color);height:30px;color:var(--font-sec-color);cursor:pointer;border-radius:4px;padding:0 8px;font-size:13px;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.input-field .form-text{position:relative}.input-field .helper-text{color:var(--font-sec-color);margin-top:5px;padding-left:12px;font-size:13px}
.cart-modal{justify-content:flex-end;align-items:flex-end}.cart-modal .modal-panel{height:100vh;animation:cart-modal-panel-show .5s var(--liquid-ease) .25s backwards;border-bottom:0;border-radius:clamp(16px,14.5143px + .380952vw,20px) 0 0}@keyframes cart-modal-panel-show{0%{opacity:0;transform:translate(50%)}to{opacity:1;transform:translate(0)}}.cart-body{flex-direction:column;flex:1;margin-top:-20px;display:flex}.cart-empty{opacity:.5;flex:1;justify-content:center;align-items:center;display:flex}.cart-list{flex:1}.cart-item{border-bottom:1px solid var(--border-color);gap:16px;padding:12px 0;display:flex}.cart-item:last-child{border-bottom:0}.cart-image{width:90px;height:90px;box-shadow:0 0 0 1px var(--border-color);border-radius:8px;flex:0 0 90px}.cart-image img{background-color:var(--background-sec-color)}.cart-info{flex-direction:column;flex:1;justify-content:space-between;gap:4px;min-width:0;display:flex}.cart-item-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.cart-item-head h3{margin:0;font-size:1em;font-weight:500}.cart-options{opacity:.55;flex-wrap:wrap;gap:4px 8px;font-size:13px;display:flex}.cart-options span+span:before{content:"/";margin-right:8px}.cart-remove{color:inherit;opacity:.5;cursor:pointer;background:0 0;border:0;flex:none}.cart-item-bottom{justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.cart-item-bottom strong{font-size:16px;font-weight:500}.cart-item-quantity{background-color:var(--background-sec-color);border:1px solid var(--border-color);border-radius:20em;align-items:center;display:flex}.cart-item-quantity button{width:28px;height:28px;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}.cart-item-quantity button:disabled{opacity:.25;cursor:default}.cart-item-quantity span{text-align:center;min-width:28px;font-size:13px}.cart-item-price{text-align:right;flex-direction:column;line-height:1.35;display:flex}.cart-item-price del{color:var(--font-sec-color);font-size:.85em}.cart-summary{border-top:1px solid var(--border-color);flex-direction:column;gap:8px;padding:20px 0;display:flex}.cart-summary-row{color:var(--font-sec-color);justify-content:space-between;align-items:center;font-size:1em;display:flex}.cart-summary-row.discount{color:var(--primary-color)}.cart-summary-row.total{color:var(--font-color);border-top:1px solid var(--border-color);margin-top:8px;padding-top:14px}.cart-summary-row.total span{font-size:18px;font-weight:500}.cart-summary-row.total strong{font-size:20px}.cart-summary-row.total small{font-weight:500}.cart-actions{gap:8px;display:flex;position:sticky;bottom:0}.cart-clear,.cart-order{width:100%}.cart-clear{background:var(--border-color);border:1px solid var(--border-color);min-width:100px;color:var(--font-sec-color)}.order-form{flex-direction:column;flex:1;min-height:0;display:flex}.order-form-body{flex:1}.order-products>h3{margin-bottom:8px!important}.order-product{border-bottom:1px solid var(--border-color);justify-content:space-between;gap:15px;padding:12px 0;display:flex}.order-product-image{width:70px;height:70px;box-shadow:0 0 0 1px var(--border-color);border-radius:8px;flex:0 0 70px;position:relative}.order-product-image img{background-color:var(--background-sec-color)}.order-product-info{flex-direction:column;gap:2px;width:100%;display:flex}.order-product-info strong{font-weight:500}.order-product-info small,.order-product-info span{opacity:.5;font-size:13px}.order-product-price{white-space:nowrap}.order-product-price strong{font-weight:500}.order-footer{border-top:1px solid var(--border-color);flex:none;padding:20px 24px 24px}.order-total{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.order-total span{opacity:.6;font-size:13px}.order-total strong{font-size:20px}.order-price-summary{border-top:1px solid var(--border-color);flex-direction:column;gap:8px;margin-top:8px;margin-bottom:16px;padding-top:12px;display:flex}.order-price-row{color:var(--font-sec-color);justify-content:space-between;align-items:center;font-size:1em;display:flex}.order-price-row.total{border-top:1px solid var(--border-color);margin-top:8px;padding-top:14px}.order-price-row.total span{color:var(--font-color);font-size:18px;font-weight:500}.order-price-row.total strong{color:var(--primary-color);font-size:20px}.order-price-row.total small{color:var(--primary-color);font-weight:500}.order-submit{width:100%;position:sticky;bottom:0}.order-error{margin-bottom:14px;font-size:13px}.order-complete{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}.order-complete h2{margin-top:20px;font-size:20px}.order-complete p{opacity:.6;margin-top:12px;font-size:16px;line-height:1.6}.order-complete>button{width:100%;max-width:300px;margin-top:40px}.complete-icon{border:2px solid var(--primary-color);border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;display:flex}.complete-icon>span{color:var(--font-color)}.complete-order-number{flex-direction:column;gap:4px;margin-top:24px;display:flex}.complete-order-number span{opacity:.5;font-size:13px}.order-section+.order-section{margin-top:28px}.order-section>h3{margin:0 0 16px;font-size:18px;font-weight:500}.delivery-methods{margin-bottom:-20px;padding:0 20px;display:flex}.delivery-methods label{background-color:var(--background-sec-color);border:1px solid var(--border-color);width:100%;min-height:40px;color:var(--font-sec-color);cursor:pointer;justify-content:center;align-items:center;font-size:1em;transition:border-color .2s,background .2s;display:flex;position:relative;overflow:hidden}.delivery-methods label input{opacity:0;width:1px;height:1px;position:absolute}.delivery-methods label span{z-index:1;position:relative}.delivery-methods label:first-child{border-radius:10em 0 0 10em}.delivery-methods label:last-child{border-radius:0 10em 10em 0}.delivery-methods label.active{color:var(--primary-color)}.delivery-methods label.active:after{content:"";background-color:rgb(from var(--primary-color) r g b/.15);width:100%;height:100%;position:absolute;top:0;left:0}.delivery-methods label+label{margin-left:-1px}.delivery-guide{background-color:var(--background-sec-color);border:1px solid var(--primary-color);border-radius:8px;padding:38px 20px 20px}.delivery-guide .guide-title{border-bottom:1px solid var(--border-color);margin-bottom:14px;padding-bottom:14px;font-size:16px;font-weight:500;line-height:1.4}.delivery-guide .guide-content{font-size:.9em;line-height:1.8}.delivery-guide .guide-content strong{font-weight:600}.order-field+.order-field{margin-top:16px}.privacy-section{background-color:var(--background-sec-color);border:1px solid var(--primary-color);border-radius:8px;padding:18px}.privacy-check{cursor:pointer;align-items:flex-start;gap:10px;display:flex}.privacy-check input{opacity:0;position:absolute;left:-9999px}.privacy-check input:checked+span:before{background-color:var(--primary-color)}.privacy-check input:checked+span:after{opacity:1}.privacy-check span{align-items:center;font-size:13px;line-height:1.4;display:inline-flex;position:relative}.privacy-check span:before{content:"";z-index:0;border:1px solid var(--border-color);box-sizing:border-box;background-color:#fff;border-radius:5px;width:20px;height:20px;margin:0 10px 0 0;transition:all .2s}.privacy-check span:after{content:"";opacity:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3C!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--%3E%3Cpath fill='%23ffffff' d='M438.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 338.7 393.4 105.4c12.5-12.5 32.8-12.5 45.3 0z'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:46%;width:20px;height:20px;position:absolute;top:0;left:0}.privacy-check em{opacity:.5;margin-left:4px;font-style:normal}.privacy-content{border-top:1px solid var(--border-color);margin-top:14px;padding-top:14px}.privacy-content p{opacity:.45;margin:0;font-size:13px;line-height:1.7}.privacy-content p+p{margin-top:2px}@media screen and (max-width:1023px){.cart-modal{justify-content:center}.cart-modal .modal-panel{height:auto;animation:cart-modal-panel-show .5s var(--liquid-ease) .25s backwards;border-bottom:0;border-radius:clamp(16px,14.5143px + .380952vw,20px) clamp(16px,14.5143px + .380952vw,20px) 0 0}@keyframes cart-modal-panel-show{0%{opacity:0;transform:translateY(50%)}to{opacity:1;transform:translateY(0)}}.cart-image{flex-basis:80px;width:80px;height:80px}.cart-options{margin-top:4px;font-size:10px}.cart-actions{gap:4px}.order-section+.order-section{margin-top:20px}.order-form-body{flex:1}}
.order-tracking-form{gap:16px;display:grid}.order-tracking-form .order-tracking-instruction{color:var(--font-sec-color);margin:0 0 4px;font-size:1rem}.order-tracking-submit,.order-cancel-button{width:100%}.order-tracking-submit{margin-top:16px}.order-tracking-error{color:var(--error-color);text-align:center;margin:16px 0 0;font-size:13px}.order-tracking-results h3{margin:0 0 14px;font-size:16px}.order-tracking-results h3 span{color:var(--primary-color)}.order-tracking-results ul{gap:10px;margin:0;padding:0;list-style:none;display:grid}.order-tracking-results li{margin:0}.order-tracking-results li>button{border:1px solid var(--border-color);background:var(--background-sec-color);width:100%;color:var(--font-color);text-align:left;border-radius:12px;grid-template-columns:1fr auto;gap:4px 16px;padding:16px;transition:border-color .25s,transform .25s;display:grid}@media (hover:hover) and (pointer:fine){.order-tracking-results li>button:hover{border-color:var(--primary-color)}}.order-tracking-results li>button:active{border-color:var(--primary-color);transform:scale(1.05)}.order-tracking-results li>button time{color:var(--font-sec-color);font-size:13px}.order-tracking-results li>button p{grid-column:1;margin:8px 0 0;font-size:14px}.order-tracking-results li>button>b{grid-column:2;margin-top:8px;font-size:14px}.order-result-top{grid-column:1/-1;justify-content:space-between;align-items:center;gap:12px;display:flex}.order-result-top strong{font-size:16px}.order-status{background:var(--info-color);color:#fff;white-space:nowrap;border-radius:999px;align-items:center;min-height:25px;padding:0 9px;font-weight:400;display:inline-flex;font-size:12px!important}.order-status.paid,.order-status.completed{background:var(--success-color)}.order-status.inTransit{background:var(--warning-color);color:#333}.order-status.cancelled{background:var(--disabled-color)}.order-tracking-empty{color:var(--font-sec-color);text-align:center;margin:0;padding:35px 0}.order-detail{gap:24px;display:grid}.order-detail section h3{margin:0 0 12px;font-size:18px;font-weight:500}.order-detail dl{margin:0}.order-detail dl>div{grid-template-columns:90px 1fr;gap:12px;padding:6px 0;font-size:1rem;display:grid}.order-detail dt{color:var(--font-sec-color)}.order-detail dd{margin:0}.order-detail-summary{background:var(--background-sec-color);border:1px solid var(--border-color);border-radius:10px;gap:8px;padding:16px;display:grid}.order-detail-summary>div{justify-content:space-between;align-items:center;gap:16px;display:flex}.order-detail-summary span:not(.order-status){color:var(--font-sec-color);font-size:14px}.order-detail-summary strong{font-size:14px;font-weight:500}.order-detail-item{border-top:1px solid var(--border-color);justify-content:space-between;align-items:flex-end;gap:20px;padding:12px 0;display:flex}.order-detail-item>div{gap:4px;display:grid}.order-detail-item strong{font-size:1rem;font-weight:500}.order-detail-item small,.order-detail-item span{color:var(--font-sec-color);font-size:13px}.order-detail-item>b{flex:none;font-size:14px;font-weight:500}.order-detail-price{border-top:1px solid var(--border-color);padding-top:16px}.order-detail-price>div{justify-content:space-between;padding:4px 0;font-size:1rem;display:flex}.order-detail-price .total{border-top:1px solid var(--border-color);margin-top:10px;padding-top:14px;font-size:20px}.order-detail-price .total span{font-weight:500}.order-detail-price .total strong{color:var(--primary-color)}.order-detail-price .total small{font-weight:500}.order-cancel-guide{color:var(--font-sec-color);text-align:center;margin:12px 0 0;font-size:1rem}@media screen and (max-width:767px){.order-tracking-panel{border-bottom:0;border-radius:16px 16px 0 0;width:100%;max-height:94dvh}.order-detail dl>div{grid-template-columns:60px 1fr}}
.goods-list{min-height:50vh;padding-bottom:160px}.goods-grid{grid-template-columns:repeat(5,1fr);gap:40px 20px;display:grid}.goods-card{flex-direction:column;gap:16px;min-width:0;display:flex}.goods-card__top{border-radius:16px;flex-direction:column;display:flex;position:relative;overflow:hidden}.goods-card__top .goods-card__label{z-index:1;gap:0;margin-bottom:0;display:flex;position:absolute;top:0;left:0}.goods-card__top .goods-card__label_item{border-radius:0;min-width:50px;padding:0 8px}.goods-card__top .goods-card__label_item:last-child{border-bottom-right-radius:12px}.goods-card__label{gap:4px;display:none}.goods-card__label_item{color:#fff;background-color:#666;border-radius:10em;justify-content:center;align-items:center;min-width:40px;height:20px;padding:0 4px;font-size:13px;line-height:1;display:flex}.goods-card__label_item.new{background-color:var(--primary-color)}.goods-card__label_item.best{background-color:var(--secondary-color)}.goods-card__image{aspect-ratio:1;width:100%}.goods-card__image img{background-color:var(--background-sec-color)}.goods-add-cart{background-color:#0000;border:0;justify-content:flex-end;align-items:flex-end;padding:8px;display:flex;position:absolute;bottom:0;right:0}.goods-add-cart>div{text-align:center;color:#fff;border-radius:20em;justify-content:center;align-items:center;gap:4px;width:40px;height:40px;padding:0 8px;font-size:13px;line-height:1;transition:all .35s;display:flex;position:relative;overflow:hidden}.goods-add-cart>div.added{width:120px}.goods-add-cart>div.added:after{background-color:var(--secondary-color)}.goods-add-cart>div>*{z-index:2}.goods-add-cart>div .icon{font-size:1.4em}.goods-add-cart>div .text{padding-right:.25em;font-size:1em;line-height:1.4em}.goods-add-cart>div:after{content:"";z-index:1;background-color:var(--primary-color);width:100%;height:100%;-webkit-backdrop-filter:var(--backdrop-filter);backdrop-filter:var(--backdrop-filter);opacity:.8;border-radius:10em;position:absolute;top:0;left:0}.goods-add-cart>div:before{content:"";z-index:3;opacity:0;background-color:#fff3;width:100%;height:100%;transition:all .25s;position:absolute;top:0;left:0}.goods-add-cart:not(:disabled):active>div{transform:scale(1.2)}@media (hover:hover) and (pointer:fine){.goods-add-cart:not(:disabled):hover>div:before{opacity:1}}.goods-add-cart:disabled>div{color:#66635d;cursor:not-allowed;width:80px}.goods-add-cart:disabled>div:after{background-color:#a9a59d}.goods-card__info{flex-direction:column;gap:4px;display:flex}.goods-card__title h2{color:var(--font-color);font-size:16px;line-height:1.35}.goods-card__desc{color:var(--font-sec-color);font-size:13px}.goods-card__price{flex-direction:column;line-height:1.35;display:flex}.goods-card__price del{color:var(--font-sec-color);font-size:13px}.goods-card__price strong{color:var(--font-color);font-size:18px;font-weight:600}.goods-card__price strong small{font-weight:400}.goods-card__price .discount-rate{color:var(--primary-color);margin-right:4px;font-size:16px}.quantity-discounts{color:var(--primary-color);margin-top:4px;font-size:13px}.goods-empty{text-align:center;min-height:320px;color:var(--font-sec-color);justify-content:center;align-items:center;font-size:1em;display:flex}.site-fnb .cart_icon{position:relative}.site-fnb .cart_icon .cnt{text-align:center;background-color:var(--secondary-color);border-radius:10em;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 4px;font-size:10px;line-height:1;display:flex;position:absolute;top:-2px;left:100%;transform:translate(-60%)}.site-fnb .cart_btn{width:100%}.site-fnb .tracking_btn{flex:none}.option-modal-close{width:36px;height:36px;color:inherit;cursor:pointer;background:0 0;border:0;font-size:24px;position:absolute;top:16px;right:16px}.option-modal-title{flex-direction:column;gap:4px;margin-bottom:28px;padding-right:40px;display:flex}.option-modal-title strong{font-size:20px;font-weight:500}.option-modal-title span{font-size:16px}.option-modal-title small{color:var(--primary-color);font-size:13px}.option-modal-option+.option-modal-option{margin-top:20px}.option-title{opacity:.6;margin-bottom:12px;font-size:16px}.option-list{flex-wrap:wrap;gap:8px;display:flex}.option-list button{background-color:var(--border-color);min-width:40px;height:40px;color:var(--font-sec-color);text-align:center;cursor:pointer;border:0;border-radius:10em;justify-content:center;align-items:center;padding:12px;font-size:13px;line-height:1;display:flex}.option-list button.active{background-color:rgb(from var(--secondary-color) r g b/1);color:#fff}.modal-quantity{border-top:1px solid var(--border-color);justify-content:space-between;align-items:center;margin-top:28px;padding-top:20px;display:flex}.modal-quantity span{font-size:16px}.modal-total{justify-content:space-between;align-items:center;margin-top:20px;display:flex}.modal-total span{font-size:16px}.modal-total strong{align-items:baseline;gap:8px;font-size:20px;display:flex}.modal-total small{opacity:.65;font-size:.65em;font-weight:400}.quantity-control{background-color:var(--background-sec-color);border:1px solid var(--border-color);border-radius:10em;align-items:center;display:flex}.quantity-control button{width:38px;height:38px;color:inherit;cursor:pointer;background:0 0;border:0}.quantity-control button:disabled{opacity:.25}.quantity-control span{text-align:center;min-width:34px}.modal-submit{width:100%;margin-top:24px}@media screen and (max-width:1023px){.goods-grid{grid-template-columns:repeat(4,1fr)}.site-fnb .tracking_btn .icon{margin-left:-4px;margin-right:-4px}.site-fnb .tracking_btn .text{display:none}}@media screen and (max-width:767px){.goods-list{padding-bottom:120px}.goods-grid{grid-template-columns:repeat(1,1fr);gap:0 16px}.goods-card{border-bottom:1px solid var(--border-color);flex-direction:row-reverse;align-items:center;padding:16px 4px}.goods-card:first-child{border-top:1px solid var(--border-color)}.goods-card__top{border-radius:12px;flex:none;width:120px}.goods-card__top .goods-card__label{display:none}.goods-add-cart{width:100%;height:100%;padding:4px}.goods-add-cart>div{gap:2px;width:36px;height:36px;padding:0 8px;font-size:13px}.goods-add-cart>div.added{width:100%}.goods-add-cart:disabled>div{width:60px}.goods-card__info{width:100%}.goods-card__label{display:flex}.goods-card__label_item{min-width:36px;height:16px;font-size:8px}.goods-card__desc{font-size:13px}}
