.hk-category-directory{--hk-category-ink: #0b211c;--hk-category-paper: #faf8f3;--hk-category-red: #a4372f;--hk-category-gold: #d7b76d;--hk-category-line: #ded5c6;--hk-category-muted: #626b63;color:var(--hk-category-ink);background:var(--hk-category-paper)}body.hk-direction-one-zh #MainContent:has(.hk-category-directory) .page-width{max-width:138rem}.hk-category-directory :is(h1,h2,h3,p){margin:0}.hk-category-directory :is(h1,h2,h3){color:inherit;font-family:var(--hk-font-serif, "Noto Serif TC", "Noto Serif CJK TC", "Songti TC", "PMingLiU", serif);font-weight:600}.hk-category-directory a{color:inherit}.hk-category-directory a:focus-visible,.hk-category-directory summary:focus-visible{outline:.2rem solid var(--hk-category-red);outline-offset:.4rem}.hk-category-directory .hk-category-directory__arrow{display:inline-flex;flex:0 0 1.5rem;width:1.5rem;align-items:center}.hk-category-directory .hk-category-directory__arrow svg{display:block;width:100%;height:auto}.hk-category-directory .hk-category-directory__hero{color:var(--hk-category-paper);background:var(--hk-category-ink)}.hk-category-directory .hk-category-directory__hero-inner{display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:3rem;min-height:26rem;padding-block:2.4rem}.hk-category-directory .hk-category-directory__hero-inner--text{grid-template-columns:1fr}.hk-category-directory .hk-category-directory__hero-copy{min-width:0}.hk-category-directory .hk-category-directory__eyebrow{color:var(--hk-category-gold);font-size:1.15rem;font-weight:500;line-height:1.6;letter-spacing:.1em}.hk-category-directory .hk-category-directory__title{margin-top:.8rem;font-size:clamp(2.6rem,3vw,4rem);line-height:1.4;overflow-wrap:anywhere}.hk-category-directory .hk-category-directory__intro{max-width:58rem;margin-top:.8rem;color:#e1e6dc;font-size:1.5rem;line-height:1.8}.hk-category-directory .hk-category-directory__actions{display:flex;flex-wrap:wrap;align-items:center;gap:.8rem 2rem;margin-top:1.8rem}.hk-category-directory .hk-category-directory__button{display:inline-flex;align-items:center;justify-content:center;gap:1.5rem;min-height:4.8rem;padding:1.1rem 2rem;border:.1rem solid var(--hk-category-red);border-radius:.2rem;color:#fff;background:var(--hk-category-red);font-size:1.4rem;font-weight:600;line-height:1.6;text-decoration:none}.hk-category-directory .hk-category-directory__button:hover{border-color:#8f2d25;background:#8f2d25}.hk-category-directory .hk-category-directory__browse{display:inline-flex;align-items:center;min-height:4.4rem;color:#e1e6dc;font-size:1.3rem;text-underline-offset:.5rem;text-decoration-color:#d7b76d80}.hk-category-directory .hk-category-directory__hero a:focus-visible{outline-color:var(--hk-category-gold)}.hk-category-directory .hk-category-directory__hero-media{display:flex;align-items:center;justify-content:center;min-width:0;height:22rem;overflow:hidden}.hk-category-directory .hk-category-directory__hero-media img{display:block;width:100%;height:100%;object-fit:contain}.hk-category-directory .hk-category-directory__content{padding-top:2.8rem;padding-bottom:2.4rem;scroll-margin-top:12rem}.hk-category-directory .hk-category-directory__jump-nav{display:flex;flex-wrap:wrap;gap:.6rem 2rem;padding-bottom:1.4rem;border-bottom:.1rem solid var(--hk-category-line)}.hk-category-directory .hk-category-directory__jump-nav a{display:inline-flex;align-items:center;min-height:4.4rem;color:var(--hk-category-red);font-size:1.4rem;font-weight:600;text-underline-offset:.5rem}.hk-category-directory .hk-category-directory__group{padding-top:2.4rem;scroll-margin-top:12rem}.hk-category-directory .hk-category-directory__group:first-child{padding-top:0}.hk-category-directory .hk-category-directory__group-heading{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.6rem 2rem;margin-bottom:1.2rem}.hk-category-directory .hk-category-directory__group-heading h2{font-size:clamp(2.2rem,2vw,2.8rem);line-height:1.5}.hk-category-directory .hk-category-directory__group-heading>a{display:inline-flex;align-items:center;min-height:4.4rem;color:var(--hk-category-red);font-size:1.3rem;text-underline-offset:.4rem}.hk-category-directory .hk-category-directory__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.2rem 2.4rem;margin:0;padding:0;list-style:none}.hk-category-directory .hk-category-directory__item{min-width:0;margin:0;padding:0;list-style:none}.hk-category-directory .hk-category-directory__card{display:grid;grid-template-columns:8rem minmax(0,1fr);align-items:center;gap:1.4rem;height:100%;min-height:12rem;padding-block:1.3rem;border-bottom:.1rem solid var(--hk-category-line);text-decoration:none}.hk-category-directory .hk-category-directory__card--text{grid-template-columns:1fr}.hk-category-directory .hk-category-directory__card-media{display:flex;align-items:center;justify-content:center;width:8rem;height:8rem;padding:.4rem;background:#f1ece3}.hk-category-directory .hk-category-directory__card-media img{display:block;width:100%;height:100%;object-fit:contain}.hk-category-directory .hk-category-directory__card-copy{min-width:0}.hk-category-directory .hk-category-directory__card h3{font-size:1.8rem;line-height:1.5;overflow-wrap:anywhere}.hk-category-directory .hk-category-directory__english{margin-top:.2rem;color:var(--hk-category-muted);font-size:1.15rem;line-height:1.5;overflow-wrap:anywhere}.hk-category-directory .hk-category-directory__card-cta{display:flex;align-items:center;gap:1rem;margin-top:.7rem;color:var(--hk-category-red);font-size:1.15rem;line-height:1.6}.hk-category-directory .hk-category-directory__card:hover h3{color:var(--hk-category-red)}.hk-category-directory .hk-category-directory__card:hover .hk-category-directory__card-cta{text-decoration:underline;text-underline-offset:.3rem}.hk-category-directory .hk-category-directory__catalogue-link{margin-top:2.6rem;border-top:.1rem solid var(--hk-category-line)}.hk-category-directory .hk-category-directory__catalogue-link a{display:flex;align-items:center;justify-content:center;gap:1.5rem;min-height:5.2rem;padding:1rem;color:var(--hk-category-red);font-size:1.3rem;font-weight:600;text-underline-offset:.4rem}.hk-category-directory .hk-category-directory__description{border-block:.1rem solid var(--hk-category-line)}.hk-category-directory .hk-category-directory__description>summary{position:relative;min-height:4.8rem;padding:1.3rem 3rem 1.3rem 0;color:var(--hk-category-muted);font-size:1.3rem;cursor:pointer;list-style:none}.hk-category-directory .hk-category-directory__description>summary::-webkit-details-marker{display:none}.hk-category-directory .hk-category-directory__description>summary:after{position:absolute;top:1rem;right:.3rem;color:var(--hk-category-red);font-size:1.8rem;content:"+"}.hk-category-directory .hk-category-directory__description[open]>summary:after{content:"\2212"}.hk-category-directory .hk-category-directory__description>p{padding:.8rem 0 1.8rem;color:var(--hk-category-muted);font-size:1.35rem;line-height:1.9;overflow-wrap:anywhere}.hk-category-catalogue{color:#0b211c;background:#faf8f3;border-block:.1rem solid #ded5c6}.hk-category-catalogue>.hk-redwine-catalogue__summary{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:.4rem 2rem;padding-block:2rem;cursor:pointer;list-style:none}.hk-category-catalogue>.hk-redwine-catalogue__summary::-webkit-details-marker{display:none}.hk-category-catalogue .hk-redwine-catalogue__label{grid-column:1;color:#8b6b38;font-size:1.15rem;font-weight:600;letter-spacing:.08em}.hk-category-catalogue .hk-redwine-catalogue__title{grid-column:1;font-family:var(--hk-font-serif, "Noto Serif TC", "PMingLiU", serif);font-size:2.2rem;font-weight:600;line-height:1.5}.hk-category-catalogue .hk-redwine-catalogue__count{grid-column:2;grid-row:1 / 3;font-size:1.3rem}.hk-category-catalogue>.hk-redwine-catalogue__summary>.svg-wrapper{grid-column:3;grid-row:1 / 3;width:1.4rem;color:#a4372f}.hk-category-catalogue[open]>.hk-redwine-catalogue__summary>.svg-wrapper{transform:rotate(180deg)}.hk-category-catalogue>summary:focus-visible{outline:.2rem solid #a4372f;outline-offset:-.3rem}.hk-category-catalogue .hk-redwine-catalogue__body{border-top:.1rem solid #ded5c6;padding-top:2rem}@media screen and (max-width:1199px)and (min-width:750px){.hk-category-directory .hk-category-directory__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem 2rem}}@media screen and (max-width:749px){.hk-category-directory .hk-category-directory__hero-inner{grid-template-columns:minmax(0,1fr) 28%;gap:1.4rem;min-height:0;padding-block:2rem}.hk-category-directory .hk-category-directory__hero-inner--text{grid-template-columns:1fr}.hk-category-directory .hk-category-directory__hero-copy{display:contents}.hk-category-directory .hk-category-directory__eyebrow,.hk-category-directory .hk-category-directory__title,.hk-category-directory .hk-category-directory__intro{grid-column:1}.hk-category-directory .hk-category-directory__eyebrow{grid-row:1;font-size:1.05rem}.hk-category-directory .hk-category-directory__title{grid-row:2;margin-top:-.8rem;font-size:2.6rem;line-height:1.45}.hk-category-directory .hk-category-directory__intro{grid-column:1 / -1;grid-row:3;margin-top:-.4rem;font-size:1.35rem}.hk-category-directory .hk-category-directory__actions{grid-column:1 / -1;grid-row:4;display:grid;grid-template-columns:1fr;gap:.3rem;margin-top:0}.hk-category-directory .hk-category-directory__button{width:100%;min-height:4.6rem}.hk-category-directory .hk-category-directory__browse{justify-content:center;min-height:3.8rem;font-size:1.2rem}.hk-category-directory .hk-category-directory__hero-media{grid-column:2;grid-row:1 / 3;align-self:center;height:10rem}.hk-category-directory .hk-category-directory__content{padding-top:2rem;padding-bottom:2rem;scroll-margin-top:10rem}.hk-category-directory .hk-category-directory__jump-nav{gap:0 1.8rem;padding-bottom:.8rem}.hk-category-directory .hk-category-directory__jump-nav a{font-size:1.25rem}.hk-category-directory .hk-category-directory__group{padding-top:2rem;scroll-margin-top:10rem}.hk-category-directory .hk-category-directory__group-heading{margin-bottom:.6rem}.hk-category-directory .hk-category-directory__group-heading h2{font-size:2.2rem}.hk-category-directory .hk-category-directory__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem 1.6rem}.hk-category-directory .hk-category-directory__card{grid-template-columns:5.6rem minmax(0,1fr);gap:.8rem;min-height:10rem;padding-block:1rem}.hk-category-directory .hk-category-directory__card--text{grid-template-columns:1fr}.hk-category-directory .hk-category-directory__card-media{width:5.6rem;height:6.4rem;padding:.3rem}.hk-category-directory .hk-category-directory__card h3{font-size:1.5rem}.hk-category-directory .hk-category-directory__english{font-size:1.05rem}.hk-category-directory .hk-category-directory__card-cta{gap:.5rem;margin-top:.5rem;font-size:1.05rem}.hk-category-directory .hk-category-directory__card-cta .hk-category-directory__arrow{flex-basis:1.2rem;width:1.2rem}.hk-category-directory .hk-category-directory__catalogue-link{margin-top:2rem}.hk-category-catalogue>.hk-redwine-catalogue__summary{grid-template-columns:minmax(0,1fr) auto;gap:.4rem 1.2rem;padding-block:1.6rem}.hk-category-catalogue .hk-redwine-catalogue__title{font-size:1.85rem}.hk-category-catalogue .hk-redwine-catalogue__count{grid-column:1;grid-row:3;font-size:1.2rem}.hk-category-catalogue>.hk-redwine-catalogue__summary>.svg-wrapper{grid-column:2;grid-row:1 / 4}}
/*# sourceMappingURL=/cdn/shop/t/129/assets/hk-category-directory.css.map */