/* canadacasinotop.com — хабы главной-портала (этап 08b), префикс cctp-, палитра «Northline» */
body .uk-article .cctp{margin:22px 0 26px;font-family:'Open Sans CCT','Open Sans',Helvetica,Arial,sans-serif}
body .uk-article .cctp ul,body .uk-article .cctp ol{list-style:none!important;margin:0!important;padding:0!important}
body .uk-article .cctp li{margin:0!important;padding:0!important;list-style:none!important}
body .uk-article .cctp li::before,body .uk-article .cctp li::marker{content:none!important;display:none!important}
body .uk-article .cctp a{text-decoration:none!important}
body .uk-article .cctp img{display:block;max-width:100%;border-radius:0;margin:0}
body .uk-article .cctp-cap{margin:0 0 12px!important;font-size:14px;color:var(--cct-muted);
  display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px}
body .uk-article .cctp-cap b{font-family:'Source Sans CCT','Source Sans Pro',sans-serif;font-size:13px;letter-spacing:.09em;
  text-transform:uppercase;color:var(--cct-red)}

/* ── 1. купоны бонусов ── */
.cctp-tix__g{display:grid;grid-template-columns:1fr 1fr;gap:16px}
body .uk-article a.cctp-tix__i{display:grid;grid-template-columns:132px 1fr;background:#fff;border:1px solid var(--cct-line);
  border-radius:10px;overflow:hidden;position:relative;color:var(--cct-ink)!important;transition:box-shadow .2s,transform .2s}
body .uk-article a.cctp-tix__i:hover{box-shadow:0 8px 22px rgba(34,52,72,.14);transform:translateY(-2px)}
.cctp-tix__ph{position:relative;background:var(--cct-slate)}
body .uk-article .cctp-tix__ph img{width:100%;height:100%;object-fit:cover;min-height:168px}
/* перфорация купона: просечки сверху и снизу + пунктир */
.cctp-tix__i::before,.cctp-tix__i::after{content:"";position:absolute;left:123px;width:18px;height:18px;border-radius:50%;
  background:var(--cct-ice);border:1px solid var(--cct-line);z-index:2}
