/* conquestadorcasino-ie.com — scheme S5 grid, sticky aside and the content
   blocks that sit inside the left column. */

/* ---------- S5: hero across the top, content left, sticky 300px column right ----------
   One grid holds the hero, the content and the aside. The aside spans the hero
   row too, so its first card starts level with the H1 on every page (whatever
   the hero's height) and slides down with the page to its sticky spot. */
.cq-layout{display:grid;grid-template-columns:minmax(16px,1fr) minmax(0,768px) 40px 300px minmax(16px,1fr)}
.cq-layout>.cq-hero{grid-column:1/-1;grid-row:1}
.cq-main{grid-column:2;grid-row:2;min-width:0;padding-top:var(--size-7)}
.cq-aside{grid-column:4;grid-row:1/3;align-self:start;position:sticky;top:calc(var(--cq-head-h) + 16px);margin-top:var(--size-7);min-width:0;z-index:2}
@media(min-width:1025px){.cq-hero .cq-wrap{padding-right:356px}}
@media(max-width:1024px){
  .cq-layout{grid-template-columns:16px minmax(0,1fr) 16px}
  .cq-aside{grid-column:2;grid-row:3;position:static;margin-top:var(--size-6)}
}

/* Sections: full width of the column, no narrow centred measure (RULES §6). */
.cq-sec{padding-block:var(--size-6)}
.cq-sec+.cq-sec{border-top:1px solid var(--cq-line)}
.cq-sec>p,.cq-sec>ul,.cq-sec>ol{max-width:none}
.cq-sec--tint{background:var(--cq-blue-bg);border-radius:var(--radius-3);padding:var(--size-5) var(--size-4);border-top:0}
.cq-sec--tint+.cq-sec{border-top:0}
.cq-lead{font-size:var(--font-size-2);color:var(--cq-ink-2)}
.cq-note{font-size:.85rem;color:var(--cq-soft)}

/* ---------- B4·4 — quiet "On this page" list, folded into a spoiler ---------- */
.cq-toc{margin:var(--size-4) 0 0;padding:.45rem .8rem;background:var(--cq-bg-2);border-left:3px solid var(--cq-teal-l);border-radius:0 var(--radius-2) var(--radius-2) 0}
.cq-toc summary{display:flex;align-items:center;gap:.5em;cursor:pointer;list-style:none}
.cq-toc summary::-webkit-details-marker{display:none}
.cq-toc h2{font-size:.74rem;letter-spacing:var(--font-letterspacing-4);text-transform:uppercase;color:var(--cq-soft);margin:0}
.cq-toc__chev{color:var(--cq-soft);transition:transform .2s var(--ease-2)}
.cq-toc details[open] .cq-toc__chev{transform:rotate(180deg)}
.cq-toc ul{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:0 16px;margin:.4rem 0 .1rem;padding:0;list-style:none}
.cq-toc a{display:flex;align-items:center;gap:.4em;padding:.12em 0;color:var(--cq-ink-2);font-size:.8rem;text-decoration:none}
.cq-toc a:hover{text-decoration:underline}
.cq-toc svg{color:var(--cq-teal)}

/* ---------- sticky aside cards ---------- */
.cq-card{background:#fff;border:1px solid var(--cq-line);border-radius:var(--radius-3);padding:var(--size-4)}
.cq-card+.cq-card{margin-top:var(--size-3)}
.cq-card h2,.cq-card h3{font-size:1rem;margin:0 0 var(--size-2)}
.cq-offercard{border-color:var(--cq-brand);box-shadow:var(--shadow-2);overflow:hidden;padding-bottom:0}
.cq-offercard__kicker{display:block;font-size:.72rem;letter-spacing:var(--font-letterspacing-4);text-transform:uppercase;color:var(--cq-brand-dd)}
.cq-offercard__sum{display:block;font-family:var(--cq-sans);font-weight:700;font-size:1.9rem;line-height:1.1;color:var(--cq-ink);margin:.1em 0}
.cq-offercard__sub{margin:0 0 var(--size-2);font-size:.9rem}
.cq-offercard__terms{margin:var(--size-2) 0 0;font-size:.74rem;color:var(--cq-soft);white-space:nowrap}
/* Cut-out live dealers, full-bleed along the card's bottom edge. */
.cq-offercard__art{display:block;width:min(calc(100% + 2 * var(--size-4)),400px);max-width:none;height:auto;margin:var(--size-2) 0 0 max(calc(-1 * var(--size-4)),calc((100% - 400px) / 2))}
.cq-minifacts{margin:0;font-size:.85rem}
.cq-minifacts div{display:flex;justify-content:space-between;gap:10px;padding:.32em 0;border-bottom:1px dashed var(--cq-line)}
.cq-minifacts div:last-child{border-bottom:0}
.cq-minifacts dt{color:var(--cq-soft)}
.cq-minifacts dd{margin:0;font-family:var(--cq-sans);font-weight:700;color:var(--cq-ink);text-align:right}

/* ---------- K2 — quick facts as a two-column definition list ---------- */
.cq-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:0 var(--size-6);margin:0}
.cq-facts>div{display:flex;align-items:center;gap:.7em;padding:.62em 0;border-bottom:1px solid var(--cq-line)}
.cq-facts svg{color:var(--cq-teal);flex:none}
.cq-facts dt{flex:1 1 auto;color:var(--cq-muted);font-size:.9rem}
.cq-facts dd{margin:0;font-family:var(--cq-sans);font-weight:700;color:var(--cq-ink);text-align:right}

