.mini_card_container_design {
    background: var(--card-bg);
    padding:var(--padding-md);
    height:100%;
    border-radius: var(--radius-sm);
    border: 1px solid #bcbcbc;
}

.highlight-textblock {
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--color-accent);
  width: max-content;
  background: #fff6c5;
  padding: 2px 7px;
  border-radius: var(--radius-sm);
  height: min-content;
}

.card-title-highlight {
    font-size: 0.9rem;
    font-weight: 600;
    color: var(--color-dark);
    margin-bottom: 8px;
    line-height: 1.3;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    display: -webkit-box;
}

.card-desc-text { 
    line-height: 1.5; 
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    display: -webkit-box;
    color: #8a8a8a !important;
    font-size: 0.8rem !important;
}

.read-more { 
  font-size: 0.78rem; font-weight: 600; color: var(--color-primary); display: flex; align-items: center; gap: 4px; 
}
.read-more:hover { color: var(--color-accent); }

.page-hero-bar-inner {
    overflow: hidden;
    width: 100%;
}

.phb-marquee-track {
    display: flex;
    width: max-content;
    animation: phb-scroll 70s linear infinite;
    gap: 2rem; /* spacing between items */
}

.phb-marquee-track:hover {
    animation-play-state: paused; /* pauses on hover - remove if unwanted */
}

@keyframes phb-scroll {
    0%   { transform: translateX(0); }
    100% { transform: translateX(-50%); } /* -50% because items are doubled */
}

/* Keep your existing item styles unchanged */
.phb-trust-simple {
    display: flex;
    align-items: center;
    white-space: nowrap;
    padding: 0 2rem; /* spacing between items */
}


.adn-page-modal__spinner {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 12px;
    min-height: 500px;
    color: #6b7280;
    font-size: 0.9rem;
}
.adn-page-modal__spinner-icon {
    width: 36px;
    height: 36px;
    border: 3px solid #e5e7eb;
    border-top-color: var(--client-color);
    border-radius: 50%;
    animation: adn-modal-spin 0.7s linear infinite;
}
@keyframes adn-modal-spin {
    to { transform: rotate(360deg); }
}