.cookie-alert {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 999;
  border-radius: 0;
}

/* ── Homepage: Category header on TOP, 4 tools per row ── */

/* Stack category title above tools (override the default side-by-side flex) */
.content-sec .content-sec-inner {
  flex-direction: column !important;
}

/* Make category title full-width and horizontal (icon + text inline) */
.content-sec .content-sec-inner .content-title-sec {
  width: 100% !important;
  flex-direction: row !important;
  align-items: center !important;
  margin-bottom: 28px !important;
  padding-bottom: 18px;
  border-bottom: 2px solid rgba(76, 63, 242, 0.12);
}

.content-sec .content-sec-inner .content-title-sec .content-title-icon {
  margin-bottom: 0 !important;
  margin-right: 16px;
  flex-shrink: 0;
}

/* Make tool grid full-width */
.content-sec .content-sec-inner .content-cats-sec {
  width: 100% !important;
  flex: unset !important;
}

/* 4 columns on desktop */
.content-sec .content-sec-inner .content-cats-sec .content-cats-col {
  flex: 0 0 25% !important;
  width: 25% !important;
}

/* 3 columns on tablet-wide (≤1200px) */
@media (max-width: 1200px) {
  .content-sec .content-sec-inner .content-cats-sec .content-cats-col {
    flex: 0 0 33.333% !important;
    width: 33.333% !important;
  }
}

/* 2 columns on tablet (≤768px) */
@media (max-width: 768px) {
  .content-sec .content-sec-inner .content-cats-sec .content-cats-col {
    flex: 0 0 50% !important;
    width: 50% !important;
  }
}

/* 1 column on phone (≤480px) */
@media (max-width: 480px) {
  .content-sec .content-sec-inner .content-cats-sec .content-cats-col {
    flex: 0 0 100% !important;
    width: 100% !important;
    padding: 0 !important;
  }
}

/* reCAPTCHA Global Styles */
.tool-recaptcha-wrapper {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: 1.5rem;
    margin-bottom: 1rem;
}

.tool-recaptcha-wrapper .recaptcha-error-msg {
    order: 2;
}

.tool-recaptcha-wrapper .g-recaptcha {
    order: 1;
}