.kf-guides-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:28px}.kf-guides-empty{padding:48px 0;color:var(--kf-ink-soft);text-align:center}.kf-guide-meta{display:flex;flex-wrap:wrap;gap:10px;align-items:center;font-family:var(--kf-font-sans);font-size:1.248rem;color:var(--kf-ink-soft);margin-bottom:18px}.kf-guide-eyebrow{display:inline-block;font-weight:600;letter-spacing:var(--kf-eyebrow-tracking);text-transform:uppercase;color:var(--kf-accent)}.kf-guide-intro{font-size:1.68rem;line-height:1.6;color:var(--kf-ink-soft);max-width:680px;margin:0 0 28px}.kf-guide-products__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px;margin-top:16px}.kf-guide-related-articles__list{list-style:none;padding:0;margin:16px 0 0;display:flex;flex-direction:column;gap:8px}.kf-toc{border:1px solid var(--kf-border);border-radius:var(--kf-radius-card);padding:16px 20px;margin:0 0 32px;max-width:680px}.kf-toc summary{font-family:var(--kf-font-sans);font-weight:600;cursor:pointer}.kf-toc ol{margin:12px 0 0;padding-left:20px}.kf-toc a{color:var(--kf-ink-soft);text-decoration:underline;text-decoration-color:var(--kf-border)}@media(max-width:749px){.kf-guides-grid{grid-template-columns:1fr}}.kf-fg{background:var(--cream);padding-block:56px}.kf-fg__head--center{text-align:center;max-width:64ch;margin:0 auto 30px;display:flex;flex-direction:column;align-items:center;gap:6px}.kf-fg__head--center .kf-guide-eyebrow{text-transform:uppercase;letter-spacing:.12em}.kf-fg__title{margin:.1em 0}.kf-fg__intro{max-width:56ch;margin:0 auto}.kf-fg__cta{margin-top:16px}.kf-fg__carousel{position:relative}.kf-fg__track{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;padding:4px 2px 14px;scrollbar-width:thin}.kf-fg__track::-webkit-scrollbar{height:8px}.kf-fg__track::-webkit-scrollbar-thumb{background:var(--line-strong);border-radius:999px}.kf-fg__track::-webkit-scrollbar-track{background:transparent}.kf-fg__slide{flex:0 0 clamp(260px,30%,320px);scroll-snap-align:start}.kf-fg__slide .kf-card{height:100%}.kf-fg__arrow{position:absolute;top:38%;transform:translateY(-50%);z-index:2;width:42px;height:42px;border-radius:999px;border:1px solid var(--line-strong);background:var(--paper);color:var(--espresso);font-size:2.2rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-sm);transition:opacity .2s,border-color .2s,color .2s}.kf-fg__arrow--prev{left:-6px}.kf-fg__arrow--next{right:-6px}.kf-fg__arrow:disabled{opacity:0;pointer-events:none}.kf-fg__arrow:hover{border-color:var(--terracotta);color:var(--terracotta)}@media(max-width:749px){.kf-fg{padding-block:40px}.kf-fg__slide{flex-basis:82%}.kf-fg__arrow{display:none}}.kf-coll-guides{padding-block:44px;border-top:1px solid var(--line-strong);margin-top:20px}.kf-coll-guides .kf-section-title{margin:0 0 .2em}.kf-coll-guides .kf-guide-intro{margin:0 0 20px}.kf-guide-cta__btn{font-weight:600}.kf-guide-cta--inline{margin:28px 0;padding:18px 20px;border:1px solid var(--line-strong,#e5ded3);border-radius:var(--kf-radius-card,12px);background:var(--cream,#FBF7F0);text-align:center}.kf-guide-cta--inline .kf-guide-cta__btn{display:inline-block}.kf-guide-card__body{padding:1.4rem 1.6rem 1.6rem;display:flex;flex-direction:column;gap:.6rem;flex:1 1 auto}.kf-guide-card__excerpt{font-family:var(--kf-font-sans, var(--font-sans));font-size:1.36rem;line-height:1.5;color:var(--kf-ink-soft, var(--stone));margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.kf-guide-card__meta{margin:auto 0 0;font-size:1.25rem;color:var(--kf-ink-soft, var(--stone))}a.kf-card:focus-visible{outline:2px solid var(--kf-accent, var(--accent));outline-offset:-2px}.kf-card .kf-guide-eyebrow{color:var(--kf-accent-dark, var(--accent-dark));font-size:1.2rem}.kf-card .kf-guide-meta{color:var(--kf-ink-soft, var(--stone));font-size:1.25rem;margin-bottom:0}@media(max-width:700px){.kf-guide-card .kf-card__media{aspect-ratio:3/2}.kf-guide-card .kf-card__title{font-size:1.45rem;line-height:1.35}}.kf-fg__arrow{width:44px;height:44px}
/*# sourceMappingURL=/cdn/shop/t/3/assets/component-kifoni-guide.css.map */