/* Homepage — "Explore Categories" row
   Turns the flat, divider-line grid into individual rounded cards,
   matching the site's captured card recipe (10px radius, soft
   0 4px 12px shadow, accent #FA5114 hover). Scoped to
   .ttz-explore-categories only — doesn't touch any other row on the site. */

.ttz-explore-categories.row-solid .col:before,
.ttz-explore-categories.row-solid .col:after {
  display: none !important;
}

.ttz-explore-categories .col {
  padding: 8px !important;
}

.ttz-explore-categories .col-inner {
  background: #fff;
  border: 1px solid #f0f0f0;
  border-radius: 10px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.07);
  padding: 18px 12px 16px;
  height: 100%;
  transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}

.ttz-explore-categories .col-inner:hover {
  transform: translateY(-4px);
  box-shadow: 0 6px 16px rgba(250, 81, 20, 0.12);
  border-color: rgba(250, 81, 20, 0.35);
}

.ttz-explore-categories .img {
  background: linear-gradient(180deg, #fafafa, #f2f2f2);
  border-radius: 8px;
  overflow: hidden;
  padding: 10px;
}

.ttz-explore-categories .img-inner img {
  transition: transform 0.35s ease;
}

.ttz-explore-categories .col-inner:hover .img-inner img {
  transform: scale(1.06);
}

@media (max-width: 549px) {
  .ttz-explore-categories .col {
    padding: 5px !important;
  }

  .ttz-explore-categories .col-inner {
    padding: 12px 8px 10px;
  }

  .ttz-explore-categories .img {
    padding: 6px;
  }
}

/* "Explore Categories" heading — gradient text, using the site's own accent tones */
.ttz-gradient-heading {
  background: linear-gradient(90deg, #fa5114, #ff8a50);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: #fa5114;
}