/* Bot R6 — product long-form feature blocks (_tk_feature_html). Values from timekettle.co theme.css / section styles. */
.tkf{--tkf-heading:#333;--tkf-text:#666;--tkf-primary:#3456e6;--tkf-bg-alt:#f5f5f5;--tkf-radius:16px;--tkf-gap:30px;color:var(--tkf-text);font-size:16px;line-height:1.6}
.tkf *{box-sizing:border-box}
.tkf img,.tkf video{display:block;width:100%;height:auto;border-radius:var(--tkf-radius)}
.tkf picture{display:block}
.tkf h2{color:var(--tkf-heading);font-size:40px;line-height:1.25;font-weight:700;margin:0 0 15px;letter-spacing:-.01em}
.tkf h3{color:var(--tkf-heading);font-size:24px;line-height:1.35;font-weight:700;margin:0 0 10px}
.tkf p{margin:0 0 12px}
.tkf p:last-child{margin-bottom:0}
.tkf ul{margin:0 0 12px;padding-left:1.2em}
.tkf li{margin:0 0 6px}
.tkf strong{color:var(--tkf-heading)}
.tkf .tkf-eyebrow{color:var(--tkf-primary);font-size:14px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;margin-bottom:10px}
.tkf .tkf-lead{font-size:18px}

.tkf-block{max-width:1200px;margin:0 auto;padding:60px 20px}
.tkf-block + .tkf-block{padding-top:20px}
.tkf-block--alt{max-width:none;background:var(--tkf-bg-alt)}
.tkf-block--alt > *{max-width:1160px;margin-left:auto;margin-right:auto}

/* Media + text, side by side (source: .media-text-card grid 50/50 or 60/40) */
.tkf-block--left,.tkf-block--right{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:50px;align-items:center}
.tkf-block--right > .tkf-media{order:2}
.tkf-block--right{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr)}

/* Full width: centered header + media/grid below */
.tkf-block--full{text-align:center}
.tkf-block--full > .tkf-text{max-width:860px;margin:0 auto 30px}
.tkf-block--full > .tkf-media{margin-top:10px}
.tkf-block--full .tkf-grid,.tkf-block--full .tkf-grid .tkf-text{text-align:left}
.tkf-block--full > .tkf-text:last-child{margin-bottom:0}

/* Edge-to-edge banner (source: image_with_text_overlay full_width) */
.tkf-block--banner{max-width:none;padding:0}
.tkf-block--banner img,.tkf-block--banner video{border-radius:0}
.tkf-block--banner + .tkf-block{padding-top:60px}

/* Card grid (source: collection_overview / aa_text_card / image_overlay_card) */
.tkf-grid{display:grid;grid-template-columns:repeat(var(--tkf-cols,3),minmax(0,1fr));gap:var(--tkf-gap)}
.tkf-grid--2{--tkf-cols:2}
.tkf-grid--4{--tkf-cols:4}
.tkf-card{background:#fff;border-radius:var(--tkf-radius);overflow:hidden;display:flex;flex-direction:column}
.tkf-block--alt .tkf-card{background:#fff}
.tkf-card > .tkf-media img,.tkf-card > .tkf-media video{border-radius:0;aspect-ratio:auto}
.tkf-card > .tkf-text{padding:24px}
.tkf-card h3{font-size:20px}
.tkf-grid--plain .tkf-card{background:none;border-radius:0}
.tkf-grid--plain .tkf-card > .tkf-media img{border-radius:var(--tkf-radius)}
.tkf-grid--plain .tkf-card > .tkf-text{padding:20px 0 0}

/* Icon list (source: icon_box) */
.tkf-icons .tkf-card{background:none;align-items:center;text-align:center}
.tkf-icons .tkf-media img{width:64px;height:64px;object-fit:contain;border-radius:0;margin:0 auto}
.tkf-icons .tkf-card > .tkf-text{padding:15px 0 0;text-align:center}

.tkf-media{position:relative}
.tkf-note{font-size:13px;color:#999;margin-top:10px}

@media (hover:hover){
  .tkf-card > .tkf-media{overflow:hidden}
  .tkf-card > .tkf-media img{transition:transform .6s ease}
  .tkf-card:hover > .tkf-media img{transform:scale(1.04)}
}

@media (max-width:1024px){
  .tkf h2{font-size:32px}
  .tkf-grid--4{--tkf-cols:2}
}
@media (max-width:767px){
  .tkf{font-size:15px}
  .tkf h2{font-size:26px}
  .tkf h3{font-size:20px}
  .tkf-block{padding:40px 16px}
  .tkf-block--banner{padding:0}
  .tkf-block--left,.tkf-block--right{grid-template-columns:1fr;gap:24px}
  .tkf-block--right > .tkf-media{order:0}
  .tkf-grid{--tkf-cols:1;gap:20px}
  .tkf-grid--4,.tkf-icons{--tkf-cols:2}
  .tkf-card > .tkf-text{padding:18px}
}