body.hk-direction-one-zh.hk-components-unified{--hk-action-gold: #f4d184;--hk-action-ink: #0b211c;--hk-component-radius: .4rem;--hk-ui-paper: #faf8f3;--hk-ui-muted: #c3cabf;--hk-ui-line: #40564a;--hk-ui-secondary: #a4372f;--hk-ui-secondary-hover: #0b211c;--hk-ui-focus: #a4372f}body.hk-direction-one-zh.hk-components-unified #MainContent :is(.hk-home-one__hero,.hk-figma-home__cta-panel,.hk-collection-hero,.hk-directory__hero,.hk-blog-hero,.hk-service-cta__panel,.hk-page-hero){--hk-ui-secondary: #f4d184;--hk-ui-secondary-hover: #faf8f3;--hk-ui-focus: #f4d184}body.hk-direction-one-zh.hk-components-unified #MainContent :is(.hk-home-direction-one a.hk-figma-home__button:not(.hk-figma-home__button--secondary),.hk-collection-hero__primary,.hk-redwine-directory__button,.hk-directory__button:not(.hk-directory__button--secondary),.hk-service-cta__button:not(.hk-service-cta__button--secondary),.hk-blog-hero__enquiry-link,.hk-article-hero__button:not(.hk-article-hero__button--secondary),.hk-article-body__aside-button,.hk-article-bottom__button,.hk-page-direction-one .hk-page-button--primary,.hk-page-sidebar__button,.hk-system-direction-one--404 .button,.premium-recycle-product__primary-action,.premium-recycle-product__article-cta a){box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;gap:1rem;max-width:100%;min-height:4.8rem;padding:1rem 2rem;border:.1rem solid var(--hk-action-gold);border-radius:var(--hk-component-radius);background:var(--hk-action-gold);color:var(--hk-action-ink);box-shadow:none;font-family:var(--hk-type-sans);font-size:1.4rem;font-weight:700;line-height:1.5;text-align:center;text-decoration:none;white-space:normal;overflow-wrap:anywhere;transform:none;transition:background-color .16s ease,border-color .16s ease,color .16s ease}body.hk-direction-one-zh.hk-components-unified #MainContent :is(.hk-home-direction-one a.hk-figma-home__button:not(.hk-figma-home__button--secondary),.hk-collection-hero__primary,.hk-redwine-directory__button,.hk-directory__button:not(.hk-directory__button--secondary),.hk-service-cta__button:not(.hk-service-cta__button--secondary),.hk-blog-hero__enquiry-link,.hk-article-hero__button:not(.hk-article-hero__button--secondary),.hk-article-body__aside-button,.hk-article-bottom__button,.hk-page-direction-one .hk-page-button--primary,.hk-page-sidebar__button,.hk-system-direction-one--404 .button,.premium-recycle-product__primary-action,.premium-recycle-product__article-cta a):hover{border-color:#e9c674;background:#e9c674;color:var(--hk-action-ink);box-shadow:none;transform:none}body.hk-direction-one-zh.hk-components-unified #MainContent :is(.hk-home-direction-one .hk-home-one__secondary,.hk-home-direction-one .hk-figma-home__cta-actions .hk-figma-home__button--secondary,.hk-collection-hero__secondary,.hk-directory__button--secondary,.hk-service-cta__button--secondary,.hk-blog-hero__browse-link,.hk-article-hero__button--secondary,.hk-page-direction-one .hk-page-button--secondary){box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;gap:1rem;min-width:0;max-width:100%;min-height:4.4rem;padding:.8rem 0;border:0;border-radius:0;background:transparent;color:var(--hk-ui-secondary);box-shadow:none;font-family:var(--hk-type-sans);font-size:1.3rem;font-weight:650;line-height:1.5;text-decoration:underline;text-decoration-thickness:.1rem;text-underline-offset:.4rem;white-space:normal;overflow-wrap:anywhere;transform:none}body.hk-direction-one-zh.hk-components-unified #MainContent :is(.hk-home-direction-one .hk-home-one__secondary,.hk-home-direction-one .hk-figma-home__cta-actions .hk-figma-home__button--secondary,.hk-collection-hero__secondary,.hk-directory__button--secondary,.hk-service-cta__button--secondary,.hk-blog-hero__browse-link,.hk-article-hero__button--secondary,.hk-page-direction-one .hk-page-button--secondary):hover{border-color:transparent;background:transparent;color:var(--hk-ui-secondary-hover);box-shadow:none;text-decoration-thickness:.2rem;transform:none}body.hk-direction-one-zh.hk-components-unified #MainContent :is(.hk-figma-home__button,.hk-collection-hero__actions .button,.hk-directory__button,.hk-service-cta__button,.hk-system-direction-one--404 .button):after{box-shadow:none}body.hk-direction-one-zh.hk-components-unified #MainContent :is(.hk-home-direction-one .hk-home-one__actions a,.hk-figma-home__cta-actions a,.hk-collection-hero__actions a,.hk-redwine-directory__button,.hk-directory__actions a,.hk-service-cta__actions a,.hk-blog-hero__actions a,.hk-article-hero__actions a,.hk-article-body__aside-button,.hk-article-bottom__button,.hk-page-hero__actions a,.hk-page-sidebar__button,.hk-system-direction-one--404 .button,.premium-recycle-product__primary-action,.premium-recycle-product__article-cta a):focus-visible{outline:.2rem solid var(--hk-ui-focus);outline-offset:.4rem;box-shadow:none}body.hk-direction-one-zh.hk-components-unified #MainContent .premium-recycle-product__primary-action{display:flex;flex-direction:column;gap:.4rem;min-height:5.8rem}body.hk-direction-one-zh.hk-components-unified #MainContent .premium-recycle-product__primary-action>span{font-size:1.4rem;font-weight:700;line-height:1.5}body.hk-direction-one-zh.hk-components-unified #MainContent .premium-recycle-product__primary-action>small{margin:0;color:currentColor;font-size:1.05rem;font-weight:500;line-height:1.5;opacity:1}body.hk-direction-one-zh.hk-components-unified #MainContent :is(.hk-home-direction-one .hk-home-one__process,.hk-page-direction-one .hk-page-process-list,.premium-recycle-product__process-list,.hk-editorial-one .hk-blog-process){display:grid;gap:2rem;list-style:none;border-radius:0;background:var(--hk-action-ink);color:var(--hk-ui-paper);box-shadow:none}body.hk-direction-one-zh.hk-components-unified #MainContent :is(.hk-home-direction-one .hk-home-one__process,.hk-page-direction-one .hk-page-process-list,.premium-recycle-product__process-list,.hk-editorial-one .hk-blog-process)>li{min-width:0;min-height:0;padding:0;border:0;border-radius:0;background:transparent;color:var(--hk-ui-paper);box-shadow:none}body.hk-direction-one-zh.hk-components-unified #MainContent :is(.hk-home-direction-one .hk-home-one__process,.hk-page-direction-one .hk-page-process-list,.premium-recycle-product__process-list,.hk-editorial-one .hk-blog-process)>li+li{padding-left:2rem;border-left:.1rem solid var(--hk-ui-line)}body.hk-direction-one-zh.hk-components-unified #MainContent :is(.hk-home-direction-one .hk-home-one__process .hk-home-one__number,.hk-page-direction-one .hk-page-process-list>li>span,.premium-recycle-product__process-list>li>span,.hk-editorial-one .hk-blog-process>li>span,.hk-home-direction-one .hk-figma-home__step>span){display:block;width:auto;height:auto;padding:0;border:0;border-radius:0;background:transparent;color:var(--hk-action-gold);font-family:var(--hk-type-sans);font-size:2rem;font-weight:700;font-variant-numeric:tabular-nums;line-height:1.4}body.hk-direction-one-zh.hk-components-unified #MainContent :is(.hk-home-direction-one .hk-home-one__process,.hk-page-direction-one .hk-page-process-list,.premium-recycle-product__process-list,.hk-editorial-one .hk-blog-process) strong,body.hk-direction-one-zh.hk-components-unified #MainContent .hk-home-direction-one .hk-figma-home__step h3{margin:0;color:var(--hk-ui-paper);font-family:var(--hk-type-sans);font-size:1.4rem;font-weight:650;line-height:1.5}body.hk-direction-one-zh.hk-components-unified #MainContent :is(.hk-home-direction-one .hk-home-one__process,.hk-page-direction-one .hk-page-process-list,.premium-recycle-product__process-list) small,body.hk-direction-one-zh.hk-components-unified #MainContent .hk-home-direction-one .hk-figma-home__step p{margin-top:.4rem;color:var(--hk-ui-muted);font-family:var(--hk-type-sans);font-size:1.2rem;line-height:1.7;overflow-wrap:anywhere}body.hk-direction-one-zh.hk-components-unified #MainContent .hk-page-direction-one .hk-page-process-list>li{grid-template-columns:2.6rem minmax(0,1fr);gap:.2rem 1rem}body.hk-direction-one-zh.hk-components-unified #MainContent .premium-recycle-product__process-wrap{border-color:var(--hk-ui-line);background:var(--hk-action-ink);color:var(--hk-ui-paper)}body.hk-direction-one-zh.hk-components-unified #MainContent .premium-recycle-product__process-intro h2{color:var(--hk-ui-paper)}body.hk-direction-one-zh.hk-components-unified #MainContent .premium-recycle-product__process-intro p{color:var(--hk-ui-muted)}body.hk-direction-one-zh.hk-components-unified #MainContent .premium-recycle-product__process-list{grid-template-columns:repeat(5,minmax(0,1fr));margin:0;padding:0}body.hk-direction-one-zh.hk-components-unified #MainContent .premium-recycle-product__process-list>li>strong{margin-top:.8rem}body.hk-direction-one-zh.hk-components-unified #MainContent .hk-home-direction-one .hk-figma-home__trust-steps{padding:1.8rem 2rem;background:var(--hk-action-ink);color:var(--hk-ui-paper)}body.hk-direction-one-zh.hk-components-unified #MainContent .hk-home-direction-one .hk-figma-home__step{grid-template-columns:2.6rem minmax(0,1fr);padding-block:1rem;border-bottom-color:var(--hk-ui-line)}body.hk-direction-one-zh.hk-components-unified #MainContent .hk-home-direction-one .hk-figma-home__step:last-child{border-bottom:0}body.hk-direction-one-zh.hk-components-unified #MainContent .hk-editorial-one .hk-blog-process{margin-top:2rem;padding:2rem;border:0}@media(max-width:989px)and (min-width:750px){body.hk-direction-one-zh.hk-components-unified #MainContent .premium-recycle-product__process-list{grid-template-columns:repeat(3,minmax(0,1fr))}body.hk-direction-one-zh.hk-components-unified #MainContent .premium-recycle-product .premium-recycle-product__process-list>li{padding:1rem 0;border:0}}@media(max-width:749px){body.hk-direction-one-zh.hk-components-unified #MainContent :is(.hk-home-direction-one .hk-home-one__actions,.hk-home-direction-one .hk-figma-home__cta-actions,.hk-collection-hero__actions,.hk-directory__actions,.hk-blog-hero__actions,.hk-article-hero__actions,.hk-page-direction-one .hk-page-hero__actions){display:flex;flex-direction:column;align-items:stretch;flex-wrap:nowrap;gap:.4rem;width:100%}body.hk-direction-one-zh.hk-components-unified #MainContent :is(.hk-home-direction-one a.hk-figma-home__button:not(.hk-figma-home__button--secondary),.hk-collection-hero__primary,.hk-redwine-directory__button,.hk-directory__button:not(.hk-directory__button--secondary),.hk-blog-hero__enquiry-link,.hk-article-hero__button:not(.hk-article-hero__button--secondary),.hk-page-direction-one .hk-page-button--primary,.premium-recycle-product__primary-action){flex:none;width:100%;min-width:0;min-height:4.8rem;padding-inline:1.4rem;font-size:1.4rem}body.hk-direction-one-zh.hk-components-unified #MainContent :is(.hk-home-direction-one .hk-home-one__secondary,.hk-home-direction-one .hk-figma-home__cta-actions .hk-figma-home__button--secondary,.hk-collection-hero__secondary,.hk-directory__button--secondary,.hk-blog-hero__browse-link,.hk-article-hero__button--secondary,.hk-page-direction-one .hk-page-button--secondary){display:inline-flex;flex:none;align-self:flex-start;width:auto;min-height:4.4rem;padding-inline:0;font-size:1.3rem}body.hk-direction-one-zh.hk-components-unified #MainContent :is(.hk-home-direction-one .hk-home-one__process,.hk-page-direction-one .hk-page-process-list,.hk-editorial-one .hk-blog-process){gap:1rem}body.hk-direction-one-zh.hk-components-unified #MainContent :is(.hk-home-direction-one .hk-home-one__process,.hk-page-direction-one .hk-page-process-list,.hk-editorial-one .hk-blog-process)>li{display:block}body.hk-direction-one-zh.hk-components-unified #MainContent :is(.hk-home-direction-one .hk-home-one__process,.hk-page-direction-one .hk-page-process-list,.hk-editorial-one .hk-blog-process)>li+li{padding-left:1rem}body.hk-direction-one-zh.hk-components-unified #MainContent :is(.hk-home-direction-one .hk-home-one__process .hk-home-one__number,.hk-page-direction-one .hk-page-process-list>li>span,.hk-editorial-one .hk-blog-process>li>span){display:block;margin:0 0 .4rem;font-size:1.6rem}body.hk-direction-one-zh.hk-components-unified #MainContent :is(.hk-home-direction-one .hk-home-one__process,.hk-page-direction-one .hk-page-process-list,.hk-editorial-one .hk-blog-process) strong{display:block;font-size:1.2rem}body.hk-direction-one-zh.hk-components-unified #MainContent .hk-page-direction-one .hk-page-process-list small{font-size:1.05rem}body.hk-direction-one-zh.hk-components-unified #MainContent .premium-recycle-product__process-list{grid-template-columns:1fr;gap:0}body.hk-direction-one-zh.hk-components-unified #MainContent .premium-recycle-product .premium-recycle-product__process-list>li{display:grid;grid-template-columns:2.6rem minmax(0,1fr);gap:.3rem 1rem;padding:1.2rem 0;border:0;border-bottom:.1rem solid var(--hk-ui-line)}body.hk-direction-one-zh.hk-components-unified #MainContent .premium-recycle-product .premium-recycle-product__process-list>li+li{padding-left:0;border-left:0}body.hk-direction-one-zh.hk-components-unified #MainContent .premium-recycle-product__process-list>li>span{grid-row:span 2;align-self:start}body.hk-direction-one-zh.hk-components-unified #MainContent .premium-recycle-product__process-list>li>strong{margin:0}body.hk-direction-one-zh.hk-components-unified #MainContent .premium-recycle-product__process-list>li>small{grid-column:2;margin:0}body.hk-direction-one-zh.hk-components-unified #MainContent .premium-recycle-product .premium-recycle-product__process-list>li:last-child{border-bottom:0}}body.hk-direction-one-zh.hk-components-unified.template-page #MainContent .section-collection-list>.gradient{background:var(--hk-ui-paper)}body.hk-direction-one-zh.hk-components-unified.template-page #MainContent .section-collection-list .collection-list-wrapper{padding-block:3.8rem}body.hk-direction-one-zh.hk-components-unified.template-page #MainContent .section-collection-list .collection-list-title{color:var(--hk-action-ink);font-family:var(--hk-font-serif, "Noto Serif TC", "PMingLiU", serif);font-size:3rem;line-height:1.45}body.hk-direction-one-zh.hk-components-unified.template-page #MainContent .section-collection-list .collection-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}body.hk-direction-one-zh.hk-components-unified.template-page #MainContent .section-collection-list .collection-list__item{min-width:0;width:auto;max-width:none}body.hk-direction-one-zh.hk-components-unified.template-page #MainContent .section-collection-list :is(.card-wrapper,.card){height:100%;border:0;border-radius:0;background:transparent;box-shadow:none}body.hk-direction-one-zh.hk-components-unified.template-page #MainContent .section-collection-list .card{display:grid;grid-template-columns:8rem minmax(0,1fr);align-items:center;min-height:8.2rem;color:var(--hk-action-ink);transform:none}body.hk-direction-one-zh.hk-components-unified.template-page #MainContent .section-collection-list .card__inner{width:8rem;height:8rem;border:0;border-radius:.3rem;background:#f0eade}body.hk-direction-one-zh.hk-components-unified.template-page #MainContent .section-collection-list .card__inner:before{display:none}body.hk-direction-one-zh.hk-components-unified.template-page #MainContent .section-collection-list .card__inner>.card__content{display:none}body.hk-direction-one-zh.hk-components-unified.template-page #MainContent .section-collection-list .card>.card__content{display:block;min-width:0;padding:1rem;padding-inline:0;background:transparent}body.hk-direction-one-zh.hk-components-unified.template-page #MainContent .section-collection-list .card__information{display:block;padding:0}body.hk-direction-one-zh.hk-components-unified.template-page #MainContent .section-collection-list .card__heading{color:var(--hk-action-ink);font-family:var(--hk-font-serif, "Noto Serif TC", "PMingLiU", serif);font-size:2.2rem;font-weight:900;line-height:1.5;overflow-wrap:anywhere}body.hk-direction-one-zh.hk-components-unified.template-page #MainContent .section-collection-list .card__heading a{display:flex;align-items:center;justify-content:space-between;gap:.9rem;min-height:4rem;text-decoration:none}body.hk-direction-one-zh.hk-components-unified.template-page #MainContent .section-collection-list .card .icon-wrap{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;width:2rem;height:2rem;margin:0;border-radius:0;background:transparent;color:#0b3f34}body.hk-direction-one-zh.hk-components-unified.template-page #MainContent .section-collection-list .card .icon-wrap svg{width:1.25rem}body.hk-direction-one-zh.hk-components-unified.template-page #MainContent .section-collection-list .card__media img{height:100%;object-fit:cover}body.hk-direction-one-zh.hk-components-unified.template-page #MainContent .section-collection-list .card--text{grid-template-columns:minmax(0,1fr)}body.hk-direction-one-zh.hk-components-unified.template-page #MainContent .section-collection-list .card--text .card__inner{display:none}body.hk-direction-one-zh.hk-components-unified.template-page #MainContent .section-collection-list .card__heading a:hover{text-decoration:underline;text-decoration-thickness:.1rem;text-underline-offset:.4rem}body.hk-direction-one-zh.hk-components-unified.template-page #MainContent .section-collection-list .card__heading a:focus-visible{outline:.2rem solid var(--hk-ui-focus);outline-offset:.4rem;box-shadow:none}body.hk-direction-one-zh.hk-components-unified #MainContent .pagination .pagination__list{gap:.6rem}body.hk-direction-one-zh.hk-components-unified #MainContent .pagination .pagination__list>li{flex:0 0 4.4rem;margin:0}body.hk-direction-one-zh.hk-components-unified #MainContent .pagination .pagination__item{box-sizing:border-box;height:4.4rem;border:.1rem solid #ddd3c1;border-radius:var(--hk-component-radius);background:transparent;color:var(--hk-action-ink);box-shadow:none;font-family:var(--hk-type-sans);font-size:1.3rem;font-weight:600;line-height:1.5;text-decoration:none;opacity:1}body.hk-direction-one-zh.hk-components-unified #MainContent .pagination .pagination__item:after{display:none}body.hk-direction-one-zh.hk-components-unified #MainContent .pagination a.pagination__item[href]:hover{border-color:var(--hk-action-ink);background:#f0eade;color:var(--hk-action-ink)}body.hk-direction-one-zh.hk-components-unified #MainContent .pagination .pagination__item--current{border-color:var(--hk-action-ink);background:var(--hk-action-ink);color:var(--hk-ui-paper);font-weight:700}body.hk-direction-one-zh.hk-components-unified #MainContent .pagination a.pagination__item:focus-visible{outline:.2rem solid var(--hk-ui-focus);outline-offset:.4rem;box-shadow:none}@media(max-width:989px){body.hk-direction-one-zh.hk-components-unified.template-page #MainContent .section-collection-list .collection-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:749px){body.hk-direction-one-zh.hk-components-unified.template-page #MainContent .section-collection-list .collection-list-wrapper{padding:3rem 1.5rem}body.hk-direction-one-zh.hk-components-unified.template-page #MainContent .section-collection-list .collection-list-title{font-size:2.5rem}body.hk-direction-one-zh.hk-components-unified.template-page #MainContent .section-collection-list .collection-list{gap:.8rem;padding-inline:0}body.hk-direction-one-zh.hk-components-unified.template-page #MainContent .section-collection-list .card{grid-template-columns:5.2rem minmax(0,1fr);min-height:7.6rem}body.hk-direction-one-zh.hk-components-unified.template-page #MainContent .section-collection-list .card__inner{width:5.2rem;height:7.4rem}body.hk-direction-one-zh.hk-components-unified.template-page #MainContent .section-collection-list .card>.card__content{padding-block:.8rem}body.hk-direction-one-zh.hk-components-unified.template-page #MainContent .section-collection-list .card__heading{font-size:1.8rem}body.hk-direction-one-zh.hk-components-unified.template-page #MainContent .section-collection-list .card__heading a{gap:.4rem}body.hk-direction-one-zh.hk-components-unified.template-page #MainContent .section-collection-list .card .icon-wrap{width:1.4rem;height:1.4rem}body.hk-direction-one-zh.hk-components-unified.template-page #MainContent .section-collection-list .card--text{grid-template-columns:minmax(0,1fr)}}@media(max-width:599px){body.hk-direction-one-zh.hk-components-unified.template-page #MainContent .section-collection-list .collection-list{grid-template-columns:minmax(0,1fr)}}@media(prefers-reduced-motion:reduce){body.hk-direction-one-zh.hk-components-unified #MainContent :is(a,button){transition:none}}
/*# sourceMappingURL=/cdn/shop/t/121/assets/hk-component-system.css.map */