.kc-boi-s2{--font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--bg: #F7F7F7;--card-bg: #FFFFFF;--card-border: #EDE8E8;--text-primary: #121212;--text-body: #3D3535;--text-muted: #6B6060;--orange: #F3654A;--orange-light: #FEF0ED;--teal: #0D9488;--teal-light: #EDFAF8;--green: #16A34A;--green-light: #F0FDF4;--purple: #7C3AED;--purple-light: #F5F3FF;--blue: #2563EB;--blue-light: #EFF6FF;--navy: #1E3A5F;--navy-light: #EEF3FA;--amber: #D97706;--amber-light: #FFFBEB;--rose: #E11D48;--rose-light: #FFF1F2;--slate: #475569;--slate-light: #F1F5F9;--border: #E8E3E3;--radius: 12px;--radius-sm: 8px;--radius-pill: 100px;--shadow: 0 1px 3px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.04);--shadow-md: 0 4px 16px rgba(0,0,0,.09), 0 2px 6px rgba(0,0,0,.05);--transition: .22s cubic-bezier(.4, 0, .2, 1)}.kc-boi-s2{background-color:var(--bg);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased;padding:72px 0 80px}.kc-boi-s2__container{max-width:1200px;margin:0 auto;padding:0 40px;display:flex;flex-direction:column;gap:64px}[data-animate]{opacity:0;transform:translateY(18px)}[data-animate].kc-boi--visible{opacity:1;transform:translateY(0);transition:opacity .5s ease,transform .5s ease}@media(prefers-reduced-motion:reduce){[data-animate]{opacity:1;transform:none}[data-animate].kc-boi--visible{transition:none}}.kc-boi-s2__filter-bar{position:sticky;top:0;z-index:10;background:#f7f7f7f5;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-bottom:1px solid var(--border);margin:-72px -40px 0;padding:0 40px;opacity:1!important;transform:none!important}.kc-boi-s2__filter-inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;gap:16px;padding:12px 0;flex-wrap:wrap}.kc-boi-s2__filter-label{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);white-space:nowrap;flex-shrink:0}.kc-boi-s2__filter-pills{display:flex;gap:6px;flex-wrap:wrap}.kc-boi-s2__filter-btn{display:inline-flex;align-items:center;padding:5px 14px;border-radius:var(--radius-pill);font-family:var(--font);font-size:12px;font-weight:600;border:1.5px solid var(--border);background:var(--card-bg);color:var(--text-body);cursor:pointer;transition:background var(--transition),border-color var(--transition),color var(--transition);white-space:nowrap}.kc-boi-s2__filter-btn:hover{border-color:var(--orange);color:var(--orange)}.kc-boi-s2__filter-btn:focus-visible{outline:3px solid var(--orange);outline-offset:2px}.kc-boi-s2__filter-btn--active{background:var(--navy);border-color:var(--navy);color:#fff}.kc-boi-s2__filter-btn--pc.kc-boi-s2__filter-btn--active{background:var(--orange);border-color:var(--orange)}.kc-boi-s2__filter-btn--cc.kc-boi-s2__filter-btn--active{background:var(--teal);border-color:var(--teal)}.kc-boi-s2__filter-btn--ro.kc-boi-s2__filter-btn--active{background:var(--navy);border-color:var(--navy)}.kc-boi-s2__filter-count{font-size:11px;font-weight:600;color:var(--text-muted);margin-left:auto;white-space:nowrap}.kc-boi-s2__category{display:flex;flex-direction:column;gap:24px;scroll-margin-top:60px}.kc-boi-s2__cat-header{display:flex;align-items:baseline;flex-wrap:wrap;gap:10px 16px;padding-bottom:16px;border-bottom:2px solid var(--border)}.kc-boi-s2__cat-badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:var(--radius-pill);font-size:9px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;flex-shrink:0}.kc-boi-s2__cat-badge--cannabinoid{background:var(--orange-light);color:var(--orange)}.kc-boi-s2__cat-badge--terpene{background:var(--purple-light);color:var(--purple)}.kc-boi-s2__cat-badge--essential-oil{background:var(--teal-light);color:var(--teal)}.kc-boi-s2__cat-badge--botanical{background:var(--green-light);color:var(--green)}.kc-boi-s2__cat-badge--carrier{background:var(--blue-light);color:var(--blue)}.kc-boi-s2__cat-badge--active{background:var(--navy-light);color:var(--navy)}.kc-boi-s2__cat-badge--skin{background:var(--amber-light);color:var(--amber)}.kc-boi-s2__cat-badge--emulsifier{background:var(--slate-light);color:var(--slate)}.kc-boi-s2__cat-badge--preservative{background:var(--rose-light);color:var(--rose)}.kc-boi-s2__cat-title{font-size:clamp(18px,1.8vw,24px);font-weight:600;color:var(--text-primary);letter-spacing:-.02em;margin:0}.kc-boi-s2__cat-desc{font-size:14px;color:var(--text-muted);line-height:1.6;margin:0;flex:1 1 100%;max-width:760px}.kc-boi-s2__cat-count{font-size:11px;font-weight:600;color:var(--text-muted);background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-pill);padding:3px 10px;white-space:nowrap;margin-left:auto;flex-shrink:0}.kc-boi-s2__grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.kc-boi-s2__card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius);padding:22px 20px 20px;display:flex;flex-direction:column;gap:10px;box-shadow:var(--shadow);transition:box-shadow var(--transition),transform var(--transition);opacity:0;transform:translateY(16px)}.kc-boi-s2__card.kc-boi--visible{opacity:1;transform:translateY(0);transition:opacity .45s ease,transform .45s ease,box-shadow var(--transition)}.kc-boi-s2__card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.kc-boi-s2__card--cannabinoid{border-top:3px solid var(--orange)}.kc-boi-s2__card--terpene{border-top:3px solid var(--purple)}.kc-boi-s2__card--essential-oil{border-top:3px solid var(--teal)}.kc-boi-s2__card--botanical{border-top:3px solid var(--green)}.kc-boi-s2__card--carrier{border-top:3px solid var(--blue)}.kc-boi-s2__card--active{border-top:3px solid var(--navy)}.kc-boi-s2__card--skin{border-top:3px solid var(--amber)}.kc-boi-s2__card--emulsifier{border-top:3px solid var(--slate)}.kc-boi-s2__card--preservative{border-top:3px solid var(--rose)}.kc-boi-s2__badge{display:inline-block;font-size:9px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;padding:3px 8px;border-radius:var(--radius-pill);align-self:flex-start}.kc-boi-s2__card--cannabinoid .kc-boi-s2__badge{background:var(--orange-light);color:var(--orange)}.kc-boi-s2__card--terpene .kc-boi-s2__badge{background:var(--purple-light);color:var(--purple)}.kc-boi-s2__card--essential-oil .kc-boi-s2__badge{background:var(--teal-light);color:var(--teal)}.kc-boi-s2__card--botanical .kc-boi-s2__badge{background:var(--green-light);color:var(--green)}.kc-boi-s2__card--carrier .kc-boi-s2__badge{background:var(--blue-light);color:var(--blue)}.kc-boi-s2__card--active .kc-boi-s2__badge{background:var(--navy-light);color:var(--navy)}.kc-boi-s2__card--skin .kc-boi-s2__badge{background:var(--amber-light);color:var(--amber)}.kc-boi-s2__card--emulsifier .kc-boi-s2__badge{background:var(--slate-light);color:var(--slate)}.kc-boi-s2__card--preservative .kc-boi-s2__badge{background:var(--rose-light);color:var(--rose)}.kc-boi-s2__product-chips{display:flex;gap:4px;flex-wrap:wrap}.kc-boi-s2__chip{display:inline-flex;align-items:center;justify-content:center;width:24px;height:18px;border-radius:4px;font-size:8px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;cursor:default}.kc-boi-s2__chip--pc{background:var(--orange-light);color:var(--orange);border:1px solid rgba(243,101,74,.3)}.kc-boi-s2__chip--cc{background:var(--teal-light);color:var(--teal);border:1px solid rgba(13,148,136,.3)}.kc-boi-s2__chip--ro{background:var(--navy-light);color:var(--navy);border:1px solid rgba(30,58,95,.3)}.kc-boi-s2__name{font-size:16px;font-weight:700;color:var(--text-primary);letter-spacing:-.01em;margin:0;line-height:1.2}.kc-boi-s2__inci{font-size:11px;font-weight:500;color:var(--text-muted);font-style:italic;margin:-4px 0 0}.kc-boi-s2__role{font-size:13px;color:var(--text-body);line-height:1.65;margin:0;flex:1}.kc-boi-s2__why{background:var(--bg);border-radius:var(--radius-sm);padding:10px 12px;display:flex;flex-direction:column;gap:4px;margin-top:auto}.kc-boi-s2__why-label{font-size:9px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted)}.kc-boi-s2__why-text{font-size:12px;font-weight:500;color:var(--text-body);line-height:1.5;margin:0;font-style:italic}.kc-boi-s2__bottom-strip{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius);padding:28px 32px;display:flex;align-items:center;gap:24px;flex-wrap:wrap;box-shadow:var(--shadow)}.kc-boi-s2__bottom-strip-text{font-size:15px;font-weight:600;color:var(--text-primary);margin:0;flex-shrink:0}.kc-boi-s2__bottom-strip-links{display:flex;gap:16px;flex-wrap:wrap;margin-left:auto}.kc-boi-s2__strip-link{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--teal);text-decoration:none;transition:color var(--transition),gap var(--transition)}.kc-boi-s2__strip-link svg{width:14px;height:14px;flex-shrink:0;transition:transform var(--transition)}.kc-boi-s2__strip-link:hover{color:var(--orange)}.kc-boi-s2__strip-link:hover svg{transform:translate(3px)}.kc-boi-s2__strip-link:focus-visible{outline:3px solid var(--orange);outline-offset:2px;border-radius:2px}@media screen and (max-width:1400px){.kc-boi-s2__grid{grid-template-columns:repeat(3,1fr)}}@media screen and (max-width:1024px){.kc-boi-s2__grid{grid-template-columns:repeat(2,1fr)}.kc-boi-s2__container{gap:48px}}@media screen and (max-width:768px){.kc-boi-s2{padding:48px 0 56px}.kc-boi-s2__container{padding:0 20px;gap:40px}.kc-boi-s2__filter-bar{margin:-48px -20px 0;padding:0 20px}.kc-boi-s2__grid{grid-template-columns:repeat(2,1fr);gap:12px}.kc-boi-s2__cat-count{margin-left:0}.kc-boi-s2__bottom-strip{flex-direction:column;align-items:flex-start;gap:16px;padding:20px}.kc-boi-s2__bottom-strip-links{margin-left:0;flex-direction:column;gap:10px}}@media screen and (max-width:480px){.kc-boi-s2__grid{grid-template-columns:1fr}.kc-boi-s2__filter-inner{gap:10px}.kc-boi-s2__filter-count{display:none}}
/*# sourceMappingURL=/cdn/shop/t/64/assets/section-kc-boi-s2-cards.css.map */