/* ---------- K1·6 — welcome offers as a deposit timeline ---------- */
.cq-time{list-style:none;margin:0;padding:0;display:grid;gap:var(--size-3)}
.cq-time>li{position:relative;padding-left:44px}
.cq-time>li::before{content:"";position:absolute;left:13px;top:26px;bottom:-1.1rem;width:2px;background:var(--cq-line)}
.cq-time>li:last-child::before{display:none}
.cq-time__dot{position:absolute;left:0;top:2px;width:28px;height:28px;border-radius:var(--radius-round);background:var(--cq-teal-bg);color:var(--cq-teal);display:inline-flex;align-items:center;justify-content:center}
.cq-time h3{margin:0;font-size:1rem}
.cq-time__sum{font-family:var(--cq-sans);font-weight:700;font-size:1.45rem;color:var(--cq-brand-dd);line-height:1.15}
.cq-time__row{display:flex;flex-wrap:wrap;align-items:baseline;gap:.2em .7em}
.cq-time p{margin:.1em 0 0}
.cq-time__terms{font-size:.8rem;color:var(--cq-soft)}

/* ---------- tables (max two per page, RULES §6) ---------- */
.cq-tablewrap{overflow-x:auto}
.cq-table{width:100%;min-width:520px;border-collapse:collapse;font-size:.92rem}
.cq-table th,.cq-table td{padding:.7em .75em;text-align:left;border-bottom:1px solid var(--cq-line);vertical-align:middle}
.cq-table thead th{background:var(--cq-ink);color:#fff;font-family:var(--cq-sans);font-size:.82rem;letter-spacing:var(--font-letterspacing-2);text-transform:uppercase;border-bottom:0}
.cq-table tbody tr:nth-child(even){background:var(--cq-bg-2)}
.cq-table .cq-game{display:flex;align-items:center;gap:.6em;font-family:var(--cq-sans);font-weight:700}
.cq-table .cq-game img{width:40px;height:40px;border-radius:var(--radius-2);flex:none}
.cq-swipe{margin:.5em 0 0;font-size:.8rem;color:var(--cq-soft)}
@media(min-width:768px){.cq-swipe{display:none}}

/* ---------- K6·3 — payment methods as tabs by type ---------- */
.cq-tabs{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 var(--size-4);padding:0;list-style:none}
.cq-tab{
  padding:.45em .9em;border:1px solid var(--cq-line);border-radius:var(--radius-round);
  background:#fff;color:var(--cq-muted);font:inherit;font-size:.86rem;cursor:pointer;
  display:inline-flex;align-items:center;gap:.4em;
}
.cq-tab[aria-selected="true"]{background:var(--cq-ink);border-color:var(--cq-ink);color:#fff}
.cq-pays{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin:0;padding:0;list-style:none}
.cq-pays li{display:flex;align-items:center;gap:.6em;padding:.7em .8em;background:var(--cq-bg-2);border-radius:var(--radius-2)}
.cq-pays svg{color:var(--cq-blue);flex:none}
.cq-pays b{display:block;font-family:var(--cq-sans);font-size:.92rem;color:var(--cq-ink)}
.cq-pays span{display:block;font-size:.78rem;color:var(--cq-soft)}
.cq-limits{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--size-4);margin-top:var(--size-4);padding:var(--size-4);background:var(--cq-teal-bg);border-radius:var(--radius-3)}
.cq-limits h3{display:flex;align-items:center;gap:.4em;font-size:1rem}
.cq-limits ul{margin:0;padding-left:1.1em;font-size:.9rem}

/* ---------- B11 — steps as numbered circles in a column ---------- */
.cq-steps{counter-reset:cqstep;list-style:none;margin:0;padding:0;display:grid;gap:var(--size-3)}
.cq-steps>li{display:grid;grid-template-columns:48px 1fr;gap:var(--size-3);align-items:start}
.cq-steps>li::before{
  counter-increment:cqstep;content:counter(cqstep);
  display:inline-flex;align-items:center;justify-content:center;
  width:48px;height:48px;border-radius:var(--radius-round);
  background:var(--cq-brand);color:#fff;font-family:var(--cq-sans);font-weight:700;font-size:1.2rem;
}
.cq-steps h3{margin:.4em 0 .15em;font-size:1.05rem}
.cq-steps p{margin:0}

/* ---------- "What sets apart" — two-column icon list ---------- */
.cq-why{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--size-3) var(--size-6);margin:0;padding:0;list-style:none}
.cq-why li{display:grid;grid-template-columns:auto 1fr;gap:.7em;align-items:start}
.cq-why svg{color:var(--cq-teal);margin-top:.25em}
.cq-why b{display:block;font-family:var(--cq-sans);color:var(--cq-ink)}
.cq-why span{font-size:.92rem}

