/* ============================================================
   Карточки IPTV-провайдеров
   Значения сняты из макета Figma через коннектор.
   Токены задаёт тема; здесь есть запасные значения на случай,
   если плагин работает с другой темой.
   ============================================================ */
:root{
  --c-black:#030400;
  --c-white:#FFFFFF;
  --c-blue:#0171E3;
  --c-purple:#606FC9;
  --iptv-radius-card:12px;
  --iptv-radius-badge:4px;
  --iptv-shadow:0 4px 40px rgba(0,0,0,.15);
  --iptv-pad:40px;
  --iptv-gap:40px;
}

.iptv-section,.iptv-card{
  font-family:'Geologica',system-ui,-apple-system,'Segoe UI',sans-serif;
  color:var(--c-black);
}
.iptv-section{margin-top:80px}
.iptv-section__head{max-width:1200px;margin:0 auto 40px;padding:0 24px;text-align:center}
.iptv-section__title{margin:0;font-size:40px;font-weight:400;line-height:1.25}
.iptv-section__lead{margin:16px 0 0;font-size:16px}

.iptv-cards{
  max-width:1200px;margin:0 auto;padding:0 24px;
  display:grid;grid-template-columns:repeat(2,1fr);gap:var(--iptv-gap);
}
.iptv-cards > .iptv-card--lead{grid-column:1 / -1}

/* ---------- Карточка ---------- */
.iptv-card{
  background:var(--c-white);
  border-radius:var(--iptv-radius-card);
  box-shadow:var(--iptv-shadow);
  overflow:hidden;
  display:flex;flex-direction:column;
}
.iptv-card__header{
  position:relative;min-height:149px;overflow:hidden;
  background:var(--card-color,var(--c-purple));
  padding:30px var(--iptv-pad) 0;
}
.iptv-card__place{margin:0;color:var(--c-white);font-size:24px;font-weight:400;line-height:1.5}
.iptv-card__rating{
  display:flex;align-items:center;gap:8px;margin:2px 0 0;
  color:var(--c-white);font-size:42px;font-weight:600;line-height:1.1;
}
/* Звезда — инлайновый SVG в фоне, чтобы не тянуть лишний файл */
.iptv-card__star{
  width:41px;height:41px;flex:0 0 41px;display:inline-block;
  background:no-repeat center/contain
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23F5C518'%3E%3Cpath d='m12 2 3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77 5.82 21.02 7 14.14 2 9.27l6.91-1.01z'/%3E%3C/svg%3E");
}
.iptv-ext{
  width:24px;height:24px;flex:0 0 24px;display:inline-block;vertical-align:middle;
  background:no-repeat center/contain
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230171E3' stroke-width='2'%3E%3Cpath d='M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6M15 3h6v6M10 14 21 3'/%3E%3C/svg%3E");
}

/* Сигнатурный элемент: белый круг с логотипом, врезанный в шапку */
.iptv-card__logo{
  position:absolute;top:-36px;right:40px;
  width:220px;height:220px;border-radius:50%;
  background:var(--c-white);
  display:flex;align-items:center;justify-content:center;
}
.iptv-card__logobox{position:relative;display:block;width:148px;height:148px;overflow:hidden}
.iptv-card__logobox img{position:absolute;height:auto;max-width:none}
.iptv-card__logotext{
  font-size:20px;font-weight:700;text-align:center;padding:0 16px;
  color:var(--card-color,var(--c-black));word-break:break-word;
}

