/* ===== TTM HOMEPAGE STYLES ===== */

/* Hide the ttm-top-bar from page content (now in Flatsome topbar) */
.ttm-top-bar { display:none !important; }

/* Hero */
.ttm-hero h1 { font-size:48px !important; font-weight:900 !important; line-height:1.1 !important; text-transform:none !important; letter-spacing:-0.5px !important; }
.ttm-hero h1 span { color:#f5c518 !important; }
.ttm-hero .ttm-badge { display:inline-block; background:rgba(245,197,24,0.15); color:#f5c518; font-size:12px; font-weight:700; padding:6px 14px; border-radius:20px; text-transform:uppercase; letter-spacing:1px; }
.ttm-hero p.hero-desc { font-size:17px !important; color:#aaa !important; line-height:1.6 !important; }
.ttm-hero .button.primary { background:#f5c518 !important; color:#1a1a1a !important; border:none !important; padding:14px 32px !important; border-radius:10px !important; font-weight:700 !important; font-size:15px !important; text-transform:none !important; letter-spacing:0 !important; }
.ttm-hero .button.primary:hover { background:#e6b800 !important; }
.ttm-hero .button.secondary { background:transparent !important; color:#fff !important; border:2px solid rgba(255,255,255,0.3) !important; padding:14px 32px !important; border-radius:10px !important; font-weight:700 !important; font-size:15px !important; text-transform:none !important; letter-spacing:0 !important; }
.ttm-hero .button.secondary:hover { border-color:#fff !important; }

/* Stats row */
.ttm-stats { background:#1a1a1a !important; border-top:1px solid rgba(255,255,255,0.08) !important; }
.ttm-stats .row { margin-bottom:0 !important; }
.ttm-stat { background:rgba(255,255,255,0.06); padding:20px; border-radius:12px; border:1px solid rgba(255,255,255,0.1); text-align:center; }
.ttm-stat .number { font-size:30px; font-weight:800; color:#f5c518; display:block; line-height:1.2; }
.ttm-stat .label { font-size:13px; color:#888; }

/* Trust bar */
.ttm-trust { background:#fafafa !important; border-bottom:1px solid #eee !important; }
.ttm-trust .row { margin-bottom:0 !important; }

/* Section titles */
.ttm-title { text-align:center !important; margin-bottom:8px !important; }
.ttm-title h2 { font-size:34px !important; font-weight:800 !important; text-transform:none !important; letter-spacing:0 !important; color:#1a1a1a !important; text-align:center !important; }
.ttm-title h2 span { color:#f5c518 !important; }
.ttm-subtitle { text-align:center !important; color:#777 !important; font-size:16px !important; margin-top:0 !important; margin-bottom:35px !important; }

/* Category cards */
a.ttm-cat-card {
  display:block !important;
  background:#f8f8f8 !important;
  border-radius:16px !important;
  padding:28px 16px !important;
  text-align:center !important;
  transition:all .3s !important;
  border:2px solid transparent !important;
  text-decoration:none !important;
  margin-bottom:15px !important;
  color:#1a1a1a !important;
}
a.ttm-cat-card:hover {
  transform:translateY(-4px) !important;
  box-shadow:0 12px 32px rgba(0,0,0,0.08) !important;
  border-color:#f5c518 !important;
}
a.ttm-cat-card .emoji { display:block !important; margin-bottom:10px !important; text-align:center !important; }
a.ttm-cat-card .emoji img.emoji { width:36px !important; height:36px !important; display:inline-block !important; }

/* Category card product images */
a.ttm-cat-card img.ttm-cat-img {
  width:120px !important;
  height:120px !important;
  object-fit:contain !important;
  display:block !important;
  margin:0 auto 14px !important;
  border-radius:0 !important;
  background:transparent !important;
  mix-blend-mode:multiply !important;
}

/* Blade image: zoom in to crop whitespace */
a.ttm-cat-card[href*="blades"] img.ttm-cat-img {
  transform:scale(1.4) !important;
}

/* Make card fully white so blend works */
a.ttm-cat-card {
  background:#fff !important;
  padding:24px 16px 24px !important;
}
a.ttm-cat-card p { display:none !important; } /* Hide empty p from wpautop */
a.ttm-cat-card + .col-inner > p:empty,
a.ttm-cat-card ~ p { display:none !important; }

/* Hide orphan empty cards from wpautop */
.ttm-cat-card + a.ttm-cat-card { margin-top:0 !important; }
/* Hide empty cols that only contain wpautop p tags after cat cards */
.col .col-inner > a.ttm-cat-card ~ * { display:none !important; }
a.ttm-cat-card h3 { font-size:16px !important; font-weight:700 !important; margin:0 0 2px !important; text-transform:none !important; letter-spacing:0 !important; color:#1a1a1a !important; text-align:center !important; }
a.ttm-cat-card .count { font-size:12px !important; color:#999 !important; text-align:center !important; display:block !important; }

/* Products */
.ttm-products .product-small { border-radius:12px !important; overflow:hidden !important; border:1px solid #eee !important; transition:all .3s !important; }
.ttm-products .product-small:hover { transform:translateY(-4px) !important; box-shadow:0 8px 24px rgba(0,0,0,0.1) !important; }
.ttm-products .add_to_cart_button { background:#2c2c2c !important; color:#fff !important; border-radius:8px !important; text-transform:none !important; letter-spacing:0 !important; border:none !important; }
.ttm-products .add_to_cart_button:hover { background:#f5c518 !important; color:#1a1a1a !important; }

/* View All */
.ttm-viewall .button { background:#f5c518 !important; color:#1a1a1a !important; border:none !important; padding:14px 36px !important; border-radius:10px !important; font-weight:700 !important; font-size:15px !important; text-transform:none !important; letter-spacing:0 !important; }
.ttm-viewall .button:hover { background:#e6b800 !important; }

/* Brands */
.ttm-brand {
  display:block !important;
  background:#fff !important;
  padding:15px 8px !important;
  border-radius:12px !important;
  font-size:15px !important;
  font-weight:700 !important;
  color:#555 !important;
  border:1px solid #eee !important;
  text-align:center !important;
  transition:all .2s !important;
  margin-bottom:12px !important;
}
.ttm-brand:hover { border-color:#f5c518 !important; color:#1a1a1a !important; transform:scale(1.05) !important; }
.ttm-brand a { color:inherit !important; text-decoration:none !important; }

/* Why cards */
.ttm-why-card {
  text-align:center !important;
  padding:32px 20px !important;
  border-radius:16px !important;
  background:#fff !important;
  border:1px solid #eee !important;
  transition:all .3s !important;
  margin-bottom:15px !important;
}
.ttm-why-card:hover { transform:translateY(-4px) !important; box-shadow:0 12px 32px rgba(0,0,0,0.06) !important; }
.ttm-why-card .emoji { display:block !important; text-align:center !important; margin-bottom:12px !important; }
.ttm-why-card .emoji img.emoji { width:34px !important; height:34px !important; display:inline-block !important; }
.ttm-why-card > p:empty { display:none !important; } /* Hide empty p from wpautop */
.ttm-why-card h3 { font-size:16px !important; font-weight:700 !important; margin-bottom:8px !important; text-transform:none !important; letter-spacing:0 !important; color:#1a1a1a !important; text-align:center !important; }
.ttm-why-card p { font-size:13px !important; color:#777 !important; line-height:1.6 !important; text-align:center !important; }

/* CTA */
.ttm-cta h2 { font-size:38px !important; font-weight:900 !important; color:#fff !important; text-transform:none !important; letter-spacing:0 !important; }
.ttm-cta h2 span { color:#f5c518 !important; }
.ttm-cta p { font-size:17px !important; color:#aaa !important; }
.ttm-cta .button { background:#f5c518 !important; color:#1a1a1a !important; border:none !important; padding:16px 40px !important; border-radius:10px !important; font-weight:700 !important; font-size:16px !important; text-transform:none !important; letter-spacing:0 !important; }
.ttm-cta .button:hover { background:#e6b800 !important; }

/* Newsletter */
.ttm-newsletter h3 { font-size:22px !important; font-weight:800 !important; color:#1a1a1a !important; text-transform:none !important; letter-spacing:0 !important; margin:0 !important; }
.ttm-nl-form { display:flex !important; gap:10px !important; align-items:center !important; }
.ttm-nl-form input[type="email"] { flex:1 !important; padding:14px 20px !important; border:none !important; border-radius:10px !important; font-size:15px !important; outline:none !important; min-width:200px !important; }
.ttm-nl-form button { padding:14px 28px !important; background:#1a1a1a !important; color:#fff !important; border:none !important; border-radius:10px !important; font-weight:700 !important; font-size:14px !important; cursor:pointer !important; white-space:nowrap !important; }
.ttm-nl-form button:hover { background:#333 !important; }

/* ===== MOBILE (max-width: 849px) ===== */
@media (max-width: 849px) {

  /* Hero */
  .ttm-hero h1 { font-size:28px !important; }
  .ttm-hero .ttm-badge { font-size:10px !important; padding:5px 10px !important; }
  .ttm-hero p.hero-desc { font-size:14px !important; }
  .ttm-hero .button.primary,
  .ttm-hero .button.secondary {
    padding:12px 24px !important;
    font-size:13px !important;
    display:block !important;
    text-align:center !important;
    width:100% !important;
    margin-bottom:8px !important;
  }

  /* Stats */
  .ttm-stat .number { font-size:22px !important; }
  .ttm-stat .label { font-size:11px !important; }

  /* Section titles */
  .ttm-title h2 { font-size:24px !important; }
  .ttm-subtitle { font-size:14px !important; margin-bottom:24px !important; }

  /* Category cards */
  a.ttm-cat-card { padding:18px 12px !important; }
  a.ttm-cat-card img.ttm-cat-img { width:70px !important; height:70px !important; }
  a.ttm-cat-card[href*="blades"] img.ttm-cat-img { transform:scale(1.3) !important; }
  a.ttm-cat-card h3 { font-size:13px !important; }

  /* Why cards */
  .ttm-why-card { padding:24px 16px !important; }
  .ttm-why-card h3 { font-size:15px !important; }
  .ttm-why-card p { font-size:12px !important; }
  .ttm-why-card .emoji { font-size:28px !important; }

  /* Brands */
  .ttm-brand { padding:12px 6px !important; font-size:13px !important; }

  /* CTA */
  .ttm-cta h2 { font-size:24px !important; }
  .ttm-cta p { font-size:14px !important; }
  .ttm-cta .button { padding:12px 28px !important; font-size:14px !important; }

  /* Newsletter: stack vertically */
  .ttm-newsletter h3 { font-size:18px !important; text-align:center !important; margin-bottom:12px !important; }
  .ttm-nl-form { flex-direction:column !important; width:100% !important; }
  .ttm-nl-form input[type="email"] { min-width:0 !important; width:100% !important; }
  .ttm-nl-form button { width:100% !important; }
}