/* Hotel-Tracker · WTC Hotel Deals — Karten im Hotel-Tracker-Stil
   Teal #0D9488 · weiße Karten · Border #e2e8f0 · Radius 18px */

.htwtc-wrap{max-width:1200px;margin:0 auto;padding:8px 0 4px;}
.htwtc-heading{font-size:26px;font-weight:700;color:#0f172a;text-align:center;margin:0 0 24px;line-height:1.2;}

.htwtc-grid{
	display:grid;
	grid-template-columns:repeat(var(--htwtc-cols,3),1fr);
	gap:22px;
}

.htwtc-card{
	display:flex;flex-direction:column;
	background:#fff;
	border:1px solid #e2e8f0;
	border-radius:18px;
	overflow:hidden;
	box-shadow:0 1px 2px rgba(15,23,42,.04);
	transition:box-shadow .18s ease, transform .18s ease;
}
.htwtc-card:hover{box-shadow:0 8px 24px rgba(15,23,42,.10);transform:translateY(-2px);}

.htwtc-thumb{display:block;position:relative;aspect-ratio:16/10;background:#f1f5f9;overflow:hidden;}
.htwtc-thumb img{width:100%;height:100%;object-fit:cover;display:block;}
.htwtc-thumb-ph{display:flex;align-items:center;justify-content:center;height:100%;font-size:40px;opacity:.5;}

.htwtc-body{display:flex;flex-direction:column;flex:1;padding:16px 18px 18px;}
.htwtc-date{font-size:12px;font-weight:600;letter-spacing:.03em;text-transform:uppercase;color:#0D9488;margin:0 0 6px;}
.htwtc-title{font-size:16px;line-height:1.35;font-weight:700;margin:0 0 8px;}
.htwtc-title a{color:#0f172a;text-decoration:none;}
.htwtc-title a:hover{color:#0D9488;}
.htwtc-excerpt{font-size:14px;line-height:1.5;color:#334155;margin:0 0 14px;}

.htwtc-cta{
	margin-top:auto;align-self:flex-start;
	display:inline-block;
	background:#0D9488;color:#fff !important;
	font-weight:600;font-size:14px;text-decoration:none;
	padding:9px 16px;border-radius:3px;
	transition:background .15s ease;
}
.htwtc-cta:hover{background:#0b7d72;}
.htwtc-cta span{transition:transform .15s ease;display:inline-block;}
.htwtc-cta:hover span{transform:translateX(3px);}

.htwtc-source{text-align:center;font-size:13px;color:#64748b;margin:22px 0 0;}
.htwtc-source a{color:#0D9488;text-decoration:none;font-weight:600;}
.htwtc-source a:hover{text-decoration:underline;}

.htwtc-note{padding:16px 18px;border:1px dashed #cbd5e1;border-radius:12px;color:#64748b;background:#f8fafc;text-align:center;}

/* Responsive */
@media (max-width:900px){ .htwtc-grid{grid-template-columns:repeat(2,1fr);gap:18px;} }
@media (max-width:600px){ .htwtc-grid{grid-template-columns:1fr;gap:16px;} .htwtc-heading{font-size:22px;} }