.kl-categories{padding:var(--kl-space-8) 0;background:var(--kl-color-surface)}.kl-categories .section-header{margin-bottom:var(--kl-space-7)}.kl-categories .section-header h2{font-family:var(--kl-font-display);font-size:var(--kl-type-h2);line-height:var(--kl-leading-heading);color:var(--kl-color-wordmark);margin-bottom:var(--kl-space-2)}.kl-categories .section-header p{font-size:var(--kl-type-body-lg);color:var(--kl-color-muted);max-width:52ch}.kl-categories .optB-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--kl-space-4)}.kl-categories .optB-card{position:relative;display:block;padding:var(--kl-space-5);border:1px solid var(--kl-color-line);border-radius:var(--kl-radius-lg);background:var(--kl-color-surface);box-shadow:var(--kl-shadow-sm);overflow:hidden;cursor:pointer;color:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent;transition:transform var(--kl-duration-base) var(--kl-ease-spring),box-shadow var(--kl-duration-base)}.kl-categories .optB-card:hover,.kl-categories .optB-card:focus,.kl-categories .optB-card strong,.kl-categories .optB-card span{text-decoration:none}.kl-categories .optB-card:hover{transform:translateY(-4px);box-shadow:var(--kl-shadow-md)}.kl-categories .optB-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px}.kl-categories .optB-card[data-cat=coffee]:before{background:var(--kl-color-roast)}.kl-categories .optB-card[data-cat=tea]:before{background:var(--kl-color-olive)}.kl-categories .optB-card[data-cat=breakfast]:before{background:var(--kl-color-bark)}.kl-categories .optB-card[data-cat=gear]:before{background:var(--kl-color-charcoal)}.kl-categories .optB-icon{display:grid;place-items:center;width:52px;height:52px;border-radius:var(--kl-radius-md);margin-bottom:var(--kl-space-4)}.kl-categories .optB-card[data-cat=coffee] .optB-icon{background:var(--kl-color-roast-soft);color:var(--kl-color-roast)}.kl-categories .optB-card[data-cat=tea] .optB-icon{background:var(--kl-color-olive-soft);color:var(--kl-color-olive)}.kl-categories .optB-card[data-cat=breakfast] .optB-icon{background:var(--kl-color-roast-soft);color:var(--kl-color-bark)}.kl-categories .optB-card[data-cat=gear] .optB-icon{background:var(--kl-color-surface-soft);color:var(--kl-color-charcoal)}.kl-categories .optB-icon svg{width:26px;height:26px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.kl-categories .optB-card strong{display:block;font-size:var(--kl-type-h4);font-weight:var(--kl-weight-bold);color:var(--kl-color-wordmark);margin-bottom:var(--kl-space-2);line-height:var(--kl-leading-heading)}.kl-categories .optB-card span{display:block;color:var(--kl-color-muted);font-size:var(--kl-type-body-sm);line-height:var(--kl-leading-body)}.kl-categories .optB-card .optB-soon{position:absolute;top:var(--kl-space-4);right:var(--kl-space-4);display:inline-block;width:auto;margin:0;padding:3px 9px;border-radius:var(--kl-radius-full);background:var(--kl-color-olive-soft);color:var(--kl-color-olive);font-size:11px;font-weight:var(--kl-weight-bold);letter-spacing:.04em;line-height:1.5;text-transform:uppercase}@media(max-width:1023px){.kl-categories .optB-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.kl-categories{padding:var(--kl-space-6) 0}.kl-categories .section-header{margin-bottom:var(--kl-space-5)}.kl-categories .section-header p{font-size:var(--kl-type-body)}.kl-categories .optB-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--kl-space-3)}.kl-categories .optB-card{padding:var(--kl-space-4);border-radius:var(--kl-radius-md)}.kl-categories .optB-card:before{height:3px}.kl-categories .optB-icon{width:40px;height:40px;border-radius:var(--kl-radius-sm);margin-bottom:var(--kl-space-3)}.kl-categories .optB-icon svg{width:22px;height:22px}.kl-categories .optB-card strong{font-size:var(--kl-type-body);margin-bottom:6px}.kl-categories .optB-card span{font-size:var(--kl-type-body-sm);line-height:1.45}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/kl-categories.css.map */