.x-cart-heading .h3{font-size:.8rem}.hb-benefit-bar{padding:8px 1.25rem 15px}@media(min-width:1024px){.x-cart-heading .h3{font-size:1.15rem}.hb-benefit-bar{padding-left:2.25rem;padding-right:2.25rem}}.hb-benefit-tabs{display:flex;gap:12px;margin-bottom:14px}.hb-benefit-tab{flex:1;display:flex;align-items:center;justify-content:flex-start;gap:6px;padding:8px 12px;border:1px solid rgba(var(--colors-line-and-border));border-radius:999px;background:transparent;color:rgba(var(--colors-text),.7);font-size:13px;cursor:pointer}.hb-benefit-tab.is-active{border-color:rgba(var(--colors-button));background:rgba(var(--colors-button),.07);color:rgba(var(--colors-button))}.hb-benefit-tab__icon{display:inline-flex;width:16px;height:16px}.hb-benefit-tab__icon svg{width:100%;height:100%}.hb-benefit-panel{display:none}.hb-benefit-panel.is-active{display:block}.hb-benefit-track{position:relative;height:6px;border-radius:999px;background:rgba(var(--hb-bar-track, var(--colors-line-and-border)));overflow:hidden}.hb-benefit-track__fill{position:absolute;top:0;left:0;height:100%;border-radius:999px;background:rgba(var(--hb-bar-progress, var(--color-success)));transition:width .6s ease}[dir=rtl] .hb-benefit-track__fill{left:auto;right:0}.hb-benefit-nodes{position:relative;height:82px;margin-left:40px;margin-right:40px;padding:0}.hb-benefit-nodes.has-cluster{height:96px}.hb-benefit-nodes.no-gift-number{height:68px}.hb-benefit-nodes.has-cluster.no-gift-number{height:82px}.hb-benefit-nodes .hb-benefit-track{position:absolute;top:21px;left:0;right:0;overflow:visible}.hb-benefit-nodes__dots{position:absolute;top:0;left:0;right:0;height:82px;pointer-events:none}.hb-benefit-nodes.has-cluster .hb-benefit-nodes__dots{height:96px}.hb-benefit-nodes.no-gift-number .hb-benefit-nodes__dots{height:68px}.hb-benefit-nodes.has-cluster.no-gift-number .hb-benefit-nodes__dots{height:82px}.hb-benefit-node{--hb-node-cluster-step: 32px;position:absolute;top:2px;display:flex;flex-direction:column;align-items:center;transform:translate(calc(-50% + (var(--hb-node-k, 0) * var(--hb-node-cluster-step))))}[dir=rtl] .hb-benefit-node{transform:translate(calc(50% - (var(--hb-node-k, 0) * var(--hb-node-cluster-step))))}.hb-benefit-node__thumb{position:relative;display:block;width:44px;height:44px;border-radius:50%;border:2px solid rgba(var(--hb-bar-track, var(--colors-line-and-border)));background:rgba(var(--background-color));opacity:.4}.hb-benefit-node__thumb img{width:100%;height:100%;border-radius:50%;object-fit:cover}.hb-benefit-node__thumb .hb-benefit-node__ph{display:block;width:100%;height:100%;border-radius:50%;overflow:hidden}.hb-benefit-node__thumb .hb-benefit-node__ph svg{width:100%;height:100%}.hb-benefit-node.is-reached .hb-benefit-node__thumb{border-color:rgba(var(--hb-bar-progress, var(--color-success)));opacity:1}.hb-benefit-node.is-next .hb-benefit-node__thumb{border-color:rgba(var(--hb-bar-active, var(--colors-button)));opacity:1}.hb-benefit-node.is-ship .hb-benefit-node__thumb{opacity:1}.hb-benefit-node__ship-inline{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;border-radius:50%;overflow:hidden;font-size:8px;font-weight:600;line-height:1.15;text-align:center;color:rgba(var(--colors-text))}.hb-benefit-node__ship-row{display:flex;align-items:center;gap:2px}.hb-benefit-node__ship-row svg{width:11px;height:11px;flex-shrink:0}.hb-benefit-node.is-reached .hb-benefit-node__ship-inline{color:rgba(var(--hb-bar-progress, var(--color-success)))}.hb-benefit-node__check{position:absolute;bottom:-11px;left:50%;transform:translate(-50%);display:flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;border:2px solid rgba(var(--background-color));background:rgba(var(--hb-bar-progress, var(--color-success)));color:rgba(var(--background-color))}.hb-benefit-node__check svg{width:9px;height:9px}.hb-benefit-node__label{display:block;margin-top:7px;text-align:center;font-size:11px;font-weight:600;line-height:1.3;color:rgba(var(--colors-text));white-space:nowrap}.hb-benefit-node__subtitle{display:block;max-width:90px;text-align:center;font-size:11px;line-height:1.3;color:rgba(var(--colors-text),.7);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:480px){.hb-benefit-node__subtitle{max-width:84px}.hb-benefit-node{--hb-node-cluster-step: 30px}}.hb-benefit-node .hb-benefit-node__label,.hb-benefit-node .hb-benefit-node__subtitle{display:none}.hb-benefit-node.is-clustered{z-index:3}.hb-benefit-node.is-clustered~.hb-benefit-node.is-clustered{z-index:2}.hb-benefit-node.is-clustered~.hb-benefit-node.is-clustered~.hb-benefit-node.is-clustered{z-index:1}.hb-benefit-cluster-label{position:absolute;top:53px;max-width:116px;transform:translate(-50%);text-align:center;pointer-events:none}.hb-benefit-cluster-label .hb-benefit-node__label{margin-top:0;font-weight:400}.hb-benefit-cluster-caption{font-size:11px;font-weight:600;line-height:1.3;color:rgba(var(--colors-text),.7)}.hb-benefit-start-node{position:absolute;top:0;left:0;width:18px;pointer-events:none}.hb-benefit-start-node__dot{position:absolute;top:15px;left:0;width:18px;height:18px;border-radius:50%;background:rgba(var(--hb-bar-start, var(--colors-button)));box-shadow:0 0 0 2px rgba(var(--background-color)),0 0 0 4px rgba(var(--hb-bar-start, var(--colors-button)))}.hb-benefit-start-node__label{position:absolute;top:53px;left:50%;width:76px;transform:translate(-50%);text-align:center;font-size:10px;line-height:1.3;color:rgba(var(--colors-text),.7);display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.hb-benefit-cluster-caption span{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.hb-benefit-text{margin:0 0 10px;font-size:14px;line-height:1.45;color:rgba(var(--colors-text))}.hb-benefit-text strong,.hb-benefit-text b{color:rgba(var(--colors-button));font-weight:600}.hb-gift-preview{display:flex;flex-direction:column;gap:10px;margin-top:10px;padding-left:20px;padding-right:20px}@media(min-width:1024px){.hb-gift-preview{padding-left:36px;padding-right:36px}}.hb-gift-card{border:1px solid rgba(var(--colors-line-and-border));border-radius:8px;padding:10px 12px;background:rgba(var(--background-color))}.hb-gift-main{display:flex;align-items:center;gap:10px}.hb-gift-main__media{flex-shrink:0;width:52px;height:52px;border-radius:6px;overflow:hidden}.hb-gift-main__img{width:100%;height:100%;object-fit:cover}#CartDrawer .x-discount{border:1px solid rgba(var(--hb-tag-color, var(--colors-button)),.35);border-radius:var(--hb-tag-radius, .25rem);background-color:rgba(var(--hb-tag-color, var(--colors-button)),.12);color:var(--hb-tag-text, rgba(var(--hb-tag-color, var(--colors-button))))}#CartDrawer .discounts .x-discount{display:inline-flex;align-items:center;padding:4px 8px;font-size:11px;font-weight:600;letter-spacing:.06em;line-height:1.3}.hb-gift-badge{display:inline-flex;align-items:center;padding:4px 8px;border:1px solid rgba(var(--hb-gift-tag-text, var(--colors-button)),.35);border-radius:var(--hb-gift-tag-radius, .25rem);background-color:rgba(var(--hb-gift-tag-bg, var(--colors-button)));color:rgba(var(--hb-gift-tag-text, var(--colors-button)));font-size:11px;font-weight:600;letter-spacing:.06em;line-height:1.3;text-transform:uppercase}.hb-gift-badge--present{display:flex;width:fit-content}.hb-gift-main__title{margin:2px 0 0;font-size:13px;color:rgba(var(--colors-text))}.hb-gift-options{position:relative;margin-top:6px;padding-top:6px;border-top:1px solid rgba(var(--colors-line-and-border))}.hb-gift-options__head{display:flex;align-items:center;gap:8px;padding:3px 0}.hb-gift-options__label{font-size:12px;font-weight:600;color:rgba(var(--colors-heading))}.hb-gift-options__preview{display:flex;align-items:center;gap:0;margin-left:auto}[dir=rtl] .hb-gift-options__preview{margin-left:0;margin-right:auto}.hb-gift-thumb{width:40px;height:40px;border-radius:50%;overflow:hidden;border:1px solid rgba(var(--colors-line-and-border));box-shadow:0 0 0 2px rgb(var(--background-color))}.hb-gift-thumb:not(:first-child){margin-left:-10px}[dir=rtl] .hb-gift-thumb:not(:first-child){margin-left:0;margin-right:-10px}.hb-gift-thumb img{width:100%;height:100%;object-fit:cover}.hb-gift-options__more{margin-left:8px;font-size:12px;font-weight:500;color:rgba(var(--colors-text),.7)}[dir=rtl] .hb-gift-options__more{margin-left:0;margin-right:8px}.hb-gift-options__toggle{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0;border:0;background:transparent;color:rgba(var(--colors-text));cursor:pointer;transition:transform .2s ease}.hb-gift-options__toggle svg{width:14px;height:14px}.hb-gift-options__list{display:flex;flex-direction:column;gap:4px;margin-top:6px}.hb-gift-options--inline .hb-gift-options__preview,.hb-gift-options--collapsible .hb-gift-options__list{display:none}.hb-gift-options--collapsible[data-expanded=true] .hb-gift-options__list{display:flex}.hb-gift-options--collapsible[data-expanded=true] .hb-gift-options__preview{display:none}.hb-gift-options--collapsible[data-expanded=true] .hb-gift-options__toggle{transform:rotate(180deg)}.hb-gift-option{display:flex;align-items:center;gap:8px;padding:6px 8px;border:1px solid transparent;border-radius:10px;cursor:pointer;transition:background-color .15s ease,border-color .15s ease}.hb-gift-option:hover{background-color:rgba(var(--colors-text),.04)}.hb-gift-options:not(.hb-gift-options--show-selected) .hb-gift-option.is-selected{display:none}.hb-gift-options--show-selected .hb-gift-option.is-selected{background-color:rgba(var(--hb-tag-color, var(--colors-button)),.08);border-color:rgba(var(--hb-tag-color, var(--colors-button)),.35)}.hb-gift-options--show-selected .hb-gift-option.is-selected .hb-gift-option__title{font-weight:600}.hb-gift-option input[type=radio]{appearance:none;-webkit-appearance:none;flex-shrink:0;width:18px;height:18px;margin:0;border:2px solid rgba(var(--colors-line-and-border));border-radius:50%;background:transparent;cursor:pointer;transition:border-color .2s ease,background .2s ease}.hb-gift-option input[type=radio]:checked{border-color:rgba(var(--hb-tag-color, var(--colors-button)));background:radial-gradient(circle,rgba(var(--hb-tag-color, var(--colors-button))) 0 4px,transparent 5px)}.hb-gift-option input[type=radio]:focus-visible{outline:2px solid rgba(var(--hb-tag-color, var(--colors-button)));outline-offset:2px}.hb-gift-option__thumb{flex-shrink:0;width:56px;height:56px;border-radius:10px;overflow:hidden;border:1px solid rgba(var(--colors-line-and-border))}.hb-gift-option__thumb img{width:100%;height:100%;object-fit:cover}.hb-gift-option__info{display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-width:0}.hb-gift-option__title{font-size:13px;font-weight:500;color:rgba(var(--colors-heading))}.hb-gift-option .haoma-delivery-badge{margin:0;min-height:24px;padding:4px 10px;font-size:12px}@media(max-width:400px){.hb-gift-options__head{gap:6px}.hb-gift-options__preview{gap:3px}.hb-gift-thumb{width:34px;height:34px}.hb-gift-options__more{font-size:11px}.hb-gift-option__title{font-size:12px;line-height:1.2}}.hb-cart-gift-row .hb-gift-card{border:0;padding:0;background:transparent}#CartDrawer .hb-cart-gift-row .product-info-column-2{flex-direction:row-reverse;align-items:flex-start;gap:4px}#CartDrawer .hb-cart-gift-row .product-info-column-2 .price{flex-direction:row;align-items:center;gap:6px}#CartDrawer .hb-cart-gift-row .hb-gift-badge--present{margin-top:6px}#CartDrawer .hb-cart-gift-row .hb-gift-options{border-top:0}#CartDrawer .hb-cart-gift-row .hb-gift-options__head{flex-wrap:wrap;justify-content:flex-end}#CartDrawer .hb-cart-gift-row .hb-gift-options__label{width:100%;margin-bottom:4px;text-align:end}#CartDrawer .hb-cart-gift-row .hb-gift-options__preview{margin-left:0;margin-right:0}@media(min-width:1024px){#CartDrawer .hb-cart-gift-row .hb-gift-card{margin-top:-30px;pointer-events:none}#CartDrawer .hb-cart-gift-row .hb-gift-options__toggle,#CartDrawer .hb-cart-gift-row .hb-gift-options__list{pointer-events:auto}}#CartDrawer td{border:0}#CartDrawer .cart-item:first-child{border-top:8px solid var(--hb-item-border, transparent)}#CartDrawer .cart-item:not(:first-child){border-top:4px solid var(--hb-item-border, transparent)}#CartDrawer .product-info-column-1 a,#CartDrawer .product-option{color:var(--hb-title-color, rgba(var(--colors-heading)))}#CartDrawer .product-info-column-1 a{font-weight:600}#CartDrawer .price{color:rgba(var(--colors-button));font-weight:600}#CartDrawer .price .price-sale{color:rgba(var(--colors-button))}#CartDrawer .price s{color:rgba(var(--colors-text));font-weight:400}#CartDrawer .cart-item:not(.hb-cart-gift-row) button[aria-label=button-remove] svg{width:16px;height:16px}@media(min-width:1024px){#CartDrawer .cart-item:not(.hb-cart-gift-row)>td:not(.children-container) .product-info-column-2>.price{order:1}#CartDrawer .cart-item:not(.hb-cart-gift-row)>td:not(.children-container) .product-info-column-2>button[aria-label=button-remove]{order:2}#CartDrawer .cart-item:not(.hb-cart-gift-row)>td:not(.children-container) .product-info-column-2>.discounts{order:3}}#CartDrawer .x-discount .discount-title{display:block;-webkit-line-clamp:unset;line-clamp:unset;white-space:nowrap;font-size:11px}#CartDrawer button[aria-label=button-minus],#CartDrawer button[aria-label=button-plus]{opacity:1}#CartDrawer button[aria-label=button-minus] svg,#CartDrawer button[aria-label=button-plus] svg{color:rgba(var(--colors-button))}#CartDrawer button[name=checkout]{display:none}#CartDrawer .flex>a.button-outline{width:100%;margin-left:0;margin-right:0}
/*# sourceMappingURL=/cdn/shop/t/163/assets/benefit-bar-unified.css.map */