body .jky-header{z-index:9999}.no_data_main{display:none;padding:108px 130px 52px}.no_data_main.active{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;text-align:center}.no_data_heading{font-weight:500;font-size:16px;color:#1a1a1a;line-height:18px}@media screen and (max-width: 1024px){.no_data_main{padding:84px 24px}.no_data_main.active{gap:16px}}.display-none{display:none!important}.result-product-grid .p_promotion_tag,.result-product-grid .p_tag{position:absolute;z-index:3}.result-product-grid .p_promotion_tag{font-weight:700;font-size:18px;color:#fd5000;top:16px;right:22px}.result-product-grid .p_tag{height:auto!important;width:176px;object-fit:contain;top:16px;left:16px}.collection-banner img,.collection-banner svg{width:100%;height:100%;object-fit:cover}@media screen and (max-width: 1024px){body .collection-banner{height:60vw}.result-product-grid .p_tag{height:auto!important;width:80px}}.collection-wrapper{background:#f5f5f5;padding-top:48px}.collection-wrapper-container{margin:0 auto;width:1280px;max-width:90vw;display:flex;gap:40px}.filters-container{width:248px}.filters-container.loaded .filters-toolbar--skeleton{display:none}.product-with-result{flex:1;min-height:90vh}.filters-toolbar--top{height:40px;line-height:40px;margin-bottom:16px}.filters-trigger,.filters--btn-close,.filters--overlay,.mb-view-filters{display:none}@media screen and (min-width: 1024px){.fk_hide_pc{display:none}.sort_txt{display:inline}}@media screen and (max-width: 1024px){.sort_txt{display:none}.collection-wrapper{padding-top:0}.trigger--summery span.text-overflow-1{flex:1;max-width:fit-content}.filters-trigger{display:flex;flex:1;gap:6px;align-items:center;font-size:15px;color:#1a1a1a;font-weight:500}.filters-trigger svg{width:16px;height:16px}.collection-wrapper-container{max-width:87.2vw}.section .collection-help-choose .collection-wrapper-container{width:100%;max-width:90vw;gap:16px;flex-direction:column;padding:16px 12px 24px;height:auto;text-align:center}.section .collection-help-choose .collection-wrapper-container span{font-weight:500;font-size:16px;color:#1a1a1a;line-height:22px}.section .collection-help-choose .collection-wrapper-container a{font-size:16px;height:40px;white-space:nowrap}.section .collection-help-choose{padding:50px 0}.filters-group-container{flex:1;padding-bottom:70px;overflow-y:auto;padding-right:12px}.filters-container{position:fixed;z-index:999999;width:auto;right:36px;left:0;top:calc(var(--header-bottom-position, 0px) - 2px);bottom:0;background:#fff;transform:translate(-100%);transition:transform .24s ease;padding:0 4px 0 16px;display:flex;flex-direction:column;justify-content:space-between}.filters-container.open{transform:translate(0)}.filters-container.open svg.filters--btn-close{display:block!important}.filters-container .filters-top{display:flex;align-items:center;justify-content:space-between;padding-right:16px}.filters-container .filters-top .filters-toolbar--top{margin-bottom:0}.filters-toolbar--top{height:50px;line-height:50px;margin-bottom:20px}.filters--overlay{display:block;position:fixed;left:0;bottom:0;right:0;top:calc(var(--header-bottom-position, 0px) - 1px);background:#0006;visibility:hidden;opacity:0;transition:all .24s ease;z-index:999998}.filters--overlay.active{visibility:visible;opacity:1}.filters-container .trigger-group-summery{padding:16px 6px 16px 0}.filters-container .trigger-group-option{margin-bottom:24px}.collection-wrapper .filters-container .zc-checkbox .label-text-wrapper{font-size:14px}.mb-view-filters{display:flex;background-color:#fff;position:absolute;bottom:0;height:70px;left:0;right:0;align-items:center;justify-content:center;padding:0 16px;box-shadow:0 -1px 5px #0000001a}.mb-view-filters--btn{width:100%;height:40px;background:#fd5000;border-radius:4px;line-height:40px;text-align:center;font-weight:500;font-size:14px;color:#fff}.result-toolbar .trigger--summery{padding:0;display:flex}.filters-toolbar--top .filters-toolbar-dropdown_main{width:200px}.filters-toolbar--top{width:100%;justify-content:space-between;padding:0 10vw;background:#fff}.filters-top .filters-toolbar--top{padding:0}.filters-toolbar--top .trigger--summery,.result-toolbar .filters-toolbar-dropdown .sort_txt{font-weight:500;font-size:14px;color:#666;justify-content:flex-end}.filters-toolbar--top .trigger--summery{gap:10px}.filters-toolbar--top .trigger--detail-item{font-weight:500;font-size:14px}}.filters-container .filters-top{border-bottom:solid 1px #ddd;font-weight:600;font-size:16px;color:#1a1a1a}.result-toolbar{display:flex;justify-content:space-between}.result-toolbar--text{font-weight:400;font-size:16px;color:#333}.filters-toolbar-dropdown{display:flex;gap:10px}.filters-toolbar-dropdown .sort_txt{font-weight:400;font-size:16px;color:#666}@media screen and (max-width: 1024px){.result-toolbar{margin:0 -10vw;width:calc(100% + 20vw);position:sticky;top:calc(var(--jky-header-h));z-index:999}.result-toolbar--text{display:none}}.filters-group-container{position:sticky;top:calc(var(--jky-header-h, 60px) + 40px)}.filters-toolbar-dropdown_main{width:240px;z-index:4}.trigger--summery{border-radius:4px;border:1px solid #DDDDDD;padding:0 16px;font-weight:500;font-size:16px;color:#1a1a1a;display:flex;justify-content:space-between;align-items:center}.trigger--summery svg{transform:rotate(90deg);width:12px}.trigger--summery svg path{fill:#666}.trigger--detail:not(.filters-group-container .trigger--detail){background:#fff;box-shadow:0 2 8px #0000001a;border-radius:4px;border:1px solid #DDDDDD;padding:10px 0}.result-toolbar drop-down[open=true] [trigger-content]{transform:translateY(5px)}.trigger--detail-item{padding:0 16px;line-height:1.25;min-height:44px;cursor:pointer;font-weight:400;font-size:16px;color:#1a1a1a;transition:all .3s;display:flex;align-items:center}.trigger--detail-item.active{font-weight:500;color:#fd5000}.trigger--detail-item:hover{background:#f6f6f6}@media screen and (max-width: 1024px){.trigger--summery{border:none}body .trigger--summery svg{width:16px}}.trigger-group-summery{display:flex;align-items:center;justify-content:space-between;padding:24px 0;line-height:22px;align-items:flex-start}.trigger-group-summery>span:first-child{font-weight:600;font-size:16px;color:#1a1a1a;flex:1}drop-down.filters-group-dropdown_main[open=true] [trigger-content]{transform:translateY(0)}.filters-group-dropdown_main:not(.filters-group-dropdown_main:last-child){display:block;border-bottom:1px solid #DDDDDD}.trigger-group--icon{display:block;height:16px;width:16px;margin-top:4px;position:relative}.trigger-group--icon:after{content:"";display:block;position:absolute;left:0;top:50%;transform:translateY(-50%);height:2px;width:100%;background:#666}.trigger-group--icon:before{content:"";display:block;position:absolute;left:50%;top:0;transform:translate(-50%);width:2px;height:100%;background:#666;transition:all .3s ease}drop-down.filters-group-dropdown_main[open=true] .trigger-group--icon:before{transform:translate(-50%) rotate(90deg);background:#333}.trigger-group-option{display:flex;gap:10px;margin-bottom:20px}.collection-wrapper .zc-checkbox .checkbox-icon{border-width:1px;padding:1px;border-color:#999}.collection-wrapper .zc-checkbox .label-text-wrapper{font-weight:400;font-size:16px;color:#1a1a1a}.collection-wrapper.max-num .collection-product--compare .zc-checkbox .label-text-wrapper:not(.compare--selected .zc-checkbox .label-text-wrapper){color:#999}.result-product-grid,.collection_search--skeleton{display:grid;grid-template-columns:repeat(3,1fr);grid-column-gap:16px;grid-row-gap:16px;position:relative}.collection-product-item{overflow:hidden;position:relative}.collection-product-item{display:flex;flex-direction:column}@media screen and (max-width: 1024px){.result-product-grid,.collection_search--skeleton{grid-template-columns:repeat(1,1fr);grid-column-gap:0;grid-row-gap:24px}}.collection-product-card{flex:1;background:#fff;padding:24px 16px;text-align:center;display:flex;flex-direction:column;justify-content:space-between;border-radius:10px;overflow:hidden;position:relative}.collection-product-card .p__img{height:274px;margin-bottom:12px;object-fit:contain;transition:transform .5s ease}@media screen and (min-width: 1024px){.collection-product-card:hover .p__img{transform:scale(1.05)}}.p__content{flex:1;display:flex;flex-direction:column;justify-content:space-between;position:relative;z-index:3}.p__title{font-weight:600;font-size:18px;color:#333;line-height:24px;text-align:left;margin-bottom:8px}.p__des{font-weight:400;font-size:16px;color:#666;line-height:24px;text-align:left}.p__content--bottom{margin-top:12px;display:flex;gap:16px;flex-direction:column}.p__price{display:flex;gap:12px;align-items:baseline;margin-bottom:20px}.p__price .price{font-weight:600;font-size:24px;color:#fd5000;line-height:24px}.p__price .origin-price{font-weight:400;font-size:16px;color:#999;line-height:16px;text-decoration:line-through}.p__add_to_cart.zc_button{margin:0 auto;width:100%}.p__add_to_cart.zc_button.btn-solid{justify-content:center;background-color:var(--btn-bgcolor);color:var(--btn-color);border:none;padding:10px 0 10px 32px}.p__add_to_cart.zc_button.btn-solid:hover{padding:7px 7px 7px 16px}.p__add_to_cart.zc_button.btn-solid .arrow{background-color:var(--btn-svg-bg)}.p__content--bottom .shop-now{justify-content:center;height:36px;width:100%;border:2px solid #FD5000;color:#fd5000;display:flex;align-items:center;cursor:pointer;outline:none;font-weight:500;font-size:16px;border-radius:22px}.p__content--bottom .shop-now.btn-solid{background-color:var(--btn-bgcolor);color:var(--btn-color);border:none}.p__content--bottom .shop-now.btn-solid .arrow{background-color:var(--btn-svg-bg)}.p__add_to_cart.zc_button.disabled{opacity:.3;pointer-events:none}.p__add_to_cart.zc_button.loading{color:transparent;opacity:.3;pointer-events:none}.p__add_to_cart.zc_button .loading__spinner{display:none}.p__add_to_cart.zc_button.loading .loading__spinner{display:inline-block}@media screen and (max-width: 1024px){.collection-product-card{padding:20px 24px}.collection-product-card .p__img{height:250px;margin-bottom:2px}.p__title{font-size:16px;color:#1a1a1a;line-height:22px;margin-bottom:5px}.p__des{font-size:14px;line-height:20px}.p__content--bottom{margin-top:0;gap:3.2vw}.p__price{margin-bottom:15px;margin-top:8px}.p__price .price{font-size:20px}.p__price .origin-price{font-size:14px}}.collection-product--compare{display:flex;justify-content:center;margin-top:16px}.collection--skeleton-item{padding:24px;background:#fff;text-align:center;border-radius:10px;overflow:hidden}.collection_search--skeleton{border-radius:10px;margin-bottom:40px;overflow:hidden}.product-with-result .result-toolbar--skeleton{width:200px}.product-with-result.loaded .collection_search--skeleton,.product-with-result.loaded .result-toolbar--skeleton{display:none}.product-with-result .result-toolbar--text span:not(.product-with-result.loaded span){display:none}.collection--skeleton-item .zc-skeleton-img{height:274px;width:100%;margin-bottom:12px}.collection--skeleton-item .zc-skeleton-img svg{width:120px;height:120px}.collection--skeleton-item .collection--skeleton-title{height:48px;margin-bottom:8px}.filters-toolbar--skeleton-item .collection--skeleton-title{height:24px;margin:12px 0}.collection--skeleton-item .collection--skeleton-subtitle{height:46px;margin-bottom:12px}.collection--skeleton-item .collection--skeleton-price{height:26px;margin-bottom:20px}.collection--skeleton-item .collection--skeleton-button{height:36px;width:140px}.js-disabled{opacity:.4;pointer-events:none}.collection-help-choose{padding:100px 0;background:#f5f5f5}.collection-help-choose .collection-wrapper-container{border-radius:10px;background:#fff;height:108px;align-items:center;justify-content:space-between;padding:0 32px}.collection-help-choose .collection-wrapper-container span{font-weight:600;font-size:18px;color:#333}.collection-help-choose .collection-wrapper-container a{display:flex;align-items:center;justify-content:center;height:48px;border-radius:8px;background:#ffece4;font-weight:600;font-size:18px;color:#fd5000;padding:0 14px;text-decoration:none;white-space:nowrap}.zc-checkbox{--size: 16px;--font-size: 14px;--font-weight: 400;--border-radius: calc(var(--size)* .125);--transition: background .18s cubic-bezier(.4, 0, .2, 1);--border-width: 2px;--border-style: solid;--disabled-color: rgba(0, 0, 0, .25);--border-color-unchecked: #333333;--border-color-checked: #fd5000;--checkbox-background-checked: #fd5000;--checkbox-background: #ffffff;display:block;position:relative;cursor:pointer;-webkit-user-select:none;user-select:none;z-index:2}.zc-checkbox .label-text-wrapper{font-size:var(--font-size);line-height:var(--size);color:var(--border-color-unchecked);font-weight:var(--font-weight)}.zc-checkbox .label-text-wrapper-hidden{display:none}.zc-checkbox input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;padding:0;border:0px;outline:0px;clip:rect(0px,0px,0px,0px);opacity:0;overflow:hidden;-webkit-appearance:none;appearance:none}.zc-checkbox .native-wrapper{display:flex;align-items:center;padding-top:4px}.zc-checkbox .checkbox-icon{position:relative;width:var(--size);height:var(--size);border-radius:var(--border-radius);transition:var(--transition);border-width:var(--border-width);border-style:var(--border-style);border-color:var(--border-color-unchecked);box-sizing:border-box;background:transparent}.zc-checkbox .checkbox-icon path{fill:none;stroke:#fff;stroke-width:3;opacity:0;stroke-dasharray:30;stroke-dashoffset:30}.zc-checkbox .checkbox-wrapper{display:flex;flex-grow:1;align-items:flex-start;height:inherit;cursor:inherit;gap:10px}.zc-checkbox.checkbox-label-placement-start .checkbox-wrapper,.zc-checkbox.checkbox-label-placement-fixed .checkbox-wrapper{flex-direction:row-reverse;justify-content:flex-end}.zc-checkbox.checkbox-label-placement-fixed .checkbox-wrapper .label-text-wrapper{text-overflow:ellipsis;overflow:hidden;line-height:24px}.zc-checkbox.checkbox-label-placement-end .checkbox-wrapper{flex-direction:row;justify-content:flex-start}.zc-checkbox.checkbox-label-alignment-center .checkbox-wrapper{align-items:center}.zc-checkbox.checkbox-checked .checkbox-icon,.zc-checkbox .checkbox-wrapper input:checked+.native-wrapper .checkbox-icon{border-color:var(--border-color-checked);background:var(--checkbox-background-checked)}.zc-checkbox.checkbox-checked .checkbox-icon path,.zc-checkbox .checkbox-wrapper input:checked+.native-wrapper .checkbox-icon path{opacity:1;stroke-dashoffset:0;transition:stroke-dashoffset 90ms linear 90ms}.zc-checkbox.checkbox-disabled{pointer-events:none}.zc-checkbox.checkbox-disabled .label-text-wrapper{color:var(--disabled-color)}.zc-checkbox.checkbox-disabled .checkbox-icon{border-color:var(--disabled-color)}.zc_button{height:36px;width:max-content;background-color:#fff;border:2px solid #FD5000;color:#fd5000;display:flex;justify-content:center;align-items:center;cursor:pointer;-webkit-tap-highlight-color:transparent;outline:none;font-weight:500;padding-left:16px;padding-right:16px;font-size:16px;border-radius:22px;transition:all .3s}.zc_button.start_compare{background:#fd5000;border-color:#fd5000;color:#fff;border:none}.zc_button:active{background:#fd2f00}.zc_button:hover{opacity:.9}.zc-skeleton{display:inline-block;vertical-align:top;box-sizing:border-box;background:linear-gradient(90deg,#0000000f 25%,#00000026 37%,#0000000f 63%);background-size:400% 100%;animation-name:zc-skeleton-loading;animation-duration:1.2s;animation-timing-function:ease;animation-iteration-count:infinite;-webkit-user-select:none;user-select:none;pointer-events:none;height:40px;width:100%}.zc-skeleton-img{display:flex;align-items:center;justify-content:center}.zc-skeleton-img svg{width:48px;height:48px;max-width:200px;max-height:200px}.zc-skeleton-img svg path{fill:#bfbfbf}@keyframes zc-skeleton-loading{0%{background-position:100% 50%}to{background-position:0 50%}}drop-down{position:relative;-webkit-user-select:none;user-select:none}drop-down [trigger]{cursor:pointer;list-style:none;position:relative}drop-down [trigger-content]{width:100%;max-height:calc(100vh - 30rem);overflow-y:auto;display:none;max-height:0;opacity:0;transform:translateY(0);transition:all .3s ease-in-out;overflow:hidden}drop-down[open=true] [trigger-content]{display:block;opacity:1;transform:translateY(10px)}.load__more{gap:40px;width:100%;max-width:100%;margin:0 auto;padding:40px 0 0}.load__more .loading__spinner_content{flex:1;align-items:center;display:flex;justify-content:center;padding:20px 0}.load__more .loading__spinner_content .loading__spinner{width:30px;height:30px}.load__more .loading__spinner_content.no--more .loading__spinner{display:none}.load__more .loading__spinner_content.no--more .no-more--tips{display:block}.load__more .loading__spinner_content .no-more--tips{display:none}@media screen and (max-width: 1024px){.load__more{gap:0px}.zc_button{height:40px;padding-right:32px;padding-left:32px}body .zc-checkbox .native-wrapper{padding-top:4px}}.collection-banner{height:320px}.collection-banner .collection-banner-img{width:100%;object-fit:cover}.collection-banner .collection-banner-content{top:0;bottom:0;left:50%;transform:translate(-50%);align-items:center;justify-content:center}.collection-banner .collection-banner-content h2{width:100%;color:#fff;font-size:56px;line-height:1.1}@media screen and (max-width: 1024px){.collection-banner .collection-banner-img{max-height:unset}.collection-banner .collection-banner-content{align-items:center;justify-content:center}.collection-banner .collection-banner-content h2{text-align:center;font-size:28px;transform:translateY(-40px)}}.compare-wrapper{position:fixed;z-index:9;left:var(--pos-x);width:var(--pos-w);bottom:-222px;transition:all .3s ease;box-shadow:0 -2px 10px #0000001a;background:#fff;height:222px;padding:16px}.compare-wrapper.open{bottom:0}.compare-wrapper.open.half{bottom:-158px}.compare-wrapper--header{justify-content:space-between;align-items:center}.compare-wrapper--header-title{outline:none;background:transparent;border:none;gap:10px;align-items:flex-start;text-align:left}.compare-wrapper--header-title>svg{transform:rotate(90deg);fill:#1a1a1a;min-width:16px;margin-top:2px}.compare-wrapper.open:not(.compare-wrapper.half) .compare-wrapper--header-title>svg{transform:rotate(270deg)}.compare-wrapper--header-title h2{font-weight:600;font-size:16px;color:#1a1a1a;line-height:22px}.compare-wrapper--sheetButtons{gap:24px;min-width:fit-content}.compare-wrapper--sheetButtons button:not(.zc_button){outline:none;background:transparent;border:none}.compare-wrapper--sheetButtons .zc_button{height:40px;border-radius:4px;line-height:40px}.sheetButtons--clear{font-weight:400;font-size:16px;color:#1a1a1a;line-height:22px;text-decoration-line:underline;min-width:fit-content}.compare-wrapper--main{gap:16px;margin-top:18px}.compare--item{gap:10px;width:calc((100% - 32px) / 3);align-items:center;height:122px}.compare--item .compare-img__wrapper{width:122px;height:122px;border:solid 1px rgba(221,221,221,1)}.compare--item .compare-img__wrapper img{width:100%;height:100%}.compare--item h3{flex:1;font-weight:600;font-size:14px;color:#333;line-height:24px;text-align:left;padding-right:8px}.compare-remove-icon{top:-8px;right:-8px;cursor:pointer}.compare--item_add .compare-img__wrapper{cursor:pointer;display:flex;align-items:center;justify-content:center}.compare--item_add .compare-img__wrapper:after{content:"";width:14px;height:2px;background:#666}.compare--item_add .compare-img__wrapper:before{content:"";height:14px;width:2px;background:#666;transform:translate(8px)}.compare--item:nth-child(n+4),.mb__compare_start{display:none}@media screen and (max-width: 1024px){.compare-wrapper{left:0;right:0;width:auto;bottom:-94vw;box-shadow:0 -1px 5px #0000001a;height:94vw;z-index:99999;display:flex;flex-direction:column}.compare-wrapper.open.half{bottom:calc(56px - 94vw)}.compare-wrapper--main{gap:0;justify-content:space-between}.compare--item{flex-direction:column;height:auto;width:44vw;gap:6px}.compare--item h3{line-height:20px;padding-right:0}.compare--item.compare--item_add h3{color:#666;font-weight:400}.compare--item .compare-img__wrapper{width:44vw;height:44vw}.compare--item_add .compare-img__wrapper{background:#f5f5f5}.compare-wrapper--header-title{gap:10px}.compare--item .compare-img__wrapper img{width:99.5%;height:99.5%}.compare-wrapper--header-title h2{font-size:14px;line-height:18px}.compare--item:nth-child(n+3),.compare-wrapper--sheetButtons .zc_button{display:none}.mb__compare_start{display:flex;flex:1;justify-content:center;align-items:center}.mb__compare_start .zc_button{width:100%;border-radius:4px;height:40px;line-height:40px;padding:0 12px}}
/*# sourceMappingURL=/cdn/shop/t/315/assets/section-collection-main.css.map?v=149361054748088102171749117078 */