.iptv-card__body{padding:var(--iptv-pad);display:flex;flex-direction:column;gap:16px;flex:1}
.iptv-card__body p{margin:0}
.iptv-card__content{display:flex;flex-direction:column;gap:16px;width:100%}
.iptv-card__titlerow{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.iptv-card__name{margin:0;font-size:40px;font-weight:700;line-height:1.15}
.iptv-card__body ul{margin:0;list-style:disc;padding-left:24px}
.iptv-card__body li{font-size:16px;line-height:1.5}
.iptv-card__links{display:flex;gap:32px;align-items:center;flex-wrap:wrap;margin-top:auto}
.iptv-card__links a{
  display:inline-flex;align-items:center;gap:4px;
  color:var(--c-blue);font-size:16px;text-decoration:none;
}
.iptv-card__links a:hover{text-decoration:underline}
.iptv-card__links a:focus-visible{outline:3px solid var(--c-blue);outline-offset:2px}

.iptv-badge{
  display:inline-flex;align-items:center;justify-content:center;
  padding:6px 12px;border-radius:var(--iptv-radius-badge);
  color:var(--c-white);font-size:12px;font-weight:500;line-height:1.25;
}

/* ---------- Карточка первого места ---------- */
.iptv-card--lead{border:3px solid var(--card-color,var(--c-purple))}
.iptv-card--lead .iptv-card__header{padding:43px var(--iptv-pad) 0}
.iptv-card--lead .iptv-card__logo{width:466px;height:466px;top:-158px;right:110px;display:block}
.iptv-card--lead .iptv-card__logobox{
  position:absolute;left:65px;top:211px;width:335px;height:45px;
}
.iptv-card--lead .iptv-card__topline{display:flex;align-items:center;gap:24px}
.iptv-card--lead .iptv-card__place{font-size:42px;font-weight:600;line-height:1.5}
.iptv-card--lead .iptv-card__sep{width:1px;height:32px;background:rgba(255,255,255,.5);flex:0 0 1px}
.iptv-card--lead .iptv-card__rating{margin:0;line-height:1.5}
.iptv-card--lead .iptv-card__body{gap:32px}
.iptv-card--lead .iptv-card__cols{display:flex;gap:16px;width:100%}
.iptv-card--lead .iptv-card__cols ul{flex:1 1 0;min-width:0}
.iptv-card--lead .iptv-card__links{gap:16px}
.iptv-btn{
  display:inline-flex!important;align-items:center;justify-content:center;gap:10px;
  padding:8px 32px;border-radius:var(--iptv-radius-badge);font-size:16px;
}
.iptv-btn--ghost{border:1px solid var(--c-blue);color:var(--c-black)!important;background:transparent}
.iptv-btn--ghost:hover{text-decoration:none!important;background:rgba(1,113,227,.06)}
.iptv-btn--solid{background:var(--c-blue);color:var(--c-white)!important;padding-right:28px}
.iptv-btn--solid:hover{text-decoration:none!important;background:#0161c8}
.iptv-btn--solid .iptv-ext{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2'%3E%3Cpath d='M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6M15 3h6v6M10 14 21 3'/%3E%3C/svg%3E");
}

/* ---------- Мобильная версия (фрейм 375 из макета) ---------- */
@media (max-width:768px){
  .iptv-cards{grid-template-columns:1fr;gap:24px;padding:0 24px}
  .iptv-section{margin-top:48px}
  .iptv-section__title{font-size:28px}
  .iptv-card{--iptv-pad:24px}
  .iptv-card__header{min-height:91px;padding:20px var(--iptv-pad) 0}
  .iptv-card__place{font-size:14px}
  .iptv-card__rating{font-size:24px}
  .iptv-card__star{width:24px;height:24px;flex-basis:24px}
  .iptv-card__name{font-size:24px}
  .iptv-card__logo{width:156px;height:156px;top:-32px;right:16px}
  .iptv-card__logobox{width:91px;height:91px}
  .iptv-card--lead{border-width:2px}
  .iptv-card--lead .iptv-card__header{padding:20px var(--iptv-pad) 0}
  .iptv-card--lead .iptv-card__logo{width:156px;height:156px;top:-32px;right:16px}
  .iptv-card--lead .iptv-card__logobox{left:15px;top:70px;width:126px;height:17px}
  .iptv-card--lead .iptv-card__topline{display:block}
  .iptv-card--lead .iptv-card__place{font-size:14px;font-weight:400;line-height:1.4}
  .iptv-card--lead .iptv-card__sep{display:none}
  .iptv-card--lead .iptv-card__cols{flex-direction:column;gap:0}
  .iptv-btn{flex:1;padding:8px 16px}
}