.cctp-tix__i::before{top:-10px}.cctp-tix__i::after{bottom:-10px}
.cctp-tix__bd{display:flex;flex-direction:column;gap:5px;padding:15px 16px 14px 20px;border-left:2px dashed var(--cct-line)}
.cctp-tix__k{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--cct-emerald-dk)}
.cctp-tix__t{font-family:'Source Sans CCT','Source Sans Pro',sans-serif;font-size:20px;font-weight:700;line-height:1.15;color:var(--cct-slate)}
.cctp-tix__f{font-size:13.5px;line-height:1.5;color:#3d4d5c}
.cctp-tix__go{margin-top:auto;padding-top:4px;font-size:13px;font-weight:700;color:var(--cct-red)}
.cctp-tix__go::after{content:" \2192"}

/* ── 2. французский раздел: фото + список ── */
.cctp-fr{display:grid;grid-template-columns:5fr 7fr;background:#fff;border-radius:12px;overflow:hidden;
  box-shadow:0 1px 0 var(--cct-line),0 6px 18px rgba(34,52,72,.08)}
.cctp-fr__hero{position:relative;margin:0!important;min-height:100%}
body .uk-article .cctp-fr__hero img{width:100%;height:100%;object-fit:cover;min-height:300px}
.cctp-fr__hero figcaption{position:absolute;left:0;right:0;bottom:0;padding:48px 20px 18px;color:#fff;
  font-family:'Source Sans CCT','Source Sans Pro',sans-serif;font-size:21px;font-weight:700;line-height:1.2;
  background:linear-gradient(transparent,rgba(24,41,60,.92))}
.cctp-fr__hero figcaption span{display:inline-block;margin-bottom:8px;padding:3px 10px;border-radius:999px;background:var(--cct-red);
  font-size:11px;letter-spacing:.12em;text-transform:uppercase}
.cctp-fr__hero figcaption span{display:table}
.cctp-fr__l{counter-reset:fr;padding:8px 0!important}
body .uk-article .cctp-fr__l a{display:grid;grid-template-columns:auto 56px 1fr;align-items:center;gap:14px;padding:12px 20px;
  color:var(--cct-ink)!important;border-bottom:1px solid var(--cct-line)}
body .uk-article .cctp-fr__l li:last-child a{border-bottom:0}
body .uk-article .cctp-fr__l a::before{counter-increment:fr;content:counter(fr,decimal-leading-zero);
  font-family:'Source Sans CCT','Source Sans Pro',sans-serif;font-weight:700;font-size:15px;color:var(--cct-red)}
body .uk-article .cctp-fr__l a:hover{background:var(--cct-ice)}
body .uk-article .cctp-fr__th img{width:56px;height:56px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 3px #fff,0 0 0 4px var(--cct-line)}
.cctp-fr__tx{display:flex;flex-direction:column;gap:2px}
.cctp-fr__t{font-weight:700;font-size:15px;line-height:1.3;color:var(--cct-slate)}
.cctp-fr__d{font-size:13px;line-height:1.45;color:var(--cct-muted)}

/* ── 3. игры: мозаика фото ── */
.cctp-mos__g{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:170px 170px auto;gap:10px}
body .uk-article .cctp-mos a.cctp-mos__big,body .uk-article .cctp-mos a.cctp-mos__i{position:relative;display:block;overflow:hidden;
  border-radius:10px;color:#fff!important;background:var(--cct-slate)}
.cctp-mos__big{grid-column:span 2;grid-row:span 2}
body .uk-article .cctp-mos__big img,body .uk-article .cctp-mos__i img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
  transition:transform .4s}
body .uk-article .cctp-mos a:hover img{transform:scale(1.05)}
.cctp-mos__ov{position:absolute;left:0;right:0;bottom:0;display:flex;flex-direction:column;gap:3px;padding:30px 14px 12px;
  background:linear-gradient(transparent,rgba(16,28,42,.9) 55%)}
.cctp-mos__big .cctp-mos__ov{padding:60px 22px 20px}
.cctp-mos__k{align-self:flex-start;padding:2px 9px;border-radius:999px;background:var(--cct-emerald);font-size:11px;font-weight:700;
  letter-spacing:.1em;text-transform:uppercase}
.cctp-mos__t{font-family:'Source Sans CCT','Source Sans Pro',sans-serif;font-weight:700;font-size:18px;line-height:1.15}
.cctp-mos__big .cctp-mos__t{font-size:26px}
.cctp-mos__f{font-size:12.5px;line-height:1.4;color:#dfe7ee}
.cctp-mos__big .cctp-mos__f{font-size:14px;max-width:420px}
body .uk-article a.cctp-mos__sw{grid-column:1/-1;display:flex;align-items:center;gap:18px;padding:12px 16px;border-radius:10px;
  background:#fff;border:1px solid var(--cct-line);color:var(--cct-ink)!important}
body .uk-article a.cctp-mos__sw:hover{border-color:var(--cct-emerald)}
.cctp-mos__lgs{display:flex;gap:8px;flex:none}
.cctp-mos__lg{display:flex;align-items:center;justify-content:center;width:112px;height:52px;border-radius:8px;padding:6px 10px;box-sizing:border-box}
.cctp-mos__lg--playtech{background:var(--cct-ice)}
.cctp-mos__lg--microgaming{background:#fff;border:1px solid var(--cct-line)}
.cctp-mos__lg--netent{background:var(--cct-slate)}
body .uk-article .cctp-mos__lg img{width:100%;height:100%;object-fit:contain}
.cctp-mos__swt{font-size:13.5px;line-height:1.45;color:#3d4d5c}
.cctp-mos__swt b{display:block;font-family:'Source Sans CCT','Source Sans Pro',sans-serif;font-size:17px;color:var(--cct-slate)}
.cctp-mos__swt b::after{content:" \2192";color:var(--cct-red)}

/* ── 4. право и рынок: таблица-чтение ── */
body .uk-article .cctp-law table{display:table!important;width:100%;border-collapse:separate!important;border-spacing:0;background:#fff;
  border:1px solid var(--cct-line);border-radius:10px;overflow:hidden}
body .uk-article .cctp-law thead th{background:var(--cct-slate);color:#fff;font-size:12px;font-weight:700;letter-spacing:.08em;
  text-transform:uppercase;text-align:left;padding:10px 14px!important;border:0}
body .uk-article .cctp-law td{padding:12px 14px!important;border:0;border-top:1px solid var(--cct-line);vertical-align:middle}
body .uk-article .cctp-law tbody tr:nth-child(even) td{background:#fafbfc}
.cctp-law__th{width:96px}
body .uk-article .cctp-law__th img{width:80px;height:56px;object-fit:cover;border-radius:6px}
body .uk-article .cctp-law__th img[src$=".webp"][alt$="logo"]{object-fit:contain;background:#fff;border:1px solid var(--cct-line)}
body .uk-article .cctp-law__tp a{display:block;font-family:'Source Sans CCT','Source Sans Pro',sans-serif;font-size:17px;font-weight:700;
  line-height:1.25;color:var(--cct-slate)!important}
body .uk-article .cctp-law__tp a:hover{color:var(--cct-emerald-dk)!important}
body .uk-article .cctp-law__tp a::after{content:" \2192";color:var(--cct-red)}
.cctp-law__tp span{display:block;margin-top:3px;font-size:13.5px;line-height:1.45;color:var(--cct-muted)}
.cctp-law__yr{width:84px;text-align:center;font-family:'Source Sans CCT','Source Sans Pro',sans-serif;font-size:20px;font-weight:700;color:var(--cct-red)}
body .uk-article .cctp-law__more{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0 0!important}
body .uk-article .cctp-law__more a{padding:7px 14px;border-radius:999px;border:1px solid var(--cct-slate);font-size:13px;font-weight:700;
  color:var(--cct-slate)!important}
body .uk-article .cctp-law__more a:hover{background:var(--cct-slate);color:#fff!important}

/* ── 5. мобильные: карточка устройства ── */
.cctp-dev{display:grid;grid-template-columns:2fr 3fr;border-radius:12px;overflow:hidden;background:var(--cct-slate);color:#fff}
.cctp-dev__ph{position:relative;min-height:260px}
body .uk-article .cctp-dev__ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.cctp-dev__bd{display:flex;flex-direction:column;gap:8px;padding:24px 26px}
.cctp-dev__k{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#7fd8bf}
.cctp-dev__t{font-family:'Source Sans CCT','Source Sans Pro',sans-serif;font-size:25px;font-weight:700;line-height:1.15}
.cctp-dev__f{font-size:14px;color:#d3dde6}
body .uk-article .cctp-dev ul li{position:relative;padding-left:26px!important;margin:4px 0!important;font-size:14.5px;color:#fff}
body .uk-article .cctp-dev ul li::after{content:"\f00c";font-family:FontAwesome;position:absolute;left:0;top:1px;color:#7fd8bf}
body .uk-article a.cctp-dev__go{align-self:flex-start;margin-top:8px;padding:10px 18px;border-radius:8px;background:var(--cct-red);
  color:#fff!important;font-weight:700;font-size:14px}
body .uk-article a.cctp-dev__go:hover{background:#b01b28}

/* ── подписи к фото ── */
.cctp-cred{margin:10px 0 0;font-size:12px;color:var(--cct-muted)}
.cctp-cred summary{cursor:pointer}
body .uk-article .cctp-cred a{color:var(--cct-muted)!important;text-decoration:underline!important}

/* ── мобилка ── */
@media (max-width:900px){
  .cctp-mos__g{grid-template-columns:1fr 1fr;grid-template-rows:160px 160px 160px 160px auto}
  .cctp-fr{grid-template-columns:1fr}
  body .uk-article .cctp-fr__hero img{min-height:0;height:200px}
}
@media (max-width:640px){
  .cctp-tix__g{grid-template-columns:1fr}
  body .uk-article a.cctp-tix__i{grid-template-columns:104px 1fr}
  .cctp-tix__i::before,.cctp-tix__i::after{left:95px}
  body .uk-article .cctp-tix__ph img{min-height:150px}
  .cctp-mos__g{grid-template-rows:140px 140px 140px 140px auto;gap:8px}
  .cctp-mos__big{grid-column:1/-1;grid-row:span 2}
  .cctp-mos__f{display:none}
  .cctp-mos__big .cctp-mos__f{display:block}
  body .uk-article a.cctp-mos__sw{flex-direction:column;align-items:flex-start;gap:10px}
  .cctp-mos__lg{width:88px;height:44px}
  body .uk-article .cctp-fr__l a{grid-template-columns:auto 48px 1fr;gap:10px;padding:11px 14px}
  body .uk-article .cctp-fr__th img{width:48px;height:48px}
  body .uk-article .cctp-law table,body .uk-article .cctp-law tbody{display:block!important;overflow:visible!important}
  body .uk-article .cctp-law thead{display:none}
  body .uk-article .cctp-law tr{display:grid;grid-template-columns:72px 1fr;gap:4px 12px;padding:12px;border-top:1px solid var(--cct-line)}
  body .uk-article .cctp-law tbody tr:first-child{border-top:0}
  body .uk-article .cctp-law td{padding:0!important;border:0;background:none!important}
  .cctp-law__th{width:auto;grid-row:span 2}
  body .uk-article .cctp-law__th img{width:72px;height:52px}
  .cctp-law__yr{width:auto;text-align:left;font-size:13px}
  .cctp-law__yr:empty{display:none}
  .cctp-dev{grid-template-columns:1fr}
  .cctp-dev__ph{min-height:190px}
  .cctp-dev__bd{padding:18px}
}