.chc-collections{--chc-accent:#7963b3;--chc-ink:#302b35;--chc-muted:#8c8694;max-width:1280px;margin:0 auto;padding:42px 28px 30px;color:var(--chc-ink);scroll-margin-top:76px}
.chc-collections .chc-section{margin:0 0 52px}.chc-collections .chc-section:last-child{margin-bottom:0}.chc-collections .chc-heading{display:flex;align-items:center;justify-content:center;gap:25px;margin-bottom:20px}.chc-collections .chc-heading h2{font-size:23px;line-height:1.35;font-weight:600;letter-spacing:1.2px;text-transform:uppercase;margin:0!important;text-align:center;color:var(--chc-ink)}.chc-rule{height:1px;width:62px;background:#e5dfee}
.chc-tabs{display:flex;gap:26px;justify-content:center;flex-wrap:wrap;padding:0 10px 15px;margin:0 0 10px}.chc-tabs button{appearance:none;border:0;border-bottom:2px solid transparent;background:none;color:var(--chc-muted);padding:7px 0;line-height:1.5;font-size:12px;cursor:pointer;transition:color .2s,border-color .2s}.chc-tabs button:hover{color:var(--chc-accent)}.chc-tabs button[aria-selected=true]{border-bottom-color:var(--chc-accent);color:var(--chc-ink);font-weight:600}.chc-collections [hidden]{display:none!important}
.chc-carousel{position:relative}.chc-collections ul.chc-track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - (var(--chc-columns) - 1)*20px)/var(--chc-columns));gap:20px;list-style:none!important;margin:0!important;padding:8px 1px 18px!important;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#ded5ea transparent;-webkit-overflow-scrolling:touch}.chc-track::-webkit-scrollbar{height:3px}.chc-track::-webkit-scrollbar-thumb{background:#ded5ea;border-radius:3px}.chc-collections .chc-track>li.chc-item{list-style:none!important;scroll-snap-align:start;margin:0!important;padding:0!important;min-width:0;float:none;width:auto}.chc-collections .chc-item .cpc-card{height:100%;padding:8px 8px 15px;border:1px solid transparent;border-radius:10px}.chc-collections .chc-item .cpc-card:hover{border-color:#eee8f4;transform:none;box-shadow:0 3px 15px #4434540c}.chc-collections .cpc-photo{aspect-ratio:3/4;margin-bottom:15px}.chc-collections .cpc-image-link img{padding:10px 8px 0}.chc-collections .cpc-brand{font-size:12px;letter-spacing:.4px}.chc-collections .cpc-aroma{font-size:12px;line-height:1.5;min-height:3em}.chc-collections .cpc-category{font-size:11px}.chc-collections .cpc-price{font-size:14px}.chc-collections .cpc-old-price{font-size:11px}.chc-collections .cpc-reviews{font-size:11px}.chc-collections .cpc-name-link:hover{color:var(--chc-accent)}
.chc-arrow{position:absolute;z-index:5;top:33%;display:grid;place-items:center;height:40px;width:40px;border:1px solid #efecf2;border-radius:50%;background:#fffffff5;box-shadow:0 3px 14px #302b3510;color:#756982;cursor:pointer;padding:10px;transition:opacity .2s,box-shadow .2s}.chc-arrow:hover{box-shadow:0 3px 14px #302b352a;color:var(--chc-accent)}.chc-arrow:disabled{opacity:.25;pointer-events:none}.chc-prev{left:-23px}.chc-next{right:-23px}.chc-arrow svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.4}.chc-collections :focus-visible{outline:2px solid var(--chc-accent);outline-offset:3px}
@media(max-width:1000px){.chc-collections{--chc-columns:3!important;padding:32px 25px 24px}.chc-collections .chc-heading h2{font-size:21px}.chc-collections .chc-section{margin-bottom:38px}}
@media(max-width:600px){.chc-collections{--chc-columns:2!important;padding:28px 7px 20px}.chc-collections .chc-heading{gap:15px;margin-bottom:12px}.chc-collections .chc-heading h2{font-size:19px;letter-spacing:.8px}.chc-rule{width:26px}.chc-tabs{gap:8px 20px;padding:0 0 10px;margin-bottom:5px}.chc-tabs button{font-size:11px}.chc-collections ul.chc-track{gap:10px;grid-auto-columns:calc((100% - 10px)/2);padding-bottom:14px!important}.chc-collections .chc-item .cpc-card{padding:5px 3px 10px}.chc-collections .cpc-image-link img{padding:6px 3px 0}.chc-collections .cpc-photo{aspect-ratio:3/4}.chc-collections .cpc-price{font-size:13px}.chc-prev{left:-6px}.chc-next{right:-6px}.chc-arrow{width:31px;height:31px;padding:8px}.chc-collections .chc-section{margin-bottom:28px}}
@media(prefers-reduced-motion:reduce){.chc-collections *{transition:none!important;scroll-behavior:auto!important}}
