.cc-compare-button{-webkit-appearance:none;appearance:none;border:1.5px solid #1a1a1a;background:#fff;color:#1a1a1a;border-radius:999px;padding:10px 14px;font-size:13px;font-weight:500;line-height:1;cursor:pointer;letter-spacing:.02em;transition:background .18s ease,color .18s ease}.cc-compare-button:hover,.cc-compare-button--on{background:#1a1a1a;color:#fff}.selected-mark{position:absolute;top:14px;right:14px;width:26px;height:26px;border-radius:99px;background:#1a1a1a;display:none;align-items:center;justify-content:center;z-index:2;box-shadow:0 2px 6px #00000026}[data-compare-selected] .selected-mark{display:flex}.selected-mark:after{content:"";width:6px;height:10px;border-right:1.5px solid #fff;border-bottom:1.5px solid #fff;transform:rotate(45deg);margin-top:-2px}.cc-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f141952;z-index:55;opacity:0;pointer-events:none;transition:opacity .3s ease}.cc-backdrop.on{opacity:1;pointer-events:auto}.cc-toast{position:fixed;bottom:90px;left:50%;transform:translate(-50%);background:#1a1a1a;color:#fff;padding:12px 24px;border-radius:12px;font-size:14px;font-weight:500;letter-spacing:.01em;z-index:100;opacity:0;pointer-events:none;transition:opacity .25s ease;white-space:nowrap;box-shadow:0 8px 28px #0000002e}.cc-toast.on{opacity:1}.cc-tray{position:fixed;left:0;right:0;bottom:0;z-index:70;padding:0;pointer-events:none}.cc-sheet{pointer-events:auto;margin:0 auto;background:#fff;border:1px solid #e5e5e5;border-radius:0;border-bottom:0;box-shadow:0 -10px 30px -10px #0f14191a,0 -2px 6px #0f14190a;overflow:hidden;transition:transform .25s cubic-bezier(.2,.7,.2,1)}.cc-sheet__collapsed,.cc-sheet__expanded{overflow:hidden;transition:max-height .28s ease,opacity .28s ease}.cc-tray[data-cc-state=collapsed] .cc-sheet__bar{max-width:1280px;margin:0 auto}.cc-tray[data-cc-state=collapsed] .cc-sheet__collapsed{max-height:340px;opacity:1}.cc-tray[data-cc-state=collapsed] .cc-sheet__expanded,.cc-tray[data-cc-state=expanded] .cc-sheet__collapsed{max-height:0;opacity:0;pointer-events:none}.cc-tray[data-cc-state=expanded] .cc-sheet__expanded{max-height:85vh;opacity:1}.cc-tray[data-cc-state=expanded] .cc-sheet{border-radius:18px 18px 0 0}.cc-sheet__bar{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 16px;border-bottom:1px solid #f0f0f0}.cc-sheet__title{font-weight:600;font-size:13px;line-height:1.2;white-space:nowrap;display:flex;align-items:center;gap:8px}.cc-sheet__title-cnt{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:99px;background:#1a1a1a;color:#fff;font-size:11px;font-weight:600;line-height:1}.cc-sheet__actions{display:flex;gap:8px;align-items:center}.cc-sheet__btn{-webkit-appearance:none;appearance:none;border:1px solid #e5e5e5;background:#fff;color:#2a2a2a;border-radius:8px;padding:11px 16px;font-size:13px;font-weight:500;line-height:1;cursor:pointer}.cc-sheet__btn[disabled]{opacity:.35;cursor:not-allowed}.cc-sheet__btn--primary{background:#1a1a1a;color:#fff;border-color:#1a1a1a}.cc-sheet__btn--primary:not(:disabled):hover{background:#000}.cc-sheet__btn--text{background:transparent;border:1px solid #e5e5e5}.cc-sheet__btn--text:hover{background:#f7f7f7}.cc-sheet__slots{display:flex;gap:8px;align-items:stretch;flex:1;overflow-x:auto;flex-wrap:nowrap;min-width:0;padding:0}.cc-tile{flex:1 1 0;min-width:120px;border:1px solid #e5e5e5;border-radius:8px;background:#fff;position:relative;min-height:48px}.cc-tile__filled{padding:6px 10px;display:flex;align-items:center;gap:8px;height:100%;min-height:48px}.cc-tile__remove{-webkit-appearance:none;appearance:none;border:0;background:transparent;color:#999;border-radius:99px;width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;margin-left:auto;font-size:14px;line-height:1}.cc-tile__remove:hover{color:#1a1a1a;background:#f7f7f7}.cc-tile__media{width:36px;height:36px;border-radius:6px;background:#f7f7f7;display:flex;align-items:center;justify-content:center;flex-shrink:0}.cc-tile__img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;border-radius:4px}.cc-tile__title{font-size:13px;font-weight:600;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cc-tile__empty{border:1px dashed #e5e5e5;border-radius:8px;background:#f7f7f7;padding:0 8px;height:100%;min-height:48px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:#999}.cc-tile__plus{font-size:16px;line-height:1;font-weight:400}.cc-tile__empty-text{font-size:12px;text-align:center}.cc-tile--empty{background:#f7f7f7;border:1px dashed #e5e5e5;display:flex;align-items:center;justify-content:center;color:#999}.cc-sheet__header{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;padding:18px 28px;border-bottom:1px solid #e5e5e5;background:#fff;position:relative}.cc-sheet__header-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.cc-sheet__heading{font-weight:600;font-size:20px;letter-spacing:-.02em;color:#1a1a1a}.cc-sheet__collapse{-webkit-appearance:none;appearance:none;border:1px solid #e5e5e5;background:#fff;color:#2a2a2a;padding:9px 14px;border-radius:8px;font-size:13px;font-weight:500;line-height:1;cursor:pointer;min-height:38px}.cc-sheet__collapse:hover{background:#f7f7f7}.cc-sheet__fullclose{-webkit-appearance:none;appearance:none;background:transparent;border:1px solid #e5e5e5;color:#2a2a2a;padding:9px 14px;border-radius:8px;font-size:13px;font-weight:500;line-height:1;cursor:pointer;min-height:38px}.cc-sheet__fullclose:hover{background:#f7f7f7}label.cc-toggle{display:inline-flex;gap:9px;align-items:center;font-size:13px;font-weight:500;line-height:1;cursor:pointer;-webkit-user-select:none;user-select:none;color:#1a1a1a;padding-bottom:0}.cc-toggle input{-webkit-appearance:none;appearance:none;width:32px;height:18px;background:#e5e5e5;border-radius:99px;position:relative;cursor:pointer;transition:background .14s ease;margin:0;flex-shrink:0}.cc-toggle input:after{content:"";position:absolute;top:2px;left:2px;width:14px;height:14px;background:#fff;border-radius:99px;transition:transform .14s ease;box-shadow:0 1px 2px #00000026}.cc-toggle input:checked{background:#1a1a1a}.cc-toggle input:checked:after{transform:translate(14px)}.cc-sheet__body{padding:0;overflow:auto;max-height:calc(85vh - 140px);-webkit-overflow-scrolling:touch}.cc-table{display:grid;gap:0}.cc-row{display:grid;grid-template-columns:200px repeat(var(--cols, 4),1fr);border-bottom:1px solid #f0f0f0}.cc-row:hover{background:#fafafa}.cc-row[hidden]{display:none}.cc-row--head{background:#fff;border-bottom:1px solid #e5e5e5}.cc-row--section{background:#f7f7f7;border-bottom:1px solid #e5e5e5;display:block;padding:0}.cc-row--section .cc-cell--section-name{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;font-weight:600;font-size:13px;line-height:1;color:#2a2a2a}.cc-cell__section-cnt{font-weight:400;font-size:12px;color:#999}.cc-row--head:hover{background:#fff}.cc-cell{padding:14px 16px;min-width:0;display:flex;align-items:center;flex-wrap:wrap;gap:5px;font-size:13.5px;line-height:1.4}.cc-cell--name{font-weight:500;color:#2a2a2a;background:#fafafa;border-right:1px solid #f0f0f0;gap:8px;font-size:13px;line-height:1.35}.cc-cell--name:before{content:"\22ee\22ee";font-size:14px;color:#999;letter-spacing:-2px;display:inline-block;width:10px;line-height:1}.cc-row--head .cc-cell--name{background:#f7f7f7;font-weight:500;font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#999;display:flex;align-items:flex-end}.cc-row--head .cc-cell--name:before{display:none}.cc-cell--value{border-left:1px solid #f0f0f0;color:#1a1a1a}.cc-cell--value:last-child,.cc-row--head .cc-cell--value:last-child{border-left:1px solid #f0f0f0}.cc-cell--product{position:relative;text-align:center;display:flex;flex-direction:column;gap:10px;align-items:center;padding:18px 16px;border-left:1px solid #e5e5e5}.cc-cell--placeholder{background:#fafafa;color:#999;font-style:italic;font-size:12px;justify-content:center}.cc-product__remove{-webkit-appearance:none;appearance:none;border:1px solid #e5e5e5;background:#fff;border-radius:99px;width:22px;height:22px;padding:0;font-size:13px;line-height:1;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;position:absolute;top:8px;right:8px;color:#999}.cc-product__remove:hover{color:#1a1a1a}.cc-product__name{font-weight:600;font-size:17px;letter-spacing:-.01em;color:#1a1a1a;text-align:left;width:100%;line-height:1.25;min-height:85px;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.cc-product__imgwrap{width:100%;height:120px;background:#fff;border-radius:8px;display:flex;align-items:center;justify-content:center;overflow:hidden}.cc-product__img{max-width:100%;max-height:100%;object-fit:contain;display:block}.cc-product__swatches{display:flex;justify-content:center;width:100%;margin-top:8px}.cc-product__swatches .swatches--container{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.cc-product__swatches .swatch{border-radius:50%;cursor:pointer}.cc-product__swatches .swatch:after{border-radius:50%!important}.cc-product__swatches .swatch--input{position:absolute;opacity:0;width:100%;height:100%;cursor:pointer}.cc-product__swatches .swatch:has(.swatch--input:checked):after{border-color:#1a1a1a}.cc-product__tagline{margin-top:auto;font-size:12.5px;line-height:1.45;color:#000;text-align:center;width:100%}.cc-product__price{font-size:13px;font-weight:500;line-height:1.3;color:#1a1a1a;font-variant-numeric:tabular-nums;text-align:center;width:100%;margin-top:-4px}.cc-product__price b{font-weight:700;font-size:17px;letter-spacing:-.01em}.cc-product__cta{display:flex;flex-direction:column;gap:10px;align-items:center;margin-top:8px;width:100%}.cc-product__cta-btn{width:100%;-webkit-appearance:none;appearance:none;background:#fff;color:#1a1a1a;border:1.5px solid #1a1a1a;border-radius:99px;padding:11px 14px;font-size:13px;font-weight:500;line-height:1;letter-spacing:.02em;cursor:pointer;transition:background .18s ease,color .18s ease}.cc-product__cta-btn:hover{background:#1a1a1a;color:#fff}.cc-product__cta-btn[disabled]{background:#1a1a1a59;cursor:not-allowed}.cc-product__cta-btn[data-loading=true]{opacity:.7}.cc-product__view-link{font-size:13px;font-weight:500;line-height:1.2;letter-spacing:.01em;color:#1a1a1a;text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px;cursor:pointer;transition:text-decoration-thickness .14s ease}.cc-product__view-link:hover{text-decoration-thickness:2px}.cc-cell--empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:#666;text-align:center;background:#fafafa;min-height:200px}.cc-product__empty-ico{width:34px;height:34px;border-radius:8px;background:#fff;border:1px dashed #e5e5e5;display:flex;align-items:center;justify-content:center;font-size:16px;color:#666}.cc-product__empty-label{font-size:12px;font-weight:500;line-height:1.4;color:#2a2a2a}.cc-product__empty-add{-webkit-appearance:none;appearance:none;background:#fff;border:1px solid #e5e5e5;color:#1a1a1a;padding:8px 14px;border-radius:6px;font-size:12px;font-weight:500;line-height:1;cursor:pointer;font-family:Inter,Noto Sans TC,sans-serif}.cc-product__empty-add:hover{background:#f7f7f7}@media(max-width:980px){.cc-sheet__header{padding:22px 18px 14px}.cc-sheet__heading{font-size:17px;flex:1 1 auto}.cc-row{grid-template-columns:160px repeat(var(--cols, 4),minmax(140px,1fr))}.cc-cell--name{font-size:11.5px;padding-left:12px;padding-right:8px}.cc-cell--name:before{display:none}}@media(max-width:620px){.cc-tray{padding:0}.cc-sheet{border-radius:0;border-bottom:0}.cc-tray[data-cc-state=expanded] .cc-sheet{border-radius:14px 14px 0 0}.cc-sheet__bar{padding:10px 12px;flex-wrap:wrap}.cc-sheet__title{display:none}.cc-sheet__actions{order:2;margin-left:auto;gap:6px}.cc-sheet__slots{order:1;width:100%;display:grid;grid-template-columns:repeat(4,1fr);gap:6px;padding:0 0 8px}.cc-tile{width:auto;min-width:0;flex:initial;height:44px;overflow:hidden;position:relative;border-radius:8px}.cc-tile__filled{padding:0;gap:0}.cc-tile__media{width:100%;height:100%;border-radius:8px;background:#f7f7f7}.cc-tile__title{display:none}.cc-tile__remove{position:absolute;top:2px;right:2px;width:16px;height:16px;font-size:10px;background:#ffffffeb;border-radius:50%;box-shadow:0 1px 2px #0000001a}.cc-tile--empty{display:flex;align-items:center;justify-content:center;gap:0;min-height:44px}.cc-tile--empty>*{display:none}.cc-tile--empty:before{content:"+";color:#999;font-size:16px;font-weight:400;display:block}.cc-sheet__header{padding:20px 14px 12px;gap:8px}.cc-sheet__header:before{content:"";position:absolute;top:8px;left:50%;transform:translate(-50%);width:36px;height:4px;border-radius:99px;background:#e5e5e5;display:block}.cc-sheet__heading{font-size:16px}.cc-sheet__collapse,.cc-sheet__fullclose{padding:8px 10px;font-size:12px}label.cc-toggle{font-size:13px;gap:7px}.cc-toggle input{width:28px;height:16px}.cc-toggle input:after{width:12px;height:12px}.cc-toggle input:checked:after{transform:translate(12px)}.cc-sheet__body{max-height:calc(85vh - 120px);padding:0}.cc-row{grid-template-columns:84px repeat(var(--cols, 2),minmax(0,1fr))}.cc-cell--name{font-size:11px;padding:12px 6px 12px 10px;line-height:1.3;letter-spacing:0}.cc-cell--name:before{display:none}.cc-cell--value{padding:12px 8px;font-size:12px;line-height:1.4;gap:3px}.cc-cell--product{padding:14px 8px;gap:6px}.cc-product__remove{top:6px;right:6px;width:20px;height:20px;font-size:11px}.cc-product__name{font-size:13px;line-height:1.25;min-height:65px;padding-top:16px}.cc-product__imgwrap{height:80px}.cc-product__tagline{font-size:11px;line-height:1.4;margin-top:0;text-align:left;min-height:calc(11px * 1.4 * 2);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.cc-product__price{font-size:11px;margin-top:-2px;white-space:normal;overflow:visible}.cc-product__price b{font-size:13px}.cc-product__cta{gap:6px;margin-top:6px;min-width:0}.cc-product__cta-btn{padding:7px 6px;font-size:clamp(9px,2.5vw,11px);border-width:1.2px;border-radius:99px;white-space:nowrap;min-width:0}.cc-product__view-link{font-size:11px}.cc-cell--empty{padding:14px 6px;min-height:160px}.cc-product__empty-ico{width:28px;height:28px;font-size:14px}.cc-product__empty-add{padding:6px 10px;font-size:11px}.cc-sheet__btn{padding:8px 12px;font-size:12px}.cc-sheet__btn--primary{padding:8px 14px}.cc-compare-button{position:absolute;right:12px;bottom:12px;z-index:3;font-size:11px;padding:8px 12px;white-space:nowrap}.cc-hover-actions .cc-compare-button{position:static}}@media(hover:hover)and (pointer:fine){.product-card--image-wrapper>.cc-compare-button{position:absolute;right:12px;bottom:12px;opacity:0;pointer-events:none;transform:translateY(2px);transition:opacity .16s ease,transform .16s ease;z-index:3}.product-card--root:hover>.product-card--image-wrapper>.cc-compare-button{opacity:1;pointer-events:auto;transform:translateY(0)}.cc-hover-actions{opacity:0;transform:translateY(8px);pointer-events:none;transition:opacity .2s ease,transform .2s ease}.product-card--root:hover .cc-hover-actions{opacity:1;transform:translateY(0);pointer-events:auto}}.template--collection .product-card--root .product-card--title{font-weight:600;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.template--collection .product-card--root[data-text-layout=center] .product-card--title{text-align:left}.template--collection .product--price{font-weight:700}.template--collection .product--price:before{content:"HK"}@media only screen and (min-width:1024px){.template--collection .product-card--root:not([data-text-layout=center]) .product-card--details{flex-direction:column;align-items:stretch}.template--collection .product--price-wrapper{justify-content:flex-end}}.template--collection .product-card--root[data-text-layout=center] .product--price-wrapper{justify-content:flex-end}.template--collection .product-card--root{display:flex;flex-direction:column;align-self:stretch}.template--collection .product-card--details{flex:1;display:flex;flex-direction:column}.template--collection .cc-card-actions{margin-top:auto}.template--collection .product-card--root .product-card--swatches--horizontal-view,.template--collection .product-card--root .product-card--swatches--column-view{margin:24px 0}.template--collection .product-card--swatches--horizontal-view .swatches--container,.template--collection .product-card--swatches--column-view .swatches--container{justify-content:flex-start}.template--collection .cc-card-actions{display:flex;gap:8px;margin-top:auto;width:100%}.template--collection .cc-card-actions__btn{flex:1;-webkit-appearance:none;appearance:none;border-radius:8px;padding:10px 14px;font-size:13px;font-weight:500;line-height:1;letter-spacing:.02em;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;transition:background .18s ease,color .18s ease,border-color .18s ease;font-family:inherit}.template--collection .cc-card-actions__btn--learn-more{background:#1a1a1a;border:1.5px solid #1a1a1a;color:#fff}.template--collection .cc-card-actions__btn--learn-more:hover{background:#000;border-color:#000}.template--collection .cc-card-actions__btn--compare{background:#fff;border:1.5px solid #1a1a1a;color:#1a1a1a}.template--collection .cc-card-actions__btn--compare:hover{background:#1a1a1a;color:#fff}.template--collection .cc-card-actions__btn.cc-compare-button--on{background:#1a1a1a;border-color:#1a1a1a;color:#fff}@media only screen and (max-width:767px){.template--collection .cc-card-actions{gap:6px}.template--collection .cc-card-actions__btn{flex:1 1 0%;font-size:11px;padding:8px 4px;white-space:nowrap;text-align:center}.template--collection .cc-card-actions .cc-compare-button{position:static;right:auto;bottom:auto}}.template--collection .navigation--button{height:var(--spacing--2);line-height:calc(var(--spacing--2) + 1px);padding:0 var(--spacing--0);border-radius:var(--spacing--1);font-size:12px}.template--collection .navigation--mobile-button{height:28px;line-height:16px;padding:6px 12px;border-radius:var(--spacing--1);font-size:12px}.cc-hover-actions{position:absolute;left:14px;right:14px;bottom:2px;display:flex;gap:8px;z-index:3}.cc-h-btn{flex:1;-webkit-appearance:none;appearance:none;background:#fff;border:1.5px solid #1a1a1a;border-radius:999px;padding:10px 14px;font-size:13px;font-weight:500;line-height:1;letter-spacing:.02em;color:#1a1a1a;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px;text-decoration:none;transition:background .18s ease,color .18s ease;font-family:inherit}.cc-h-btn:hover,.cc-h-btn.cc-compare-button--on{background:#1a1a1a;color:#fff}@media(hover:none){.cc-hover-actions{opacity:1;transform:none;pointer-events:auto}}@media only screen and (max-width:767px){.cc-hover-actions{left:8px;right:8px;bottom:-6px;gap:6px}.cc-h-btn{font-size:11px;padding:8px 10px}}@media only screen and (min-width:768px){.template--collection .header--wrapper{max-width:calc(var(--max-width--large) + 2 * var(--spacing--section--x));margin:0 auto}.template--collection .header--root[data-layout=left-center] .header--logo{margin-left:0}.template--collection .header--root .header--secondary-nav{margin-right:0}}.template--collection .collection-header--wrapper{justify-content:flex-start;padding:0 var(--spacing--section--x)}.template--collection .collection-header--wrapper .collection-header--heading{text-align:left;max-width:var(--max-width--large);margin:0 auto;padding:0}@media only screen and (max-width:1023px){.template--collection .collection-header--wrapper{padding:0 var(--spacing--section--mobile--x)}}.template--collection .cc-price-tagline-row{display:flex;flex-direction:row;align-items:baseline;gap:6px;min-width:0}.template--collection .product-card--tagline{flex:1 1 0;min-width:0;font-size:12px;line-height:1.4;color:#666;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0}.template--collection .cc-price-tagline-row .product--price-container{flex:0 0 auto}.template--collection .cc-price-tagline-row .product--price-wrapper{justify-content:flex-end}@media only screen and (max-width:767px){.template--collection .product-card--tagline{display:none}}
/*# sourceMappingURL=/cdn/shop/t/98/assets/custom-compare.css.map */