/* ---------- K4·6 — provider cards with three top games (B25·6 header) ---------- */
.cq-provs{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:var(--size-3);margin:var(--size-4) 0 0;padding:0;list-style:none}
.cq-prov{display:flex;flex-direction:column;height:100%;border:1px solid var(--cq-line);border-radius:var(--radius-3);overflow:hidden;background:#fff;text-decoration:none;color:inherit}
.cq-prov__head{display:flex;align-items:center;justify-content:center;height:72px;padding:14px;background:var(--cq-ink)}
.cq-prov__head img{max-height:40px;width:auto;object-fit:contain}
.cq-prov__body{display:flex;flex-direction:column;flex:1 1 auto;padding:var(--size-3)}
.cq-prov__name{font-family:var(--cq-sans);font-weight:700;color:var(--cq-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cq-prov ul{margin:.4em 0 0;padding-left:1.05em;font-size:.86rem;color:var(--cq-muted)}
.cq-prov__go{display:flex;align-items:center;gap:.3em;margin-top:auto;padding-top:var(--size-3);color:var(--cq-brand-dd);font-family:var(--cq-sans);font-size:.86rem}
@media(min-width:1024px){.cq-prov:hover{border-color:var(--cq-brand);box-shadow:var(--shadow-2)}}

/* ---------- mobile panels ---------- */
.cq-panels{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--size-3)}
.cq-devices{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin:0;padding:0;list-style:none}
.cq-devices li{padding:.6em;background:var(--cq-bg-2);border-radius:var(--radius-2);text-align:center}
.cq-devices b{display:block;font-family:var(--cq-sans);font-size:.92rem;color:var(--cq-ink)}
.cq-devices span{font-size:.76rem;color:var(--cq-soft)}
.cq-perf{margin:0;font-size:.9rem}
.cq-perf div{display:flex;justify-content:space-between;gap:10px;padding:.42em 0;border-bottom:1px solid var(--cq-line)}
.cq-perf div:last-child{border-bottom:0}
.cq-perf dt{color:var(--cq-muted)}
.cq-perf dd{margin:0;font-family:var(--cq-sans);font-weight:700;color:var(--cq-teal)}
.cq-figure{margin:var(--size-4) 0 0}
.cq-figure img{width:100%;border-radius:var(--radius-3);border:1px solid var(--cq-line)}
.cq-figure figcaption{margin-top:.5em;font-size:.8rem;color:var(--cq-soft)}
.cq-figure--top{margin:0 0 var(--size-4)}
.cq-figure--plain{margin:0 0 var(--size-3)}
.cq-figure--plain img{border:0;border-radius:0}

/* ---------- B10·3 — static FAQ ---------- */
.cq-faq h3{margin:var(--size-4) 0 .3em;padding-left:.7em;border-left:3px solid var(--cq-brand);font-size:1.05rem}
.cq-faq h3:first-of-type{margin-top:0}
.cq-faq p{margin:0}

/* ---------- B14 — byline: one centred line in its own band, right above the final CTA ---------- */
.cq-byline{margin-top:var(--size-6);padding:14px 0;background:var(--cq-bg-2);border-top:1px solid var(--cq-line);font-size:.78rem;color:var(--cq-soft)}
.cq-byline+.cq-final{margin-top:0}
.cq-byline p{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:4px 0;margin-block:0;text-align:center}
@media(max-width:559px){.cq-byline__role{display:none}}
.cq-byline p>*+*::before{content:"\00b7";margin:0 .45em;color:var(--cq-line)}
.cq-byline__who{display:inline-flex;align-items:center;gap:8px;color:var(--cq-ink-2);text-decoration:none}
.cq-byline__who img{width:24px;height:24px;border-radius:var(--radius-round);flex:none}
.cq-byline__who b{font-family:var(--cq-sans);color:var(--cq-ink)}
@media(min-width:1024px){.cq-byline__who:hover b{text-decoration:underline}}