/* Tripcore Public Styles */

.tripcore-products {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 20px;
    margin: 20px 0;
}

.tripcore-product {
    border: 1px solid #e5e7eb;
    padding: 20px;
    border-radius: 8px;
    background: #fff;
    display: flex;
    flex-direction: column;
    transition: transform 0.2s, box-shadow 0.2s;
}

.tripcore-product:hover { transform: translateY(-2px); box-shadow: 0 10px 20px rgba(0,0,0,0.05); }
.tripcore-product h3 { margin-top: 0; font-size: 1.25rem; margin-bottom: 10px; line-height: 1.3; }
.tripcore-meta { color: #6b7280; font-size: 0.9rem; margin-bottom: 15px; flex-grow: 1; }
.tripcore-price { font-weight: 700; color: #1fa64a; font-size: 1.2rem; margin-bottom: 15px; }
.tripcore-btn { display: inline-block; padding: 10px 20px; background: #2563eb; color: white !important; text-decoration: none; border-radius: 6px; text-align: center; font-weight: 500; transition: background 0.2s; }
.tripcore-btn:hover { background: #1d4ed8; }

/* Skeleton Loading / FOUC Prevention */
.tripcore-hide-until-loaded {
    visibility: hidden;
    background-color: #f3f4f6;
    color: transparent;
    border-radius: 4px;
}