/* SEO content pages: Türkei-Roaming, Ay Yıldız Erfahrungen, Cashback (owner: seo-content agent).
   Builds on main.css + pages.css tokens/components. */

/* Hero side panel with key numbers */
.sc-panel{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);border-radius:var(--r-xl);padding:clamp(20px,2.4vw,28px);color:#fff;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.sc-panel__kicker{display:block;font-size:var(--fs-xs);font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#a5b4cb;margin-bottom:12px}
.sc-panel__big{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.sc-panel__big strong{font-size:clamp(2.6rem,2rem + 2vw,3.6rem);font-weight:800;line-height:1;color:#fff;letter-spacing:-.03em}
.sc-panel__big span{color:#cbd5e1;font-weight:600}
.sc-panel .stars svg{width:22px;height:22px}
.sc-panel .stars__bg svg{fill:rgba(255,255,255,.22)}
.sc-panel__meta{margin:10px 0 0;color:#cbd5e1;font-size:var(--fs-sm)}
.sc-panel__list{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.sc-panel__list li{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:14px;background:rgba(255,255,255,.06);font-weight:600;font-size:.95rem}
.sc-panel__list svg{width:20px;height:20px;flex:none;color:var(--c-yellow)}
.sc-panel__list small{display:block;font-weight:500;color:#cbd5e1}

/* Rating distribution bars */
.sc-dist{list-style:none;margin:18px 0 0;padding:0;display:grid;gap:6px}
.sc-dist li{display:grid;grid-template-columns:3.2em 1fr 2.4em;align-items:center;gap:10px;font-size:var(--fs-sm);color:#cbd5e1}
.sc-dist__bar{height:8px;border-radius:99px;background:rgba(255,255,255,.14);overflow:hidden}
.sc-dist__bar i{display:block;height:100%;border-radius:inherit;background:var(--c-yellow)}
.sc-dist li span:last-child{text-align:right}

/* Quick facts */
.sc-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:16px;margin-top:calc(-1 * clamp(40px,6vw,72px));position:relative;z-index:2}
.sc-fact{background:#fff;border:1px solid var(--c-line);border-radius:var(--r-lg);padding:20px;box-shadow:var(--sh);display:flex;gap:14px;align-items:flex-start}
.sc-fact .icon-tile{margin:0;flex:none;width:46px;height:46px;border-radius:12px;background:var(--c-red-50);color:var(--c-red)}
.sc-fact:nth-child(2) .icon-tile{background:var(--c-bg-tint);color:var(--c-blue)}
.sc-fact:nth-child(3) .icon-tile{background:#e7f7ee;color:var(--c-green)}
.sc-fact:nth-child(4) .icon-tile{background:#fff6d6;color:#a87700}
.sc-fact strong{display:block;color:var(--c-ink);line-height:1.3;margin-bottom:4px}
.sc-fact p{margin:0;font-size:var(--fs-sm);color:var(--c-muted);line-height:1.5}

/* Prose card (post content) */
.sc-prose{max-width:860px;margin-inline:auto}
.sc-prose.content-card{margin-top:0}
.sc-prose h2{font-size:clamp(1.35rem,1.15rem + .8vw,1.8rem);margin-top:1.6em}
.sc-prose h2:first-child{margin-top:0}
.sc-prose a{text-decoration:underline;text-underline-offset:2px}

/* Data tables */
.sc-table{overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--c-line);border-radius:var(--r-lg);background:#fff;box-shadow:var(--sh-sm)}
.sc-table table{width:100%;min-width:640px;border-collapse:collapse;font-size:.95rem}
.sc-table th,.sc-table td{padding:14px 16px;text-align:left;border-bottom:1px solid var(--c-line);vertical-align:top}
.sc-table thead th{background:var(--c-navy);color:#fff;font-size:.8rem;font-weight:700;letter-spacing:.02em;line-height:1.3;vertical-align:bottom}
.sc-table tbody tr:last-child th,.sc-table tbody tr:last-child td{border-bottom:0}
.sc-table tbody tr:nth-child(even){background:var(--c-bg-soft)}
.sc-table tbody th{color:var(--c-ink);font-weight:700;min-width:180px}
.sc-table tbody th a{color:var(--c-ink);text-decoration:underline;text-underline-offset:2px}
.sc-table td.num,.sc-table th.num{text-align:right}
.sc-table td.num{white-space:nowrap}
.sc-table .sc-price{font-weight:800;color:var(--c-ink);white-space:nowrap}
.sc-table .sc-cb{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:99px;background:var(--c-yellow);color:var(--c-ink);font-weight:800;white-space:nowrap}
.sc-table .sc-eff{font-weight:800;color:var(--c-green);white-space:nowrap}
.sc-table small{display:block;color:var(--c-muted);font-size:.8rem;font-weight:500}
.sc-source{margin:14px 0 0;font-size:.82rem;color:var(--c-muted);line-height:1.5}
.sc-source a{text-decoration:underline;text-underline-offset:2px}

/* Two-column split */
.sc-split{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(24px,4vw,56px);align-items:start}
@media (max-width:900px){.sc-split{grid-template-columns:1fr}}
.sc-split .checklist li{margin-bottom:10px}

/* Steps */
.sc-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:18px;counter-reset:sc}
.sc-step{position:relative;background:#fff;border:1px solid var(--c-line);border-radius:var(--r-lg);padding:26px 22px 22px;box-shadow:var(--sh-sm);counter-increment:sc}
.sc-step::before{content:counter(sc);display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--grad-red);color:#fff;font-weight:800;margin-bottom:14px}
.sc-step h3{font-size:1.1rem;margin-bottom:.4em}
.sc-step p{margin:0;color:var(--c-muted);font-size:.95rem}

/* Theme cards (Erfahrungen) */
.sc-themes{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:18px}
.sc-theme{background:#fff;border:1px solid var(--c-line);border-radius:var(--r-lg);padding:22px;box-shadow:var(--sh-sm);display:flex;flex-direction:column}
.sc-theme .icon-tile{background:var(--c-red-50);color:var(--c-red)}
.sc-theme h3{font-size:1.08rem;margin-bottom:4px}
.sc-theme__n{font-size:var(--fs-sm);color:var(--c-muted);margin:0 0 12px}
.sc-theme__n strong{color:var(--c-ink)}
.sc-theme blockquote{margin:auto 0 0;padding:12px 14px;border-left:3px solid var(--c-teal);background:var(--c-bg-soft);border-radius:0 10px 10px 0;font-size:.92rem;color:var(--c-text)}
.sc-theme blockquote footer{margin-top:6px;font-size:.78rem;color:var(--c-muted)}

/* Review list (re-uses .review-card from shop.css) */
.sc-filter{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:22px}
.sc-filter button{display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:8px 14px;border-radius:999px;border:1px solid var(--c-line);background:#fff;color:var(--c-ink);font:inherit;font-size:var(--fs-sm);font-weight:700;cursor:pointer}
.sc-filter button span{color:var(--c-muted);font-weight:600}
.sc-filter button.is-active{background:var(--c-navy);border-color:var(--c-navy);color:#fff}
.sc-filter button.is-active span{color:#cbd5e1}
.sc-review .review-card__tariff{display:inline-block;margin-top:2px;font-size:.78rem;color:var(--c-muted)}
.sc-review .review-card__tariff a{color:var(--c-blue)}
.sc-review__reply{margin-top:12px;padding:10px 12px;border-radius:10px;background:var(--c-bg-tint);font-size:.88rem}
.sc-review__reply strong{display:block;font-size:.78rem;color:var(--c-blue);margin-bottom:2px}
.sc-review__lang{font-size:.72rem;color:var(--c-muted);margin-left:6px}
.sc-more{text-align:center}
.sc-verify{display:flex;gap:16px;align-items:flex-start;background:#fff;border:1px solid var(--c-line);border-radius:var(--r-lg);padding:clamp(18px,2.4vw,26px);box-shadow:var(--sh-sm)}
.sc-verify .icon-tile{margin:0;flex:none;background:#e7f7ee;color:var(--c-green)}
.sc-verify h3{font-size:1.1rem;margin-bottom:.35em}
.sc-verify p{margin:0 0 .5em;color:var(--c-text)}
.sc-verify p:last-child{margin-bottom:0}
.sc-verify a{text-decoration:underline;text-underline-offset:2px}

/* Option cards (Türkei) */
.sc-opts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.sc-opts .sc-opt--hl{grid-row:span 2}
@media (max-width:900px){.sc-opts{grid-template-columns:repeat(2,minmax(0,1fr))}.sc-opts .sc-opt--hl{grid-row:auto;grid-column:1/-1}}
@media (max-width:560px){.sc-opts{grid-template-columns:1fr}}
.sc-opt{position:relative;background:#fff;border:1px solid var(--c-line);border-radius:var(--r-lg);padding:22px;box-shadow:var(--sh-sm);display:flex;flex-direction:column}
.sc-opt__head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:10px}
.sc-opt h3{font-size:1.05rem;margin:0}
.sc-opt__price{flex:none;font-weight:800;color:var(--c-ink);text-align:right;line-height:1.1}
.sc-opt__price small{display:block;font-size:.72rem;font-weight:600;color:var(--c-muted)}
.sc-opt p{margin:0;font-size:.93rem;color:var(--c-muted)}
.sc-opt--hl{border-color:var(--c-red);box-shadow:0 0 0 3px var(--c-red-50),var(--sh-sm);background:linear-gradient(180deg,#fff 0%,#fff8f8 100%)}
.sc-opt--hl h3{font-size:1.3rem}
.sc-opt--hl .sc-opt__price{font-size:1.5rem}
.sc-opt--hl p{font-size:1rem;color:var(--c-text)}
.sc-opt__badge{align-self:flex-start;margin-bottom:10px}

/* Inline link note (winterurlaub / FAQ additions) */
.sc-linkbox{display:flex;gap:12px;align-items:center;margin-top:18px;padding:14px 18px;border-radius:var(--r);background:var(--c-bg-tint);color:var(--c-ink);font-weight:600}
.sc-linkbox svg{width:20px;height:20px;flex:none;color:var(--c-blue)}
.sc-linkbox a{text-decoration:underline;text-underline-offset:2px}

@media (max-width:640px){
	.sc-table{overflow:visible;background:none;border:0;box-shadow:none}
	.sc-table table{min-width:0;display:block}
	.sc-table thead{display:none}
	.sc-table tbody{display:grid;gap:12px}
	.sc-table tbody tr{display:block;background:#fff!important;border:1px solid var(--c-line);border-radius:var(--r-lg);padding:6px 16px;box-shadow:var(--sh-sm)}
	.sc-table tbody th,.sc-table tbody td{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:10px 0;min-width:0;text-align:right;border-bottom:1px solid var(--c-line)}
	.sc-table tbody th{display:block;text-align:left;font-size:1.05rem}
	.sc-table tbody tr td:last-child{border-bottom:0}
	.sc-table tbody td::before{content:attr(data-label);text-align:left;font-size:.82rem;font-weight:600;color:var(--c-muted)}
	.sc-table tbody td > *{margin-left:auto}
	.sc-table tbody td{flex-wrap:wrap}
	.sc-table tbody td small{display:block;flex-basis:100%;text-align:right;margin-top:-6px}
	.sc-verify{flex-direction:column;gap:10px}
	.sc-facts{margin-top:calc(-1 * clamp(32px,10vw,56px))}
	.sc-table th,.sc-table td{padding:12px}
}