.kik-collection-hero{--kik-hero-image-w: 220px;--kik-hero-image-h: 200px;--kik-hero-cat-image: 64px}.kik-hero__header{display:flex;align-items:center;gap:var(--kik-spacing-lg, 30px);padding-block:var(--kik-spacing-md, 16px) var(--kik-spacing-lg, 30px)}.kik-hero__image{flex:0 0 auto;width:var(--kik-hero-image-w);height:var(--kik-hero-image-h);overflow:hidden}.kik-hero__image img{width:100%;height:100%;object-fit:cover;display:block}.kik-hero__text{flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:var(--kik-spacing-md, 16px)}.kik-hero__title{margin:0;font-family:var(--kik-text-font-heading);font-size:var(--kik-text-size-h3, 40px);line-height:1.2;font-weight:400;text-transform:uppercase;color:var(--kik-color-text-primary, #36454f);overflow-wrap:break-word;word-break:break-word}.kik-hero__desc{margin:0;font-family:var(--kik-text-font-body);font-size:var(--kik-text-size-body-lg, 18px);line-height:1.5;color:var(--kik-color-text-secondary, #353535)}.kik-hero__desc>:first-child{margin-top:0}.kik-hero__desc>:last-child{margin-bottom:0}.kik-hero__categories{display:flex;align-items:stretch;gap:14px;overflow-x:auto;scrollbar-width:none}.kik-hero__categories::-webkit-scrollbar{display:none}@media(min-width:768px){.kik-collection-hero .kik-scrollbar{display:block;position:relative;width:100%;height:14px;margin-top:23px;margin-bottom:24px;background:transparent;cursor:pointer;touch-action:none}.kik-collection-hero .kik-scrollbar:before{content:"";position:absolute;left:0;right:0;top:50%;height:2px;transform:translateY(-50%);background:var(--kik-color-border-subtle, #dfdfdf);pointer-events:none}.kik-collection-hero .kik-scrollbar__thumb{position:absolute;top:50%;height:2px;transform:translateY(-50%);background:var(--kik-color-text-primary, #36454f);pointer-events:none}}.kik-hero__cats-outer{position:relative}.kik-hero__arrow{position:absolute;top:calc(var(--kik-hero-cat-image, 64px) / 2 + 5px);transform:translateY(-50%);z-index:2;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:1px solid var(--kik-color-border-subtle, #dfdfdf);border-radius:50%;background:var(--kik-color-action-secondary, #fff);color:var(--kik-color-text-primary, #36454f);box-shadow:0 2px 10px #36454f26;cursor:pointer;transition:background-color .2s ease,color .2s ease,border-color .2s ease}.kik-hero__arrow:hover{background:var(--kik-color-text-inverse, #2b8b7f);border-color:var(--kik-color-text-inverse, #2b8b7f);color:#fff}.kik-hero__arrow:focus-visible{outline:2px solid var(--kik-color-text-inverse, #2b8b7f);outline-offset:2px}.kik-hero__arrow svg{width:18px;height:18px}.kik-hero__arrow--prev{left:-18px}.kik-hero__arrow--next{right:-18px}@media(max-width:767px){.kik-hero__arrow{width:36px;height:36px}.kik-hero__arrow--prev{left:0}.kik-hero__arrow--next{right:0}}.kik-hero__cat{flex:0 0 255px;min-width:0;display:flex;align-items:center;gap:var(--kik-spacing-sm, 8px);padding:4px;border:1px solid var(--kik-color-border-subtle, #dfdfdf);text-decoration:none;color:inherit;transition:border-color .2s ease,background-color .2s ease}.kik-hero__cat:hover{border-color:var(--kik-color-text-inverse, #2b8b7f);background-color:var(--kik-color-bg-surface, #eef3f7)}.kik-hero__cat:focus-visible{outline:2px solid var(--kik-color-text-inverse, #2b8b7f);outline-offset:2px}.kik-hero__cat-img{flex:0 0 auto;width:var(--kik-hero-cat-image);height:var(--kik-hero-cat-image);overflow:hidden;background-color:var(--kik-color-bg-surface, #eef3f7)}.kik-hero__cat-img img{width:100%;height:100%;object-fit:cover;display:block}.kik-hero__cat-text{display:flex;align-items:center;gap:var(--kik-spacing-8, 8px);min-width:0}.kik-hero__cat-name{font-family:var(--kik-text-font-body);font-size:var(--kik-text-size-body-sm, 14px);line-height:1.5;color:var(--kik-color-text-inverse, #2b8b7f);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kik-hero__cat-count{flex:0 0 auto;font-family:var(--kik-text-font-body);font-size:var(--kik-text-size-body-xsm, 12px);line-height:1.5;color:var(--kik-color-text-secondary, #353535);white-space:nowrap}@media(max-width:767px){.kik-collection-hero{--kik-hero-image-w: 66px;--kik-hero-image-h: 66px;--kik-hero-cat-image: 48px}.kik-hero__header{display:grid;grid-template-columns:auto 1fr;align-items:center;column-gap:var(--kik-spacing-md, 12px)}.kik-hero__image{grid-column:1;grid-row:1}.kik-hero__text{display:contents}.kik-hero__title{grid-column:2;grid-row:1;font-size:var(--kik-text-size-h3, 32px)}.kik-hero__desc{grid-column:1 / -1;grid-row:2;margin-top:var(--kik-spacing-md, 12px);font-size:var(--kik-text-size-body-lg, 16px)}.kik-hero__categories{flex-wrap:nowrap;gap:10px;padding-bottom:0;overflow-x:auto;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:none}.kik-hero__categories::-webkit-scrollbar{display:none}.kik-hero__cat{flex:0 0 auto;min-width:0;scroll-snap-align:start}}
/*# sourceMappingURL=/cdn/shop/t/48/assets/kik-collection-hero.css.map */