.page-id-921 .wp-block-navigation {
    display: none;
}
.page-id-921 .site-header {
    display: none !important;
}

/* ================================
   GENERAL CALLOUT BOX BASE STYLE
   ================================ */
.tcc-callout,
.tcc-product-callout {
  border: 1px solid #e1e1e1;
  border-radius: 12px;
  padding: 20px;
  margin: 32px 0;
  background: #fafafa;
}

/* Headings inside callouts */
.tcc-callout h2,
.tcc-product-callout h2,
.tcc-callout h3,
.tcc-product-callout h3 {
  margin-top: 0;
  margin-bottom: 16px;
  font-weight: 700;
  font-size: 1.25rem;
}

/* Lists inside callouts */
.tcc-callout ul,
.tcc-product-callout ul {
  padding-left: 20px;
  margin-top: 0;
}

/* List item spacing */
.tcc-callout li,
.tcc-product-callout li {
  margin-bottom: 8px;
}

/* ================================
   COLOR VARIANTS PER BOX TYPE
   ================================ */

/* PRO TIPS (green) */
.tcc-callout-pro-tips {
  border-color: #71b47a;
  background: #f3faf4;
}
.tcc-callout-pro-tips h2 {
  color: #3a8a47;
}

/* QUICK WINS (blue) */
.tcc-callout-quick-wins {
  border-color: #6ba5d8;
  background: #f3f9fd;
}
.tcc-callout-quick-wins h2 {
  color: #2e73a8;
}

/* MISTAKES TO AVOID (red) */
.tcc-callout-mistakes {
  border-color: #d88c8c;
  background: #fdf4f4;
}
.tcc-callout-mistakes h2 {
  color: #b44646;
}

/* CHECKLIST (neutral but bold) */
.tcc-callout-checklist {
  border-color: #c9c9c9;
  background: #ffffff;
}
.tcc-callout-checklist h2 {
  color: #333333;
}

/* ================================
   PRODUCT BOXES
   ================================ */

/* Base style for product callouts */
.tcc-product-callout {
  background: #fffdf7;
  border-color: #e5d9b6;
}

/* Product headings */
.tcc-product-callout h2,
.tcc-product-callout h3 {
  color: #8a6e3b;
}

/* Product link */
.tcc-product-callout a {
  color: #6a4f22;
  font-weight: 600;
  text-decoration: underline;
}

/* Add gentle hover effect */
.tcc-product-callout a:hover {
  opacity: 0.7;
}

/* ================================
   RESPONSIVE TWEAKS
   ================================ */

@media (max-width: 600px) {
  .tcc-callout,
  .tcc-product-callout {
    padding: 16px;
    margin: 24px 0;
    border-radius: 10px;
  }

  .tcc-callout h2,
  .tcc-product-callout h2 {
    font-size: 1.15rem;
  }
}
