@font-face {
  font-family: "Public Sans";
  src: url("../fonts/PublicSans-Variable.ttf") format("truetype-variations");
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
}

/* Inner pages from Figma: General Page and Author Page. */
.ar-inner { overflow: hidden; color: var(--ar-white); }
.ar-inner h1, .ar-inner h2, .ar-inner h3, .ar-inner p, .ar-inner blockquote { margin-top: 0; }
.ar-inner-hero { background: var(--ar-black-500); }
.ar-inner-hero .ar-shell, .ar-author-hero .ar-shell { position: relative; padding-top: 58px; }
.ar-inner-hero .ar-shell { padding-bottom: 26px; }
.ar-inner-hero h1, .ar-author-card h1 { margin-bottom: 0; font-size: 56px; font-weight: 700; line-height: 1.04; }
.ar-breadcrumb { position: absolute; top: 14px; left: 90px; display: flex; align-items: center; gap: 8px; color: var(--ar-muted); font-size: 14px; font-weight: 600; line-height: 1.3; }
.ar-breadcrumb a { display: inline-flex; color: var(--ar-white); text-decoration: none; }
.ar-breadcrumb img { width: 16px; height: 16px; }

.ar-inner-copy { padding-block: 94px; }
.ar-inner-copy--primary { padding-top: 24px; background: var(--ar-black-500); }
.ar-inner-copy--alternate { background: var(--ar-black-400); }
.ar-inner-copy--author { padding-top: 94px; background: var(--ar-black-400); }
.ar-updated { display: flex; align-items: center; gap: 6px; min-height: 50px; padding: 13px 24px; background: rgba(235,245,230,.02); border: 1px solid var(--ar-border); border-radius: 4px; }
.ar-updated img { width: 16px; height: 16px; margin-right: 6px; }
.ar-updated span, .ar-updated strong { font-size: 16px; line-height: 1.4; }
.ar-prose { display: grid; gap: 12px; }
.ar-inner-copy--primary .ar-prose { margin-top: 38px; }
.ar-prose h2, .ar-inner-faq h2, .ar-author-news h2 { margin-bottom: 0; font-size: 42px; font-weight: 600; line-height: 1.22; }
.ar-prose h2:not(:first-child) { margin-top: 18px; }
.ar-prose h3 { margin: 18px 0 0; font-size: 28px; font-weight: 800; line-height: 1.2; }
.ar-prose p { margin-bottom: 0; font-size: 16px; line-height: 1.4; }
.ar-square-list { display: grid; gap: 10px; margin: -4px 0 0; padding: 0; list-style: none; }
.ar-square-list li { position: relative; padding-left: 22px; font-size: 16px; line-height: 1.4; }
.ar-square-list li::before { content: ""; position: absolute; top: 4px; left: 0; width: 14px; height: 14px; border: 3px solid var(--ar-green); }
.ar-number-list { display: grid; gap: 10px; margin: -4px 0 0; padding-left: 22px; }
.ar-number-list li { padding-left: 4px; font-size: 16px; line-height: 1.4; }
.ar-prose blockquote { margin-bottom: 0; padding: 22px 28px; font-size: 16px; line-height: 1.4; background: rgba(235,245,230,.02); border-left: 4px solid var(--ar-yellow); }
.ar-prose .ar-note { display: grid; grid-template-columns: 28px 1fr; align-items: start; gap: 12px; min-height: 154px; padding: 22px 18px; }
.ar-prose .ar-note img { width: 28px; height: 28px; }
.ar-inner-table-wrap { width: 100%; margin-block: 2px 14px; overflow-x: auto; }
.ar-inner-table { width: 100%; min-width: 980px; table-layout: fixed; border-spacing: 0; border-collapse: separate; color: var(--ar-white); font-size: 16px; }
.ar-inner-table th, .ar-inner-table td { height: 50px; padding: 12px 20px; text-align: left; white-space: nowrap; border-right: 1px solid var(--ar-border); border-bottom: 1px solid var(--ar-border); }
.ar-inner-table th { height: 46px; font-weight: 800; background: rgba(235,245,230,.08); border-top: 1px solid var(--ar-border); }
.ar-inner-table tr > *:first-child { width: 12%; border-left: 1px solid var(--ar-border); }
.ar-inner-table tr > *:nth-child(2) { width: 27.5%; }
.ar-inner-table tr > *:nth-child(3) { width: 31.8%; }
.ar-inner-table tr > *:nth-child(4) { width: 16.5%; text-align: center; }
.ar-inner-table tr > *:nth-child(5) { width: 12.2%; text-align: center; }
.ar-inner-table a { display: inline-flex; align-items: center; gap: 6px; color: var(--ar-green); font-size: 14px; font-weight: 800; }
.ar-inner-table a img { width: 15px; height: 10px; }
.ar-inner-table tbody tr:nth-child(even) td { background: rgba(235,245,230,.02); }
.ar-inner-faq { padding-block: 88px; background: var(--ar-black-400); }
.ar-inner-faq h2 { margin-bottom: 38px; }
.ar-inner-faq .ar-faq-list { gap: 22px; }
.ar-inner-faq .ar-faq-answer { max-width: 1260px; margin: 16px 0 0; font-size: 14px; }

.ar-author-hero { background: var(--ar-black-500); }
.ar-author-hero .ar-shell { padding-bottom: 48px; }
.ar-author-card { display: grid; grid-template-columns: 267px 1fr; gap: 32px; min-height: 336px; padding: 40px; background: rgba(235,245,230,.02); border: 1px solid var(--ar-border); }
.ar-author-card__photo { width: 267px; height: 256px; object-fit: cover; object-position: 50% 16%; border-radius: 8px; }
.ar-author-card__copy { display: flex; flex-direction: column; align-items: flex-start; justify-content: center; gap: 24px; }
.ar-author-card__copy > div:first-child { display: grid; gap: 12px; }
.ar-author-card__copy > p { max-width: 880px; margin-bottom: 0; font-size: 16px; }
.ar-author-card__role { margin-bottom: 0; color: var(--ar-muted); }
.ar-author-card__social, .ar-author-share > div { display: flex; gap: 13px; }
.ar-author-card__social a, .ar-author-share a { display: grid; place-items: center; width: 36px; height: 36px; border: 1px solid var(--ar-border); border-radius: 50%; }
.ar-author-card__social img, .ar-author-share img { width: 18px; height: 18px; }
.ar-author-page .ar-inner-copy--alternate .ar-prose { gap: 16px; }
.ar-author-news { padding-block: 94px; background: var(--ar-black-500); }
.ar-author-news h2 { margin-bottom: 38px; }
.ar-author-news__grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 38px 40px; }
.ar-author-news__grid article { display: flex; flex-direction: column; gap: 10px; min-width: 0; }
.ar-author-news__grid article:nth-child(n+13) { display: none; }
.ar-author-news__image { display: block; height: 160px; margin-bottom: 8px; overflow: hidden; border-radius: 4px; }
.ar-author-news__image img { width: 100%; height: 100%; object-fit: cover; }
.ar-author-news__tags { display: flex; flex-wrap: wrap; gap: 18px; color: var(--ar-green); }
.ar-author-news__tags a { font-size: 16px; text-decoration: none; }
.ar-author-news time { color: var(--ar-muted); font-size: 14px; font-weight: 600; }
.ar-author-news h3 { margin-bottom: 0; font-size: 18px; font-weight: 800; line-height: 1.2; }
.ar-author-news h3 a { text-decoration: none; }
.ar-author-meta { padding: 0; background: var(--ar-black-500); }
.ar-author-meta .ar-shell { display: grid; gap: 0; }
.ar-author-share { display: flex; align-items: center; justify-content: space-between; min-height: 68px; padding: 13px 24px; border-block: 1px solid var(--ar-border); }
.ar-author-share strong { font-size: 18px; }
.ar-author-meta .ar-updated { margin-block: 18px; }

@media (min-width: 1200px) {
  .ar-footer { min-height: 348px; }
  .ar-general-page .ar-prose { gap: 13.17px; }
  .ar-general-page .ar-prose h2:not(:first-child), .ar-general-page .ar-prose h3 { margin-top: 0; }
  .ar-author-page .ar-author-news__grid { row-gap: 36px; }
  .ar-general-page > .ar-inner-hero { height: 142px; overflow: hidden; }
  .ar-general-page > .ar-inner-copy { height: 1746px; overflow: hidden; }
  .ar-general-page > .ar-inner-faq { height: 669px; overflow: hidden; }
  .ar-author-page > .ar-author-hero { height: 444px; overflow: hidden; }
  .ar-author-page > .ar-inner-copy { height: 717px; overflow: hidden; }
  .ar-author-page > .ar-author-news { height: 1199px; overflow: hidden; }
  .ar-author-page > .ar-author-meta { height: 154px; overflow: hidden; }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .ar-breadcrumb { left: 40px; }
  .ar-inner-hero h1, .ar-author-card h1 { font-size: 48px; line-height: 1.11; }
  .ar-inner-copy, .ar-inner-faq, .ar-author-news { padding-block: 64px; }
  .ar-inner-copy--primary { padding-top: 24px; }
  .ar-prose h2, .ar-inner-faq h2, .ar-author-news h2 { font-size: 38px; }
  .ar-prose h3 { font-size: 26px; }
  .ar-author-card { grid-template-columns: 220px 1fr; gap: 24px; min-height: 0; padding: 24px; }
  .ar-author-card__photo { width: 220px; height: 236px; }
  .ar-author-card__copy { gap: 18px; }
  .ar-author-page .ar-inner-copy--alternate { padding-block: 52px; }
  .ar-author-news__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 32px 20px; }
  .ar-author-news__image { height: 125px; }
  .ar-author-news__tags { gap: 10px; }
  .ar-author-news__tags a { font-size: 14px; }
  .ar-author-meta { padding: 0; }
  .ar-author-share { min-height: 60px; padding-block: 9px; }
  .ar-author-meta .ar-updated { margin-block: 14px; }
  .ar-footer { min-height: 590px; }
}

@media (max-width: 767px) {
  html { scrollbar-width: none; }
  html::-webkit-scrollbar { width: 0; height: 0; }
  .ar-breadcrumb { left: 15px; font-size: 12px; }
  .ar-inner-hero .ar-shell, .ar-author-hero .ar-shell { padding-top: 50px; }
  .ar-inner-hero .ar-shell { padding-bottom: 18px; }
  .ar-inner-hero h1, .ar-author-card h1 { font-size: 32px; line-height: 1.1; }
  .ar-inner-copy, .ar-inner-faq, .ar-author-news { padding-block: 58px; }
  .ar-inner-copy--primary { padding-top: 12px; }
  .ar-updated { min-height: 32px; padding: 6px 12px; }
  .ar-updated span, .ar-updated strong { font-size: 12px; }
  .ar-prose { gap: 16px; }
  .ar-inner-copy--primary .ar-prose { margin-top: 18px; }
  .ar-prose h2, .ar-inner-faq h2, .ar-author-news h2 { font-size: 26px; line-height: 1.2; }
  .ar-prose h3 { font-size: 20px; }
  .ar-prose h2:not(:first-child) { margin-top: 12px; }
  .ar-prose p, .ar-square-list li, .ar-number-list li, .ar-prose blockquote { font-size: 14px; }
  .ar-square-list li { padding-left: 20px; }
  .ar-prose blockquote { padding: 18px; }
  .ar-prose .ar-note { grid-template-columns: 24px 1fr; min-height: 0; padding: 18px 14px; font-size: 12px; }
  .ar-prose .ar-note img { width: 24px; height: 24px; }
  .ar-general-page .ar-prose { gap: 13.8px; }
  .ar-general-page .ar-inner-copy--primary { padding-bottom: 46px; }
  .ar-general-page .ar-prose > p { letter-spacing: -.08px; }
  .ar-general-page .ar-prose > p:nth-child(4), .ar-general-page .ar-prose > p:nth-child(8), .ar-general-page .ar-prose > p:nth-child(11) { line-height: 20px; }
  .ar-general-page .ar-prose h2:not(:first-child), .ar-general-page .ar-prose h3 { margin-top: 0; }
  .ar-general-page .ar-square-list { gap: 6px; margin-top: 0; }
  .ar-general-page .ar-square-list li { padding-left: 18px; }
  .ar-general-page .ar-square-list li::before { top: 6px; width: 10px; height: 10px; border-width: 2px; }
  .ar-general-page .ar-number-list { gap: 10px; margin: 0; padding: 0; list-style: none; counter-reset: ar-number; }
  .ar-general-page .ar-number-list li { display: grid; grid-template-columns: 18px 1fr; gap: 8px; padding: 0; counter-increment: ar-number; }
  .ar-general-page .ar-number-list li::before { content: counter(ar-number); display: grid; place-items: center; width: 18px; height: 20px; color: var(--ar-green); font-size: 12px; font-weight: 600; line-height: 1; border: 1px solid rgba(80,159,1,.34); }
  .ar-general-page .ar-prose .ar-note { display: flex; flex-direction: column; gap: 8px; padding: 17px 14px; border: 1px solid var(--ar-yellow); border-radius: 4px; }
  .ar-general-page .ar-prose .ar-note img { width: 18px; height: 18px; }
  .ar-inner-table { min-width: 1234px; font-size: 14px; }
  .ar-inner-table tr > *:first-child { width: 126px; }
  .ar-inner-table tr > *:nth-child(2) { width: 346px; }
  .ar-inner-table tr > *:nth-child(3) { width: 401px; }
  .ar-inner-table tr > *:nth-child(4) { width: 208px; }
  .ar-inner-table tr > *:nth-child(5) { width: 153px; }
  .ar-inner-table th { height: 44px; }
  .ar-inner-table td { height: 48px; }
  .ar-general-page .ar-inner-table-wrap { position: relative; height: 248px; margin: 0; padding-bottom: 12px; scrollbar-width: none; }
  .ar-general-page .ar-inner-table-wrap::-webkit-scrollbar { display: none; }
  .ar-general-page .ar-inner-table-wrap::after { content: ""; position: absolute; right: 0; bottom: 0; left: 0; height: 6px; background: linear-gradient(90deg, rgba(235,245,230,.08) 0 23.3%, rgba(235,245,230,.02) 23.3% 100%); border-radius: 4px; }
  .ar-inner-table th, .ar-inner-table td { padding-inline: 14px; }
  .ar-inner-faq { padding-block: 46px; }
  .ar-inner-faq h2, .ar-author-news h2 { margin-bottom: 18px; }
  .ar-inner-faq .ar-faq-list { gap: 0; }
  .ar-inner-faq .ar-faq-list article { padding-bottom: 18px; }
  .ar-inner-faq .ar-faq-answer { font-size: 12px; }
  .ar-author-hero .ar-shell { padding-top: 48px; padding-bottom: 48px; }
  .ar-author-card { grid-template-columns: 105px minmax(0, 1fr); grid-template-rows: 101px auto auto auto; column-gap: 14px; row-gap: 12px; min-height: 373px; padding: 20px 18px; }
  .ar-author-card__photo { grid-column: 1; grid-row: 1; width: 105px; height: 101px; }
  .ar-author-card__copy, .ar-author-card__copy > div:first-child { display: contents; }
  .ar-author-card h1 { grid-column: 2; grid-row: 1; align-self: start; }
  .ar-author-card__role { grid-column: 1 / -1; grid-row: 2; font-size: 14px; }
  .ar-author-card__social { grid-column: 1 / -1; grid-row: 3; }
  .ar-author-card__copy > p { grid-column: 1 / -1; grid-row: 4; margin: 0; font-size: 14px; line-height: 1.4; }
  .ar-author-card__social a, .ar-author-share a { width: 28px; height: 28px; }
  .ar-author-page .ar-inner-copy--alternate { padding-block: 46px; }
  .ar-author-page .ar-inner-copy--alternate .ar-prose { gap: 14.6px; }
  .ar-author-page .ar-inner-copy--alternate .ar-prose > p { letter-spacing: -.08px; }
  .ar-author-page .ar-inner-copy--alternate .ar-prose > p:nth-child(4), .ar-author-page .ar-inner-copy--alternate .ar-prose > p:nth-child(6) { line-height: 20px; }
  .ar-author-page .ar-square-list { gap: 7.5px; margin-top: 0; }
  .ar-author-page .ar-square-list li { padding-left: 18px; }
  .ar-author-page .ar-square-list li::before { top: 6px; width: 10px; height: 10px; border-width: 2px; }
  .ar-author-news { padding-block: 46px; }
  .ar-author-news__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px 18px; }
  .ar-author-news__grid article:nth-child(n+13) { display: flex; }
  .ar-author-news__image { height: 98px; margin-bottom: 2px; }
  .ar-author-news__tags { gap: 10px; }
  .ar-author-news__tags a { font-size: 14px; line-height: 1.4; }
  .ar-author-news time { font-size: 12px; }
  .ar-author-news h3 { font-size: 14px; line-height: 1.35; }
  .ar-author-meta { padding: 0; }
  .ar-author-share { height: 40px; min-height: 0; padding: 5px 0; }
  .ar-author-meta .ar-updated { margin-block: 12px; }
  .ar-footer { min-height: 632px; }
  .ar-general-page > .ar-inner-hero { height: 103px; overflow: hidden; }
  .ar-general-page > .ar-inner-copy { height: 3116px; overflow: hidden; }
  .ar-general-page > .ar-inner-faq { height: 609px; overflow: hidden; }
  .ar-author-page > .ar-author-hero { height: 469px; overflow: hidden; }
  .ar-author-page > .ar-inner-copy { height: 1225px; overflow: hidden; }
  .ar-author-page > .ar-author-news { height: 1798px; overflow: hidden; }
  .ar-author-page > .ar-author-meta { height: 96px; overflow: hidden; }
}

:root {
  --ar-white: #ebf5e6;
  --ar-black-400: #080f13;
  --ar-black-500: #030a0e;
  --ar-black-600: #000;
  --ar-green: #509f01;
  --ar-green-hover: #3e6f0d;
  --ar-yellow: #fabd00;
  --ar-border: rgba(235, 245, 230, .08);
  --ar-muted: rgba(235, 245, 230, .62);
}

html { scroll-behavior: smooth; }
body.arabia-site {
  min-width: 320px;
  margin: 0;
  overflow-x: hidden;
  font-family: "Public Sans", Arial, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.4;
  color: var(--ar-white);
  background: var(--ar-black-500);
}
.arabia-site * { box-sizing: border-box; }
.arabia-site img { max-width: 100%; }
.arabia-site a { color: inherit; }
.arabia-site a:hover { color: inherit; }
.arabia-site :where(a[href], button:not(:disabled), [role="button"], summary, select, label[for], input[type="checkbox"], input[type="radio"], input[type="submit"], input[type="button"]) { cursor: pointer; }
.arabia-site :where(button:disabled, select:disabled, input:disabled) { cursor: not-allowed; }
.arabia-site :where(a[href], button:not(:disabled), [role="button"], summary) { transition: color .2s ease, background-color .2s ease, border-color .2s ease, box-shadow .2s ease, filter .2s ease, transform .2s ease; }
.arabia-site :where(a[href], button:not(:disabled), [role="button"], summary):focus-visible { outline: 2px solid var(--ar-yellow); outline-offset: 3px; }
.ar-main :where(h1[id], h2[id], h3[id]) { scroll-margin-top: 48px; }

@media (hover: hover) {
  .arabia-site :where(.ar-header, .ar-main, .ar-footer) :where(a[href], button:not(:disabled), [role="button"], summary):hover { filter: brightness(1.18); }
  .ar-icon-btn:hover, .ar-hamburger:hover, .ar-language:hover { background-color: rgba(80,159,1,.14); border-color: rgba(80,159,1,.75); }
  .ar-btn:hover, .ar-show-more:hover, .ar-ai-summary:hover, .ar-casino-card__details:hover { box-shadow: 0 8px 22px rgba(0,0,0,.22); transform: translateY(-1px); }
  .ar-countries__grid a:hover .ar-country-flag, .ar-brand-links a:hover, .ar-casino-links a:hover, .ar-casino-languages a:hover { background-color: rgba(235,245,230,.05); border-color: rgba(80,159,1,.7); transform: translateY(-2px); }
}
.ar-shell { width: 100%; max-width: 1440px; padding-inline: 90px; margin-inline: auto; }
.ar-main { overflow: hidden; }

.ar-header {
  position: relative;
  z-index: 100;
  height: 96px;
  color: var(--ar-white);
  background: var(--ar-black-400);
}
.ar-header__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  max-width: 1440px;
  height: 96px;
  padding: 24px 90px;
  margin: auto;
}
.ar-header__logo { flex: 0 0 92px; }
.ar-header__logo img { width: 92px; height: 48px; object-fit: contain; }
.ar-header__logo-mobile, .ar-header__gift-mobile, .ar-header__search-mobile { display: none; }
.ar-header__nav { margin: 0; }
.ar-header__menu { display: flex; align-items: center; gap: 40px; margin: 0; padding: 0; list-style: none; }
.ar-header__menu > li { position: relative; }
.ar-header__menu a { display: flex; align-items: center; gap: 6px; font-size: 16px; font-weight: 400; line-height: 1.4; text-decoration: none; white-space: nowrap; }
.ar-header__menu a img { width: 10px; height: 5px; object-fit: fill; }
.ar-header__menu .sub-menu { display: none; position: absolute; z-index: 5; top: calc(100% + 8px); left: 50%; width: max-content; min-width: 180px; max-width: min(320px, calc(100vw - 32px)); height: auto; max-height: none; margin: 0; padding: 14px 16px; overflow: visible; list-style: none; background: var(--ar-black-500); border: 1px solid var(--ar-border); border-radius: 8px; transform: translateX(-50%); }
.ar-header__menu .sub-menu::before { display: none; }
.ar-header__menu .sub-menu > li { position: relative; z-index: 1; }
.ar-header__menu .sub-menu a { display: flex; justify-content: space-between; font-size: 16px; line-height: 22px; }
.ar-header__menu .sub-menu .is-current > a, .ar-header__menu .sub-menu a:hover, .ar-header__menu .sub-menu a:focus-visible { color: var(--ar-yellow); text-decoration: underline; text-underline-offset: 3px; }
.ar-header__menu li.is-submenu-open > .sub-menu { display: grid; gap: 14px; }
.ar-header__menu li.is-submenu-open > a img { transform: rotate(180deg); }
.ar-header__menu .sub-menu .sub-menu { top: -15px; left: calc(100% + 9px); margin: 0; transform: none; }
html[dir="rtl"] .ar-header__menu .sub-menu .sub-menu { right: calc(100% + 9px); left: auto; }
.ar-header__actions { display: flex; align-items: center; gap: 28px; }
.ar-icon-btn, .ar-language {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 42px;
  border: 1px solid var(--ar-border);
  border-radius: 8px;
  background: rgba(235,245,230,.02);
}
.ar-icon-btn { width: 42px; }
.ar-icon-btn--gift { background: var(--ar-green); border-color: var(--ar-green); }
.ar-icon-btn img { width: 20px; height: 20px; }
.ar-language { gap: 4px; min-width: 84px; padding: 0 8px; font-size: 14px; font-weight: 600; }
.ar-language > img:first-child { width: 24px; height: 24px; border-radius: 50%; object-fit: cover; }
.ar-language__chevron { width: 10px !important; height: 5px !important; }
.ar-hamburger { display: none; align-items: center; justify-content: center; width: 42px; height: 42px; padding: 10px; background: rgba(235,245,230,.02); border: 1px solid var(--ar-border); border-radius: 8px; }
.ar-hamburger img { width: 20px; height: 20px; }
.ar-search { position: absolute; right: 90px; top: 84px; display: flex; gap: 8px; padding: 12px; background: var(--ar-black-400); border: 1px solid var(--ar-border); border-radius: 4px; }
.ar-search[hidden] { display: none; }
.ar-search input { width: 250px; padding: 10px 12px; color: var(--ar-white); background: var(--ar-black-500); border: 1px solid var(--ar-border); }
.ar-search button { padding: 10px 18px; color: var(--ar-white); background: var(--ar-green); border: 0; }

.ar-hero { position: relative; height: 716px; overflow: hidden; background: linear-gradient(90deg, #181f01, #141904); }
.ar-hero::before { content: ""; position: absolute; top: -321px; left: 50%; width: 886px; height: 642px; background: url("../assets/figma/82e4ed7cf452d0eb46efd5e6049c5e03fdd9cb07.svg") center/100% 100% no-repeat; transform: translateX(-50%); }
.ar-hero__inner { position: relative; display: flex; align-items: center; height: 100%; }
.ar-hero__copy { position: relative; z-index: 2; display: flex; flex-direction: column; gap: 18px; width: 810px; }
.ar-hero h1 { width: 810px; margin: 0; color: var(--ar-white); font-size: 56px; font-weight: 700; line-height: 1.04; letter-spacing: 0; }
.ar-hero__copy > p { width: 810px; margin: 0; font-size: 16px; line-height: 1.4; }
.ar-check-list { display: grid; gap: 10px; margin: 0; padding: 0; list-style: none; }
.ar-check-list li { position: relative; padding-left: 22px; font-size: 16px; font-weight: 400; line-height: 1.4; }
.ar-check-list li::before { content: ""; position: absolute; top: 4px; left: 0; width: 14px; height: 14px; border: 3px solid var(--ar-green); }
.ar-hero__links { display: flex; gap: 13px; margin-top: 30px; }
.ar-hero__links a { display: flex; align-items: center; justify-content: center; gap: 14px; width: 254px; height: 92px; font-size: 16px; font-weight: 800; text-decoration: none; background: rgba(235,245,230,.02); border: 1px solid var(--ar-border); border-radius: 8px; }
.ar-slot-icon { flex: 0 0 36px; width: 36px; height: 36px; object-fit: contain; }
.ar-hero__dots { display: none; }
.ar-hero__visual { position: absolute; right: 90px; bottom: 0; width: 402px; height: 716px; }
.ar-hero__arch { position: absolute; right: 40px; top: 0; width: 322px; height: 603px; object-fit: contain; }
.ar-hero__person-frame { position: absolute; z-index: 2; right: 3px; bottom: 0; width: 397px; height: 511px; overflow: hidden; }
.ar-hero__person { position: absolute; top: 0; left: -184px; width: 766px; max-width: none !important; height: 511px; object-fit: fill; }

.ar-countries { position: relative; height: 338px; overflow: hidden; background: var(--ar-black-500); }
.ar-countries__map { position: absolute; inset: 0 7%; opacity: .07; background: url("../assets/figma/99a88c5108cdb3e51c0f1d03b93e50336f43ba9e.svg") center 48%/1239px auto no-repeat; }
.ar-countries__grid { position: relative; display: grid; grid-template-columns: repeat(8, 1fr); align-items: center; gap: 12px; height: 100%; }
.ar-countries__grid a { display: flex; flex-direction: column; align-items: center; gap: 14px; width: 147px; text-decoration: none; }
.ar-country-flag { display: flex; align-items: center; justify-content: center; width: 147px; height: 114px; padding: 22px 24px; background: transparent; border: 1px solid var(--ar-border); border-radius: 8px; }
.ar-countries__grid .ar-country-flag img { width: 99px; height: 70px; object-fit: contain; }
.ar-country-name { width: 147px; font-size: 16px; line-height: 1.4; text-align: center; }

.ar-toc { height: 86px; padding-block: 24px; background: var(--ar-black-400); }
.ar-toc__scroll { display: flex; align-items: center; gap: 8px; height: 38px; overflow-x: auto; overflow-y: hidden; scrollbar-width: none; scroll-behavior: smooth; }
.ar-toc__scroll::-webkit-scrollbar { display: none; }
.ar-toc a { flex: 0 0 auto; height: 38px; padding: 10px 12px; color: var(--ar-muted); font-size: 14px; font-weight: 600; line-height: 18px; text-decoration: none; white-space: nowrap; border: 1px solid var(--ar-border); border-radius: 4px; }
.ar-toc a:hover { color: var(--ar-white); background: rgba(235,245,230,.04); border-color: rgba(80,159,1,.55); }
.ar-toc a.is-active { color: var(--ar-black-500); background: var(--ar-yellow); border-color: var(--ar-yellow); }

.ar-section { padding-block: 46px; }
.ar-section--dark { background: var(--ar-black-500); }
.ar-section--light-dark { background: var(--ar-black-400); }
.ar-section h2 { width: 100%; margin: 0 0 38px; color: var(--ar-white); font-size: 42px; font-weight: 600; line-height: 1.22; }
.ar-section > .ar-shell > p { max-width: 1120px; margin: 0 0 16px; color: var(--ar-muted); font-size: 16px; line-height: 1.5; }
.ar-section > .ar-shell > h2 + p { margin-top: -18px; }
.ar-section > .ar-shell > p:last-of-type { margin-bottom: 38px; }
.ar-module-intro { width: 100%; margin: 0 0 38px; color: var(--ar-white); }
.ar-module-intro > :first-child { margin-top: 0; }
.ar-module-intro > :last-child { margin-bottom: 0; }
.ar-module-intro h1, .ar-module-intro h2 { margin: 0 0 18px; color: var(--ar-white); font-size: 42px; font-weight: 600; line-height: 1.22; }
.ar-module-intro h3 { margin: 22px 0 10px; color: var(--ar-white); font-size: 28px; font-weight: 800; line-height: 1.2; }
.ar-module-intro p, .ar-module-intro li { max-width: 1120px; color: var(--ar-muted); font-size: 16px; line-height: 1.5; }
.ar-module-intro p { margin: 0 0 16px; }

/* Classic Editor images with text wrapping, including RTL pages. */
.ar-module-intro::after,
.ar-prose::after { content: ""; display: block; clear: both; }
.ar-module-intro :is(img, figure).alignleft,
.ar-prose :is(img, figure).alignleft {
  float: left;
  display: block;
  max-width: min(46%, 420px);
  height: auto;
  margin: 0 24px 18px 0;
}
.ar-module-intro :is(img, figure).alignright,
.ar-prose :is(img, figure).alignright {
  float: right;
  display: block;
  max-width: min(46%, 420px);
  height: auto;
  margin: 0 0 18px 24px;
}
.ar-module-intro :is(img, figure).aligncenter,
.ar-prose :is(img, figure).aligncenter {
  float: none;
  display: block;
  max-width: 100%;
  height: auto;
  margin: 0 auto 20px;
}
.ar-module-intro p:has(> :is(img, figure).alignleft:only-child),
.ar-module-intro p:has(> :is(img, figure).alignright:only-child),
.ar-prose p:has(> :is(img, figure).alignleft:only-child),
.ar-prose p:has(> :is(img, figure).alignright:only-child) {
  margin: 0;
  line-height: 0;
}
.ar-module-intro h2,
.ar-module-intro h3,
.ar-prose h2,
.ar-prose h3 { clear: both; }

html[dir="rtl"] .ar-module-intro :is(img, figure).alignleft,
html[dir="rtl"] .ar-prose :is(img, figure).alignleft {
  float: right;
  margin: 0 0 18px 24px;
}
html[dir="rtl"] .ar-module-intro :is(img, figure).alignright,
html[dir="rtl"] .ar-prose :is(img, figure).alignright {
  float: left;
  margin: 0 24px 18px 0;
}
.ar-module-intro ul, .ar-module-intro ol { display: grid; gap: 8px; margin: 0 0 16px; padding-left: 24px; }
.ar-inner-copy .ar-module-intro { margin-bottom: 0; }
.ar-author-news .ar-module-intro { margin-bottom: 38px; }
.ar-casino-block__intro { padding-top: 74px; }
.ar-lead { max-width: 1260px; margin: -18px 0 38px; font-size: 16px; line-height: 1.4; }
.ar-btn { display: inline-flex; align-items: center; justify-content: center; min-height: 48px; padding: 12px 22px; font-size: 14px; font-weight: 800; text-decoration: none; border: 1px solid transparent; border-radius: 8px; }
.ar-btn--primary { color: var(--ar-white); background: var(--ar-green); border-color: var(--ar-green); }
.ar-btn--primary:hover { background: var(--ar-green-hover); }
.ar-btn--outline { color: var(--ar-white); background: transparent; border-color: rgba(80,159,1,.55); }

.ar-casino-list { display: grid; gap: 20px; }
.ar-casino-list.is-collapsible:not(.is-expanded) > .ar-casino-card-shell:nth-child(n + 4) { display: none; }
.ar-casino-list.is-expanded + .ar-show-more img { transform: rotate(180deg); }
.ar-show-more img { transition: transform .2s ease; }
.ar-casino-card-shell { height: 292px; }
.ar-casino-card { position: relative; display: grid; grid-template-columns: 210px 0 222px 0 279px 0 175px; column-gap: 52px; align-items: center; width: 100%; min-width: 0; height: 256px; padding: 0 31px; overflow: visible; background: rgba(235,245,230,.02); border: 1px solid var(--ar-border); border-radius: 0; }
.ar-casino-card__brand { grid-column: 1; }
.ar-casino-card__offer { grid-column: 3; }
.ar-casino-card__meta { grid-column: 5; }
.ar-casino-card__actions { grid-column: 7; }
.ar-casino-card::before, .ar-casino-card::after, .ar-casino-card__offer::after { content: ""; position: absolute; top: 0; width: 1px; height: 256px; background: var(--ar-border); }
.ar-casino-card::before { left: 292px; }
.ar-casino-card::after { left: 618px; }
.ar-casino-card__offer::after { left: 1001px; }
.ar-casino-card__number { position: absolute; z-index: 2; top: -1px; left: -1px; display: grid; place-items: center; width: 24px; height: 44px; font-size: 14px; font-weight: 600; background: var(--ar-green); border-radius: 0 0 14px; }
.ar-casino-card__brand { display: flex; flex-direction: column; align-items: center; width: 210px; }
.ar-casino-card__logo-box { display: flex; align-items: center; justify-content: center; width: 210px; height: 104px; margin-bottom: 18px; background: var(--ar-black-500); border-radius: 8px; }
.ar-casino-card__logo-crop { display: grid; place-items: center; width: 105px; height: 19px; overflow: hidden; }
.ar-casino-card__logo { position: static; width: 105px; max-width: 100% !important; height: 19px; padding: 0; object-fit: contain; background: transparent; border-radius: 0; }
.ar-casino-card__logo--mobile, .ar-casino-card__stars--mobile { display: none; }
.ar-casino-card h3 { width: 152px; margin: 0 0 8px; font-size: 18px; font-weight: 800; line-height: 1.2; text-align: center; }
.ar-casino-card__rating { display: flex; align-items: center; justify-content: center; gap: 4px; height: 18px; }
.ar-casino-card__rating img { width: 98px; height: 18px; }
.ar-casino-card__rating span { color: var(--ar-white); font-size: 12px; line-height: 1.14; }
.ar-casino-card__launched { display: flex; align-items: center; justify-content: center; gap: 8px; width: 152px; height: 18px; margin-top: 8px; color: var(--ar-muted); font-size: 14px; font-weight: 600; }
.ar-casino-card__launched img { width: 14px; height: 14px; }
.ar-casino-card__offer { position: static; display: flex; flex-direction: column; align-items: flex-start; gap: 21px; width: 222px; padding: 0; border: 0; }
.ar-casino-card__offer-label { display: flex; align-items: center; gap: 6px; margin: 0; color: var(--ar-white); font-size: 16px; line-height: 1.4; }
.ar-casino-card__offer-label img { width: 18px; height: 18px; }
.ar-casino-card__offer > strong { color: var(--ar-white); font-size: 18px; font-weight: 800; line-height: 1.2; }
.ar-casino-card__meta { display: flex; flex-direction: column; align-items: flex-start; gap: 28px; width: 279px; }
.ar-casino-card__meta > div { display: flex; flex-direction: column; gap: 10px; width: 100%; }
.ar-casino-card__meta > div > span:first-child { color: var(--ar-white); font-size: 16px; line-height: 1.4; }
.ar-card-chips { display: flex; flex-wrap: wrap; gap: 5px; }
.ar-card-chip { display: inline-flex; align-items: center; justify-content: center; gap: 4px; height: 26px; padding: 4px 8px; border: 1px solid var(--ar-border); border-radius: 4px; }
.ar-card-chip b { color: var(--ar-white); font-size: 14px; font-weight: 600; line-height: 1.3; }
.ar-card-chip img { width: 16px; height: 16px; object-fit: contain; }
.ar-card-chips--languages { flex-wrap: nowrap; gap: 5px; }
.ar-card-chips--languages .ar-card-chip { min-width: 55px; height: 26px; padding: 4px 8px; border: 1px solid var(--ar-border); }
.ar-card-chips--languages .ar-card-chip img { display: block; }
.ar-card-chips--countries .ar-card-chip { width: 26px; height: 26px; padding: 2px; border-radius: 50%; }
.ar-card-chips--countries .ar-card-chip b { display: none; }
.ar-card-chips--countries .ar-card-chip img { width: 20px; height: 20px; }
.ar-casino-card--promocode .ar-casino-card__meta { gap: 0; }
.ar-card-promo { display: grid; gap: 12px; width: 100%; }
.ar-card-promo__verified { color: var(--ar-yellow); font-size: 12px; font-weight: 700; line-height: 1.35; }
.ar-card-promo .ar-brand-promo { width: 100%; }
.ar-card-promo .ar-brand-promo code { padding-inline: 9px; }
.ar-card-promo .ar-brand-promo button { min-width: 96px; padding-inline: 10px; }
.ar-casino-card__actions { display: flex; flex-direction: column; align-items: center; gap: 31px; width: 175px; }
.ar-btn--bonus { width: 175px; height: 42px; min-height: 42px; gap: 6px; padding: 10px 20px; color: var(--ar-black-500); font-size: 16px; font-weight: 400; line-height: 1.4; white-space: nowrap; background: var(--ar-yellow); border-radius: 4px; }
.ar-btn--bonus img { width: 20px; height: 20px; }
.ar-action-icon--mobile, .ar-banner-icon--mobile, .ar-banner__close-ring--mobile, .ar-banner__close-icon--mobile { display: none; }
.arabia-site .ar-btn--bonus { color: var(--ar-black-500); }
.ar-btn--review { min-height: 22px; gap: 6px; padding: 0; color: var(--ar-white); font-size: 16px; font-weight: 400; line-height: 1.4; background: transparent; border: 0; border-radius: 0; }
.ar-btn--review img { width: 15px; height: 10px; }
.ar-casino-card__details { display: flex; align-items: center; justify-content: center; gap: 8px; width: 100%; height: 36px; padding: 0; color: var(--ar-muted); font-size: 14px; font-weight: 600; line-height: 1.3; background: transparent; border: 0; }
.ar-casino-card__details img { width: 10px; height: 5px; }
.ar-show-more { display: flex; align-items: center; gap: 8px; width: max-content; height: 22px; margin: 20px auto 0; padding: 0; color: var(--ar-white); font-size: 16px; line-height: 1.4; background: transparent; border: 0; }
.ar-show-more img { width: 15px; height: 10px; }

/* Localized toggle labels remain correct even when an old JS file is cached. */
.ar-casino-card__details > span[data-more-label],
.ar-show-more > span[data-more-label] { font-size: 0; }
.ar-casino-card__details[aria-expanded="false"] > span[data-more-label]::before,
.ar-show-more[aria-expanded="false"] > span[data-more-label]::before { content: attr(data-more-label); }
.ar-casino-card__details[aria-expanded="true"] > span[data-more-label]::before,
.ar-show-more[aria-expanded="true"] > span[data-more-label]::before { content: attr(data-less-label); }
.ar-casino-card__details > span[data-more-label]::before { font-size: 14px; }
.ar-show-more > span[data-more-label]::before { font-size: 16px; }
.ar-reviewer { display: flex; flex-direction: column; gap: 12px; height: 140px; margin-top: 20px; padding: 22px 42px; background: rgba(235,245,230,.02); border: 1px solid rgba(80,159,1,.34); }
.ar-reviewer__eyebrow { color: var(--ar-muted); font-size: 12px; line-height: 1.14; }
.ar-reviewer__body { display: flex; align-items: center; justify-content: space-between; width: 100%; height: 70px; }
.ar-reviewer__identity { display: flex; align-items: center; gap: 12px; width: 375px; }
.ar-reviewer__identity > img { width: 70px; height: 70px; object-fit: cover; border-radius: 8px; }
.ar-reviewer__identity > div { display: flex; flex-direction: column; gap: 6px; width: 293px; }
.ar-reviewer__identity strong { font-size: 18px; font-weight: 800; }
.ar-reviewer__identity span { color: var(--ar-muted); font-size: 16px; }
.ar-reviewer__profile { display: flex; align-items: center; gap: 6px; color: var(--ar-yellow); font-size: 16px; font-weight: 400; text-decoration: none; }
.arabia-site .ar-reviewer__profile { color: var(--ar-yellow); }
.ar-reviewer__profile img { width: 15px; height: 10px; }
.ar-reviewer__social { display: flex; gap: 13px; }
.ar-reviewer__social a, .ar-reviewer__social img { width: 32px; height: 32px; }
.ar-reviewer__date { display: flex; gap: 4px; font-size: 16px; }
.ar-reviewer__date strong { font-weight: 800; }
.ar-reviewer__date span { color: var(--ar-white); }

.ar-help-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 40px; }
.ar-help-grid a { display: block; height: 252px; overflow: hidden; text-decoration: none; background: rgba(235,245,230,.02); border-bottom: 1px solid var(--ar-border); border-radius: 8px; }
.ar-help-grid img { width: 100%; height: 202px; object-fit: cover; }
.ar-help-grid strong { display: block; height: 50px; overflow: hidden; padding: 14px 18px; font-size: 18px; font-weight: 800; line-height: 1.2; }
.ar-help-dots { display: none; }
.ar-featured-info { display: flex; flex-direction: column; gap: 20px; }
.ar-featured-info > p { height: 66px; margin: 0; font-size: 16px; line-height: 1.4; }
.ar-casino-card-shell--featured { height: 256px; }
.ar-casino-card--featured { grid-template-columns: 210px 0 294px 0 279px 0 175px; column-gap: 40px; padding-inline: 31px; }
.ar-casino-card--featured::before { left: 280px; }
.ar-casino-card--featured::after { left: 654px; }
.ar-casino-card--featured .ar-casino-card__offer::after { left: 1013px; }
.ar-casino-card--featured .ar-casino-card__brand { justify-content: flex-start; height: 170px; }
.ar-casino-card--featured .ar-casino-card__logo-box { margin-bottom: 18px; }
.ar-casino-card--featured .ar-casino-card__offer { gap: 10px; width: 294px; }
.ar-casino-card--featured .ar-casino-card__offer > strong { font-size: 18px; }
.ar-casino-card__benefits { display: flex; flex-direction: column; gap: 6px; margin: 4px 0 0; padding: 0; list-style: none; }
.ar-casino-card__benefits li { display: flex; align-items: flex-start; gap: 8px; color: var(--ar-muted); font-size: 12px; line-height: 1.14; }
.ar-casino-card__benefits img { flex: 0 0 17px; width: 17px; height: 17px; }

.ar-sports-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 20px 16px; }
.ar-sports-grid a { display: grid; grid-template-columns: 54px 1fr auto; align-items: center; gap: 14px; min-height: 84px; padding: 12px 20px; text-decoration: none; background: rgba(235,245,230,.02); border: 1px solid var(--ar-border); border-radius: 4px; }
.ar-sports-grid img { width: 54px; height: 54px; object-fit: cover; border-radius: 50%; }
.ar-sports-grid span { font-size: 14px; font-weight: 800; }
.ar-sports-grid b { color: var(--ar-green); }

.ar-seo-copy { display: grid; gap: 36px; }
.ar-seo-section h2 { margin-bottom: 20px; }
.ar-seo-copy > h2 { margin-bottom: -16px; }
.ar-seo-copy > h3 { margin: 0; font-size: 28px; font-weight: 800; line-height: 1.2; }
.ar-seo-copy > p { margin: 0; }
.ar-seo-copy__summary { display: grid; gap: 12px; }
.ar-seo-copy__summary h3 { margin: 0; font-size: 28px; font-weight: 800; line-height: 1.2; }
.ar-seo-copy__summary p { margin: 0; }
.ar-seo-copy__summary > .ar-ai-summary + h2 { margin-top: 14px; }
.ar-ai-summary { display: inline-flex; align-items: center; justify-content: flex-start; gap: 18px; width: 314px; min-height: 50px; padding: 12px 16px; color: var(--ar-white); background: var(--ar-black-500); border: 1px solid rgba(80,159,1,.34); border-radius: 4px; }
.ar-ai-summary__icon { position: relative; flex: 0 0 26px; width: 26px; height: 26px; overflow: hidden; }
.ar-ai-summary__letter-a { position: absolute; z-index: 2; top: 10px; left: 8px; width: 5px; height: 6px; object-fit: contain; }
.ar-ai-summary__letter-i { position: absolute; z-index: 2; top: 10px; left: 15px; width: 2px; height: 6px; object-fit: contain; }
.ar-ai-summary__ring { position: absolute; inset: 0; width: 26px; height: 26px; object-fit: contain; }
.ar-ai-summary strong { font-size: 16px; font-weight: 800; white-space: nowrap; }
.ar-ai-summary__chevron { width: 10px; height: 5px; margin-left: -2px; }
.ar-module-intro .review-ai { margin-block-start: 24px; }
.ar-module-intro .review-ai + h2 { margin-block-start: 28px; }

.ar-table-wrap { overflow-x: auto; }
.ar-table { width: 100%; min-width: 1050px; border-spacing: 0; border-collapse: separate; color: var(--ar-white); font-size: 16px; }
.ar-table th, .ar-table td { height: 50px; padding: 12px 20px; text-align: left; border-right: 1px solid var(--ar-border); border-bottom: 1px solid var(--ar-border); }
.ar-table tr > *:first-child { border-left: 1px solid var(--ar-border); }
.ar-table thead th { height: 46px; font-size: 16px; font-weight: 800; background: rgba(235,245,230,.08); border-top: 1px solid var(--ar-border); }
.ar-table a { display: inline-flex; align-items: center; gap: 6px; color: var(--ar-green); font-weight: 400; text-decoration: none; }
.ar-table a img { width: 15px; height: 10px; }
.ar-table td:nth-child(4), .ar-table th:nth-child(4), .ar-table td:nth-child(5), .ar-table th:nth-child(5) { text-align: center; }
.ar-table td > img { width: 29px; height: 24px; margin-right: 8px; vertical-align: middle; object-fit: cover; border-radius: 4px; }
.ar-table i { display: inline-grid; place-items: center; width: 18px; height: 20px; margin-right: 6px; color: var(--ar-green); font-size: 12px; font-style: normal; border: 1px solid rgba(80,159,1,.34); }
.ar-table i.is-active::after { content: ""; width: 8px; height: 8px; background: var(--ar-green); }
.ar-table mark { color: var(--ar-yellow); background: transparent; text-decoration: underline; }

/* Tables pasted into editorial content. */
.ar-section table[data-sheets-root] {
  width: 100%;
  margin-block: 24px;
  border-spacing: 0;
  border-collapse: collapse;
}
.ar-section table[data-sheets-root] th,
.ar-section table[data-sheets-root] td {
  padding: 14px 16px !important;
  line-height: 1.4;
  vertical-align: middle;
}

@media (max-width: 1023px) {
  .ar-module-intro:has(table[data-sheets-root]) {
    overflow-x: auto;
    scrollbar-width: thin;
  }
  .ar-section table[data-sheets-root] {
    min-width: 680px;
  }
  .ar-section table[data-sheets-root] th,
  .ar-section table[data-sheets-root] td {
    padding: 12px !important;
  }
}

@media (max-width: 767px) {
  .ar-section table[data-sheets-root] {
    margin-block: 18px;
  }
  .ar-section table[data-sheets-root] th,
  .ar-section table[data-sheets-root] td {
    padding: 10px !important;
  }
}

.ar-facts-grid, .ar-experts-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; }
.ar-facts-grid article { min-height: 267px; padding: 32px 20px; background: rgba(235,245,230,.02); border: 1px solid var(--ar-border); border-radius: 4px; }
.ar-facts-grid img { width: 62px; height: 62px; margin-bottom: 24px; }
.ar-facts-grid h3 { margin: 0 0 12px; font-size: 18px; font-weight: 800; }
.ar-facts-grid p { margin: 0; color: var(--ar-muted); font-size: 14px; }
.ar-experts-grid article { display: flex; flex-direction: column; align-items: center; justify-content: center; height: 344px; padding: 26px; text-align: center; background: rgba(235,245,230,.02); border: 1px solid rgba(80,159,1,.34); }
.ar-experts-grid .ar-expert-photo { width: 104px; height: 104px; margin-bottom: 18px; object-fit: cover; object-position: 50% 0; border-radius: 8px; }
.ar-experts-grid h3 { margin: 0 0 10px; font-size: 18px; }
.ar-experts-grid p { margin: 0; color: var(--ar-muted); font-size: 16px; line-height: 1.4; }
.ar-expert-social { display: flex; gap: 13px; margin-top: 18px; }
.ar-experts-grid .ar-expert-social a { display: grid; place-items: center; width: 32px; height: 32px; margin: 0; border: 1px solid var(--ar-border); border-radius: 50%; }
.ar-experts-grid .ar-expert-social img { width: 16px; height: 16px; margin: 0; object-fit: contain; border-radius: 0; }

.ar-howto-list { display: grid; gap: 18px; }
.ar-howto-list article { display: grid; grid-template-columns: 32px 1fr; align-items: start; gap: 10px; height: 156px; padding: 38px 32px; background: rgba(235,245,230,.02); border: 1px solid var(--ar-border); border-radius: 4px; }
.ar-howto-icon { display: grid; place-items: center; width: 32px; height: 32px; color: var(--ar-green); font-size: 28px; font-weight: 800; }
.ar-howto-icon img { width: 32px; height: 32px; object-fit: contain; }
.ar-howto-list h3, .ar-step-list h3 { margin: 0 0 14px; font-size: 18px; font-weight: 800; }
.ar-howto-list p, .ar-step-list p { margin: 0; color: var(--ar-muted); font-size: 16px; }
.ar-howto-list button { display: none; }
.ar-step-list { display: flex; flex-direction: column; gap: 34px; height: auto; padding: 52px 32px; background: rgba(235,245,230,.02); border: 1px solid var(--ar-border); border-radius: 4px; }
.ar-step-list article { position: relative; display: grid; grid-template-columns: 44px minmax(0, 1fr); gap: 16px; height: auto; min-height: 80px; }
.ar-step-list article::after { content: ""; position: absolute; top: 44px; bottom: -34px; left: 20px; width: 1px; border-left: 1px dashed rgba(80,159,1,.34); }
.ar-step-list article:last-of-type::after { display: none; }
.ar-step-list b { display: grid; place-items: center; width: max-content; min-width: 36px; height: 38px; padding: 8px; background: var(--ar-green); border-radius: 8px; }
.ar-step-list__cta { display: flex; align-items: center; justify-content: center; width: 148px; height: 42px; color: var(--ar-black-500); font-size: 16px; line-height: 1.4; text-decoration: none; background: var(--ar-yellow); border-radius: 4px; }
.arabia-site .ar-step-list__cta { color: var(--ar-black-500); }

.ar-faq-list { display: grid; gap: 22px; }
.ar-faq-list article { height: 64px; padding-bottom: 22px; border-bottom: 1px solid var(--ar-border); }
.ar-faq-list article.is-open { height: 134px; }
.ar-faq-list button { display: flex; align-items: center; justify-content: space-between; width: 100%; color: var(--ar-white); text-align: left; background: transparent; border: 0; }
.ar-faq-list button span { font-size: 18px; font-weight: 800; }
.ar-faq-list button b { display: grid; place-items: center; width: 42px; height: 42px; background: rgba(235,245,230,.02); border: 1px solid var(--ar-green); border-radius: 8px; transition: transform .2s, background .2s; }
.ar-faq-list button b img { width: 10px; height: 5px; }
.ar-faq-icon--open { display: none; transform: scaleY(-1); }
.ar-faq-list .is-open button span { color: var(--ar-green); }
.ar-faq-list .is-open button b { background: var(--ar-green); }
.ar-faq-list .is-open .ar-faq-icon--closed { display: none; }
.ar-faq-list .is-open .ar-faq-icon--open { display: block; }
.ar-faq-answer { display: none; width: 100%; max-width: 100%; height: 70px; padding-top: 16px; overflow: hidden; color: var(--ar-white); }
.ar-faq-answer p { height: 54px; overflow: hidden; }
.ar-faq-list .is-open .ar-faq-answer { display: block; }
.ar-faq-answer p { margin: 0; }

.ar-payment-list { display: grid; grid-template-columns: repeat(6, 1fr); gap: 12px; margin-top: 24px; }
.ar-payment-list article { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 14px; height: 182px; padding: 20px; background: rgba(235,245,230,.02); border: 1px solid var(--ar-border); border-radius: 8px; }
.ar-payment-logo { display: grid; place-items: center; width: 68px; height: 48px; background: var(--ar-white); border-radius: 4px; }
.ar-payment-list h3, .ar-payment-list p { margin: 0; }
.ar-payment-list h3 { font-size: 16px; font-weight: 400; }
.ar-payment-list p { color: var(--ar-muted); font-size: 14px; }
.ar-payment-list a { color: var(--ar-green); font-size: 16px; text-decoration: none; }
.ar-slider-dots { display: flex; justify-content: center; gap: 12px; margin-top: 20px; }
.ar-slider-dots i { width: 14px; height: 14px; border: 1px solid var(--ar-border); border-radius: 50px; }
.ar-slider-dots i.is-active { width: 42px; border-color: var(--ar-yellow); }

.ar-news-grid { display: grid; grid-template-columns: 662px 1fr; gap: 30px; }
.ar-news-grid article { display: flex; flex-direction: column; }
.ar-news-grid article > img { width: 100%; height: 238px; object-fit: cover; border-radius: 4px; }
.ar-news-copy { display: flex; flex-direction: column; gap: 10px; padding-top: 26px; }
.ar-news-tags { display: flex; gap: 18px; color: var(--ar-green); }
.ar-news-grid h3 { margin: 0; font-size: 28px; font-weight: 800; line-height: 1.2; }
.ar-news-meta { display: flex; align-items: center; gap: 24px; }
.ar-news-byline, .ar-news-grid time { font-size: 16px; }
.ar-news-byline a { color: var(--ar-yellow); }
.ar-news-grid time, .ar-news-grid p { margin: 0; color: var(--ar-muted); }
.ar-news-list { display: grid; gap: 14px; }
.ar-news-list article { display: grid; grid-template-columns: 250px 1fr; gap: 32px; height: 154px; }
.ar-news-list article > img { width: 250px; height: 154px; }
.ar-news-list .ar-news-copy { justify-content: center; gap: 12px; padding: 0; }
.ar-news-list h3 { font-size: 18px; }
.ar-news-list .ar-news-tags { gap: 18px; font-size: 16px; }

.ar-banner { position: fixed; z-index: 90; right: 0; bottom: 16px; left: 0; padding: 0; background: transparent; pointer-events: none; }
.ar-banner__list { display: block; }
.ar-banner__card { position: relative; display: block; height: 136px; margin-top: 8px; overflow: hidden; border: 1px solid var(--ar-border); border-radius: 8px; }
.ar-banner__card { pointer-events: auto; box-shadow: 0 12px 30px rgba(0,0,0,.45); }
.ar-banner__card::after { content: ""; position: absolute; z-index: 1; inset: 0; overflow: hidden; border-radius: 8px; pointer-events: none; }
.ar-banner__card--green { background: linear-gradient(90deg, #0c2807, #3c4f07); }
.ar-banner__card--purple { background: linear-gradient(90deg, #071028, #37074f); }
.ar-banner__card h3 { position: absolute; z-index: 2; top: 34px; left: 50%; width: 431px; margin: 0; font-size: 28px; line-height: 1.2; text-align: center; transform: translateX(-50%); }
.ar-banner__art { position: absolute; z-index: 1; object-fit: contain; pointer-events: none; }
.ar-banner__art--left { top: -43px; bottom: auto; left: -45px; width: 268px; height: 342px; object-fit: cover; }
.ar-banner__art--right { right: -118px; bottom: -62px; width: 356px; height: 306px; transform: rotate(24.71deg); }
.ar-banner__card--purple .ar-banner__art--left { top: -30px; left: -13px; width: 217px; height: 264px; }
.ar-banner__card--purple .ar-banner__art--right { right: -166px; bottom: -76px; width: 385px; height: 292px; transform: none; }
.ar-banner__art--right-overlay { right: -193px; bottom: -110px; width: 539px; height: 359px; }
.ar-banner__offer { position: absolute; z-index: 3; display: flex; flex-direction: column; align-items: center; gap: 16px; width: 175px; }
.ar-banner__offer--melbet { top: 30px; left: 153px; }
.ar-banner__offer--1xbet { top: 23px; right: 166px; }
.ar-banner__brand { width: 105px; height: 19px; object-fit: contain; }
.ar-banner__offer a { display: flex; align-items: center; justify-content: center; gap: 6px; width: 175px; min-width: 175px; height: 42px; color: var(--ar-black-500); font-size: 16px; text-decoration: none; background: var(--ar-yellow); border-radius: 4px; }
.ar-banner__offer a img { width: 20px; height: 20px; }
.ar-1xbet-logo { position: relative; display: block; width: 105px; height: 26px; }
.ar-1xbet-logo img { position: absolute; top: 14.22%; height: 68.22%; }
.ar-1xbet-logo img:nth-child(1) { left: 3.33%; width: 37.12%; }
.ar-1xbet-logo img:nth-child(2) { top: 14.23%; left: 15.19%; width: 11.71%; height: 28.23%; }
.ar-1xbet-logo img:nth-child(3) { left: 36.71%; width: 21.53%; }
.ar-1xbet-logo img:nth-child(4) { left: 56.63%; width: 21.3%; }
.ar-1xbet-logo img:nth-child(5) { left: 78.15%; width: 19.84%; }
.ar-banner__close { position: absolute; z-index: 5; top: 0; right: 0; width: 24px; height: 24px; padding: 0; background: transparent; border: 0; }
.ar-banner__close-ring { position: absolute; inset: 0; width: 24px; height: 24px; }
.ar-banner__close-icon { position: absolute; top: 4px; left: 4px; width: 16px; height: 16px; }

@media (min-width: 1024px) {
  .ar-main > [data-node-id="12034:1685"] { height: 3579px; overflow: hidden; }
  .ar-main > [data-node-id="12040:1256"] { height: 529px; overflow: hidden; }
  .ar-main > [data-node-id="12040:1257"] { height: 705px; overflow: hidden; }
  .ar-main > [data-node-id="12041:562"] { height: 485px; overflow: hidden; }
  .ar-main > [data-node-id="12041:740"] { height: 623px; overflow: hidden; }
  .ar-main > [data-node-id="12041:900"] { height: 529px; overflow: hidden; }
  .ar-main > [data-node-id="12041:967"] { height: 549px; overflow: hidden; }
  .ar-main > [data-node-id="12041:1134"] { height: 621px; overflow: hidden; }
  .ar-main > [data-node-id="12043:1404"] { height: 955px; overflow: hidden; }
  .ar-main > [data-node-id="12043:1623"] { height: 765px; overflow: hidden; }
  .ar-main > [data-node-id="12043:1746"] { height: 669px; overflow: hidden; }
  .ar-main > [data-node-id="12043:1780"] { height: 627px; overflow: hidden; }
  .ar-main > [data-node-id="12043:1918"] { height: 767px; overflow: hidden; }
  .ar-main > [data-node-id="12047:816"] { height: auto; overflow: visible; }
}

.ar-footer { padding: 58px 0 26px; background: var(--ar-black-600); border-top: 1px solid var(--ar-border); }
.ar-footer__main { display: grid; grid-template-columns: 304px 1fr 1fr 250px; gap: 66px; }
.ar-footer__brand img { width: 92px; height: 48px; margin-bottom: 20px; }
.ar-footer__brand p { margin: 0; color: var(--ar-muted); font-size: 14px; font-weight: 600; }
.ar-footer__column, .ar-footer__social { display: flex; flex-direction: column; gap: 12px; }
.ar-footer h3 { margin: 0 0 8px; font-size: 16px; font-weight: 800; }
.ar-footer__column a { color: var(--ar-muted); font-size: 14px; text-decoration: none; }
.ar-footer__icons { display: flex; gap: 12px; }
.ar-footer__icons img { width: 32px; height: 32px; }
.ar-footer__bottom { margin-top: 28px; padding-top: 24px; border-top: 1px solid var(--ar-border); }
.ar-footer__bottom p { margin: 0; color: var(--ar-muted); font-size: 12px; }

@media (max-width: 1199px) {
  .ar-shell { padding-inline: 32px; }
  .ar-header__inner { padding-inline: 32px; }
  .ar-header__menu { gap: 20px; }
  .ar-header__menu a { font-size: 12px; }
  .ar-hero__visual { right: -70px; opacity: .85; }
  .ar-casino-card, .ar-casino-card--featured { grid-template-columns: 210px 1fr 190px; }
  .ar-casino-card__actions { grid-column: 1 / -1; grid-template-columns: repeat(2, 180px); justify-content: end; }
  .ar-help-grid { gap: 16px; }
  .ar-sports-grid { grid-template-columns: repeat(3, 1fr); }
  .ar-footer__main { grid-template-columns: 1.4fr 1fr 1fr; gap: 36px; }
  .ar-footer__social { grid-column: 1 / -1; }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .ar-shell { padding-inline: 40px; }
  .ar-header, .ar-header__inner { height: 80px; }
  .ar-header__inner { padding: 16px 40px; }
  .ar-header__nav { display: none; position: absolute; z-index: 50; top: 80px; left: 0; width: 100%; max-height: calc(100vh - 80px); padding: 8px 40px 16px; overflow-y: auto; background: var(--ar-black-400); border-top: 1px solid var(--ar-border); box-shadow: 0 14px 24px rgba(0, 0, 0, .3); isolation: isolate; }
  .ar-header__nav.is-open { display: block; }
  .ar-header__menu { display: grid; gap: 0; }
  .ar-header__menu > li { border-bottom: 1px solid var(--ar-border); }
  .ar-header__menu > li:last-child { border-bottom: 0; }
  .ar-header__menu > li > a,
  .ar-header__menu .sub-menu a { min-height: 44px; padding: 10px 4px; font-size: 14px; line-height: 20px; font-weight: 600; white-space: normal; overflow-wrap: anywhere; }
  .ar-header__menu .menu-item-has-children > a { justify-content: space-between; }
  .ar-header__menu .sub-menu { position: static; width: 100%; min-width: 0; max-width: none; height: auto; max-height: none; margin: 0 0 8px; padding: 4px 10px; gap: 0; overflow: visible; background: rgba(255, 255, 255, .025); border: 0; border-radius: 6px; transform: none; box-shadow: none; }
  .ar-header__menu li.is-submenu-open > .sub-menu { gap: 0; }
  .ar-header__menu .sub-menu .sub-menu { width: 100%; max-width: none; margin: 0 0 4px; padding: 0 0 0 12px; background: transparent; border: 0; border-left: 2px solid rgba(83, 181, 0, .55); border-radius: 0; }
  .ar-header__menu .sub-menu .sub-menu a { min-height: 40px; padding: 8px 10px; font-size: 14px; line-height: 20px; font-weight: 500; }
  .ar-header__menu .sub-menu::before { display: none; }
  .ar-header__actions { gap: 8px; }
  .ar-icon-btn--gift { margin-right: 20px; }
  .ar-hamburger { display: flex; margin-left: 20px; }

  .ar-hero { height: 634px; }
  .ar-hero__copy { width: 100%; gap: 24px; }
  .ar-hero h1 { font-size: 48px; font-weight: 800; line-height: 1.11; }
  .ar-hero__copy > p { font-size: 16px; }
  .ar-hero .ar-check-list { gap: 8px; }
  .ar-hero .ar-check-list li { font-size: 16px; font-weight: 400; line-height: 1.4; }
  .ar-hero__links { gap: 14px; margin-top: 0; }
  .ar-hero__links a { flex-direction: column; gap: 10px; width: 207px; height: 114px; }
  .ar-slot-icon { width: 36px; height: 36px; }
  .ar-hero__visual { display: none; }

  .ar-countries { height: 456px; }
  .ar-countries__grid { grid-template-columns: repeat(4, 1fr); gap: 18px 14px; padding-block: 64px; }
  .ar-countries__grid a { height: 136px; }
  .ar-countries__grid img { width: 99px; height: 70px; }

  .ar-toc { height: 74px; }
  .ar-section { padding-block: 38px; }
  .ar-section h2 { margin-bottom: 28px; font-size: 38px; line-height: 1.2; }
  .ar-module-intro { margin-bottom: 28px; }
  .ar-module-intro h1, .ar-module-intro h2 { font-size: 38px; }
  .ar-casino-list { gap: 16px; }
  .ar-casino-card, .ar-casino-card--featured {
    grid-template-columns: 216px minmax(0, 1fr);
    grid-template-rows: auto auto auto;
    gap: 0 20px;
    min-height: 400px;
    padding: 28px 24px;
  }
  .ar-casino-card__brand { grid-row: 1 / 4; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; gap: 18px; padding-right: 20px; text-align: center; border-right: 1px solid var(--ar-border); }
  .ar-casino-card__logo { width: 105px; height: 19px; }
  .ar-casino-card__rating { display: flex; justify-content: center; }
  .ar-casino-card__offer { grid-column: 2; padding: 0 0 20px; border: 0; }
  .ar-casino-card__meta { grid-column: 2; grid-template-columns: 1fr; padding-block: 20px; border-top: 1px solid var(--ar-border); }
  .ar-casino-card--promocode .ar-casino-card__meta { display: block; }
  .ar-casino-card__actions { grid-column: 2; grid-template-columns: repeat(2, 1fr); justify-content: stretch; }
  .ar-reviewer { grid-template-columns: 76px 1fr; }
  .ar-reviewer > a, .ar-reviewer__date { grid-column: 2; }
  .ar-reviewer__date { padding: 12px 0 0; border-top: 1px solid var(--ar-border); border-left: 0; }

  .ar-help-grid { gap: 14px; }
  .ar-help-grid img { height: 170px; }
  .ar-sports-grid { grid-template-columns: repeat(3, 1fr); }
  .ar-facts-grid, .ar-experts-grid { grid-template-columns: repeat(2, 1fr); }
  .ar-footer__main { grid-template-columns: repeat(2, 1fr); }
  .ar-footer__brand, .ar-footer__social { grid-column: auto; }
}

@media (max-width: 767px) {
  body.arabia-site { font-size: 14px; }
  .ar-shell { padding-inline: 15px; }
  .ar-header, .ar-header__inner { height: 66px; }
  .ar-header__inner { padding: 12px 15px; }
  .ar-header__logo { flex-basis: 78px; width: 78px; height: 42px; }
  .ar-header__logo img { width: 78px; height: 42px; }
  .ar-header__logo-desktop, .ar-header__gift-desktop, .ar-header__search-desktop { display: none; }
  .ar-header__logo-mobile, .ar-header__gift-mobile, .ar-header__search-mobile { display: block; }
  .ar-header__nav { display: none; position: absolute; z-index: 50; top: 66px; left: 0; width: 100%; max-height: calc(100vh - 66px); padding: 8px 16px 16px; overflow-y: auto; background: var(--ar-black-400); border-top: 1px solid var(--ar-border); box-shadow: 0 14px 24px rgba(0, 0, 0, .3); isolation: isolate; }
  .ar-header__nav.is-open { display: block; }
  .ar-header__menu { display: grid; gap: 0; }
  .ar-header__menu > li { border-bottom: 1px solid var(--ar-border); }
  .ar-header__menu > li:last-child { border-bottom: 0; }
  .ar-header__menu > li > a,
  .ar-header__menu .sub-menu a { min-height: 44px; padding: 10px 4px; font-size: 14px; line-height: 20px; font-weight: 600; white-space: normal; overflow-wrap: anywhere; }
  .ar-header__menu .menu-item-has-children > a { justify-content: space-between; }
  .ar-header__menu .sub-menu { position: static; width: 100%; min-width: 0; max-width: none; height: auto; max-height: none; margin: 0 0 8px; padding: 4px 10px; gap: 0; overflow: visible; background: rgba(255, 255, 255, .025); border: 0; border-radius: 6px; transform: none; box-shadow: none; }
  .ar-header__menu li.is-submenu-open > .sub-menu { gap: 0; }
  .ar-header__menu .sub-menu .sub-menu { width: 100%; max-width: none; margin: 0 0 4px; padding: 0 0 0 12px; background: transparent; border: 0; border-left: 2px solid rgba(83, 181, 0, .55); border-radius: 0; }
  .ar-header__menu .sub-menu .sub-menu a { min-height: 40px; padding: 8px 10px; font-size: 14px; line-height: 20px; font-weight: 500; }
  .ar-header__menu .sub-menu::before { display: none; }
  .ar-language { display: none; }
  .ar-icon-btn { width: 38px; height: 38px; border-radius: 4px; }
  .ar-icon-btn img { width: 16px; height: 16px; }
  .ar-hamburger { display: flex; width: 38px; height: 38px; padding: 10px; border-radius: 4px; }
  .ar-hamburger img { width: 16px; height: 16px; }
  .ar-header__actions { gap: 16px; }
  .ar-header__actions { position: absolute; top: 14px; right: 15px; }
  .ar-search { top: 62px; right: 16px; left: 16px; }
  .ar-search input { width: 100%; }

  .ar-hero { height: 727px; }
  .ar-hero__inner { display: block; padding-top: 52px; }
  .ar-hero__copy { width: 100%; gap: 14px; }
  .ar-hero h1 { width: 100%; font-size: 32px; line-height: 1.1; }
  .ar-hero__copy > p { width: 100%; font-size: 14px; }
  .ar-check-list li { font-size: 12px; }
  .ar-hero__links { gap: 8px; margin-top: 8px; overflow-x: auto; }
  .ar-hero__links a { flex: 0 0 145px; height: 48px; font-size: 11px; }
  .ar-hero__visual { display: none; }
  .ar-hero__links { flex-direction: row; gap: 12px; width: 100%; overflow-x: auto; scrollbar-width: none; }
  .ar-hero__links::-webkit-scrollbar { display: none; }
  .ar-hero__links a { flex: 0 0 170px; flex-direction: column; gap: 10px; width: 170px; height: 108px; }
  .ar-slot-icon { width: 36px; height: 36px; }
  .ar-hero__dots { display: flex; justify-content: center; gap: 10px; width: 100%; margin-top: 6px; }
  .ar-hero__dots i { width: 12px; height: 12px; border: 1px solid var(--ar-border); border-radius: 50%; }
  .ar-hero__dots i:first-child { width: 32px; border-color: var(--ar-yellow); border-radius: 10px; }

  .ar-countries { height: 442px; }
  .ar-countries__map { inset: 0; background-image: url("../assets/figma/cdd1d5045ac08204ad27188e9c752ea3561335f0.svg"); background-position: center; background-size: auto 442px; }
  .ar-countries__grid { grid-template-columns: repeat(3, 101px); align-content: center; justify-content: start; gap: 16px 13px; padding-block: 46px; }
  .ar-countries__grid a { gap: 8px; width: 101px; height: 104px; padding: 0; text-align: center; }
  .ar-country-flag { width: 101px; height: 78px; padding: 13px 14px; border-radius: 4px; }
  .ar-countries__grid .ar-country-flag img { width: 72px; height: 51px; }
  .ar-country-name { width: 101px; font-size: 12px; line-height: 18px; }
  .ar-toc { height: 64px; padding-block: 16px; }
  .ar-toc__scroll { gap: 8px; height: 32px; overflow-x: auto; scrollbar-width: none; }
  .ar-toc__scroll::-webkit-scrollbar { display: none; }
  .ar-toc a { height: 32px; padding: 7px 10px; font-size: 12px; line-height: 16px; }

  .ar-section { padding-block: 32px; }
  .ar-section h2 { margin-bottom: 18px; font-size: 26px; line-height: 1.2; }
  .ar-module-intro { margin-bottom: 18px; }
  .ar-module-intro h1, .ar-module-intro h2 { margin-bottom: 10px; font-size: 26px; }
  .ar-module-intro h3 { margin-top: 16px; font-size: 20px; }
  .ar-module-intro p, .ar-module-intro li { font-size: 14px; }
  .ar-module-intro :is(img, figure).alignleft,
  .ar-module-intro :is(img, figure).alignright,
  .ar-prose :is(img, figure).alignleft,
  .ar-prose :is(img, figure).alignright,
  html[dir="rtl"] .ar-module-intro :is(img, figure).alignleft,
  html[dir="rtl"] .ar-module-intro :is(img, figure).alignright,
  html[dir="rtl"] .ar-prose :is(img, figure).alignleft,
  html[dir="rtl"] .ar-prose :is(img, figure).alignright {
    float: none;
    max-width: min(100%, 320px);
    margin: 0 auto 18px;
  }
  .ar-casino-block__intro { padding-top: 42px; }
  .ar-lead { margin-top: -12px; font-size: 14px; }
  .ar-casino-card-shell:not(.ar-casino-card-shell--featured) { height: 562px; }
  .ar-casino-card:not(.ar-casino-card--featured) { display: flex; flex-direction: column; align-items: stretch; gap: 0; width: 100%; height: 534px; min-height: 0; padding: 18px 16px; overflow: hidden; }
  .ar-casino-card:not(.ar-casino-card--featured)::before, .ar-casino-card:not(.ar-casino-card--featured)::after, .ar-casino-card:not(.ar-casino-card--featured) .ar-casino-card__offer::after { display: none; }
  .ar-casino-card__number { top: -1px; left: -1px; display: grid; width: 20px; height: 34px; font-size: 12px; border-radius: 0 0 10px; }
  .ar-casino-card:not(.ar-casino-card--featured) .ar-casino-card__brand { display: grid; grid-template-columns: minmax(0, 1fr) auto; grid-template-rows: 142px 22px 18px; align-items: center; gap: 10px 8px; width: 100%; height: 212px; padding: 0; text-align: left; border: 0; }
  .ar-casino-card:not(.ar-casino-card--featured) .ar-casino-card__logo-box { grid-column: 1 / -1; width: 100%; height: 142px; margin: 0; background: #f7f8f7; }
  .ar-casino-card:not(.ar-casino-card--featured) .ar-casino-card__logo-crop { width: 100%; height: 100%; overflow: hidden; }
  .ar-casino-card__logo--desktop, .ar-casino-card__stars--desktop { display: none; }
  .ar-casino-card__logo--mobile, .ar-casino-card__stars--mobile { display: block; }
  .ar-casino-card:not(.ar-casino-card--featured) .ar-casino-card__logo--mobile { position: static; width: 100%; height: 100%; object-fit: contain; }
  .ar-casino-card:not(.ar-casino-card--featured) h3 { grid-column: 1; grid-row: 2; width: auto; margin: 0; font-size: 18px; text-align: left; }
  .ar-casino-card:not(.ar-casino-card--featured) .ar-casino-card__rating { grid-column: 2; grid-row: 2; justify-content: flex-end; }
  .ar-casino-card:not(.ar-casino-card--featured) .ar-casino-card__rating img { width: 88px; height: 16px; }
  .ar-casino-card:not(.ar-casino-card--featured) .ar-casino-card__launched { grid-column: 1 / -1; grid-row: 3; justify-content: flex-start; width: auto; margin: 0; font-size: 12px; }
  .ar-casino-card:not(.ar-casino-card--featured) .ar-casino-card__offer { gap: 10px; width: 100%; min-height: 94px; padding: 14px 0 12px; border-top: 1px solid var(--ar-border); }
  .ar-casino-card:not(.ar-casino-card--featured) .ar-casino-card__offer-label { font-size: 14px; }
  .ar-casino-card:not(.ar-casino-card--featured) .ar-casino-card__offer > strong { font-size: 20px; line-height: 1.2; }
  .ar-casino-card:not(.ar-casino-card--featured) .ar-casino-card__meta { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; width: 100%; min-height: 112px; padding: 12px 0; border-top: 1px solid var(--ar-border); }
  .ar-casino-card--promocode:not(.ar-casino-card--featured) .ar-casino-card__meta { display: block; }
  .ar-casino-card--promocode .ar-card-promo { gap: 8px; }
  .ar-casino-card--promocode .ar-card-promo .ar-brand-promo { grid-template-columns: minmax(0, 1fr) auto; }
  .ar-casino-card--promocode .ar-card-promo .ar-brand-promo button { min-width: 104px; }
  .ar-casino-card:not(.ar-casino-card--featured) .ar-casino-card__meta > div { gap: 8px; }
  .ar-casino-card:not(.ar-casino-card--featured) .ar-casino-card__meta > div > span:first-child { font-size: 12px; }
  .ar-casino-card:not(.ar-casino-card--featured) .ar-card-chips--languages { gap: 8px; }
  .ar-casino-card:not(.ar-casino-card--featured) .ar-card-chips--countries { gap: 5px; }
  .ar-casino-card:not(.ar-casino-card--featured) .ar-casino-card__actions { display: grid; grid-template-columns: 146px 1fr; gap: 16px; width: 100%; height: 36px; margin-top: auto; }
  .ar-casino-card:not(.ar-casino-card--featured) .ar-btn--bonus { width: 146px; height: 36px; min-height: 36px; padding: 8px 12px; font-size: 14px; }
  .ar-action-icon--desktop { display: none; }
  .ar-action-icon--mobile { display: block; }
  .ar-casino-card:not(.ar-casino-card--featured) .ar-btn--bonus img { width: 16px; height: 16px; }
  .ar-casino-card:not(.ar-casino-card--featured) .ar-btn--review { justify-self: end; font-size: 14px; }
  .ar-casino-card__details { height: 28px; font-size: 12px; }
  .ar-casino-card__details > span[data-more-label]::before { font-size: 12px; }
  .ar-show-more > span[data-more-label]::before { font-size: 14px; }
  .ar-reviewer { grid-template-columns: 64px 1fr; padding: 18px; }
  .ar-reviewer > img { width: 64px; height: 64px; }
  .ar-reviewer > a, .ar-reviewer__date { grid-column: 1 / -1; }
  .ar-reviewer__date { padding: 14px 0 0; border-top: 1px solid var(--ar-border); border-left: 0; }

  .ar-help-grid { display: flex; gap: 8px; height: 183px; overflow: hidden; }
  .ar-help-grid a { flex: 0 0 204px; height: 183px; }
  .ar-help-grid img { height: 144px; }
  .ar-help-grid strong { min-height: 39px; padding: 10px; font-size: 16px; line-height: 1.2; }
  .ar-help-dots { display: flex; justify-content: center; gap: 10px; margin-top: 16px; }
  .ar-help-dots i { width: 12px; height: 12px; border: 1px solid var(--ar-border); border-radius: 50px; }
  .ar-help-dots .is-active { width: 32px; border-color: var(--ar-yellow); }
  .ar-sports-grid { grid-template-columns: repeat(2, 1fr); gap: 10px; }
  .ar-sports-grid a { grid-template-columns: 38px 1fr; min-height: 68px; padding: 10px; }
  .ar-sports-grid img { width: 38px; height: 38px; }
  .ar-sports-grid span { font-size: 12px; }
  .ar-sports-grid b { display: none; }
  .ar-facts-grid, .ar-experts-grid { grid-template-columns: repeat(2, 1fr); gap: 10px; }
  .ar-facts-grid article { min-height: 0; padding: 20px 14px; }
  .ar-facts-grid img { width: 48px; height: 48px; margin-bottom: 18px; }
  .ar-facts-grid h3 { font-size: 16px; }
  .ar-facts-grid p { font-size: 12px; }
  .ar-experts-grid { display: flex; gap: 10px; overflow: hidden; }
  .ar-experts-grid article { flex: 0 0 155px; height: 279px; padding: 14px 10px; }
  .ar-experts-grid .ar-expert-photo { width: 84px; height: 84px; margin-bottom: 12px; }
  .ar-experts-grid h3 { font-size: 15px; }
  .ar-experts-grid p { font-size: 12px; }
  .ar-expert-social { gap: 6px; margin-top: 12px; }
  .ar-experts-grid .ar-expert-social a { width: 24px; height: 24px; }
  .ar-experts-grid .ar-expert-social img { width: 12px; height: 12px; }
  .ar-howto-list { gap: 12px; }
  .ar-howto-list article { grid-template-columns: 32px 1fr; column-gap: 8px; row-gap: 14px; height: auto; padding: 22px 16px; }
  .ar-howto-icon { width: 32px; height: 32px; border: 0; border-radius: 0; }
  .ar-howto-icon img { width: 32px; height: 32px; }
  .ar-howto-list article > div { display: contents; }
  .ar-howto-list h3 { align-self: center; margin: 0; font-size: 16px; line-height: 1.2; }
  .ar-howto-list p { grid-column: 1 / -1; }
  .ar-howto-list button { display: none; }
  .ar-howto-list p, .ar-step-list p { font-size: 14px; }
  .ar-step-list { padding: 28px 18px; }
  .ar-faq-list { gap: 18px; }
  .ar-faq-list, .ar-faq-list article, .ar-faq-list button { width: 100%; min-width: 0; }
  .ar-faq-list article { padding-bottom: 16px; }
  .ar-faq-list button { min-height: 58px; padding: 0; }
  .ar-faq-list button span { width: 260px; max-width: calc(100% - 70px); font-size: 16px; line-height: 1.2; white-space: normal; }
  .ar-faq-list button b { width: 38px; height: 38px; }
  .ar-faq-answer { padding-top: 14px; font-size: 14px; line-height: 1.4; }
  .ar-seo-copy { gap: 24px; }
  .ar-seo-copy__summary h3 { font-size: 20px; }
  .ar-seo-copy__summary > .ar-ai-summary + h2 { margin-top: 10px; }
  .ar-seo-copy p { font-size: 14px; }
  .ar-ai-summary { min-height: 42px; padding: 8px 12px; font-size: 12px; }
  .ar-module-intro .review-ai { margin-block-start: 18px; }
  .ar-module-intro .review-ai + h2 { margin-block-start: 22px; }
  .ar-payment-list { display: flex; gap: 10px; overflow: hidden; }
  .ar-payment-list article { flex: 0 0 160px; height: 168px; padding: 16px; }
  .ar-payment-list p { display: none; }
  .ar-news-grid { display: flex; flex-direction: column; gap: 14px; }
  .ar-news-featured { height: 392px; }
  .ar-news-grid .ar-news-featured > img { height: 190px; }
  .ar-news-grid h3 { font-size: 20px; }
  .ar-news-featured p { max-height: 40px; overflow: hidden; font-size: 14px; }
  .ar-news-list { gap: 14px; }
  .ar-news-list article { grid-template-columns: 120px 1fr; gap: 14px; height: 120px; overflow: hidden; }
  .ar-news-list article > img { width: 120px; height: 120px; }
  .ar-news-list h3 { font-size: 14px; line-height: 1.25; }
  .ar-news-list time { display: none; }
  .ar-news-list .ar-news-tags { gap: 7px; font-size: 10px; }
  .ar-banner { bottom: 15px; padding: 0; }
  .ar-banner__list { gap: 20px; }
  .ar-banner__card { display: block; height: 190px; margin-top: 8px; padding: 0; }
  .ar-banner__card h3 { top: 16px; left: 50%; width: 273px; font-size: 20px; line-height: 1.32; }
  .ar-banner__offer { top: calc(50% + 21.5px); align-items: center; gap: 5px; width: 145px; padding: 0; transform: translateY(-50%); }
  .ar-banner__offer--melbet { left: 13px; }
  .ar-banner__offer--1xbet { right: 11px; }
  .ar-banner__brand { width: 105px; height: 26px; }
  .ar-banner__offer--1xbet .ar-1xbet-logo { width: 86px; height: 26px; }
  .ar-banner__offer a { gap: 4px; width: 145px; min-width: 145px; height: 36px; min-height: 36px; padding: 8px 26px; font-size: 14px; }
  .ar-banner__offer a img { width: 16px; height: 16px; }
  .ar-banner__offer a span { white-space: nowrap; }
  .ar-banner-icon--desktop, .ar-banner__close-ring--desktop, .ar-banner__close-icon--desktop { display: none; }
  .ar-banner-icon--mobile, .ar-banner__close-ring--mobile, .ar-banner__close-icon--mobile { display: block; }
  .ar-banner__art--left { top: 67px; bottom: auto; left: -60px; width: 137px; height: 175px; object-fit: cover; }
  .ar-banner__art--right { right: -75px; bottom: -69px; width: 185px; height: 159px; }
  .ar-banner__card--purple .ar-banner__art--left { top: 67px; left: -39px; width: 117px; height: 142px; }
  .ar-banner__card--purple .ar-banner__art--right { right: -108px; bottom: -10px; width: 210px; height: 160px; }
  .ar-banner__art--right-overlay { right: -144px; bottom: -50px; width: 294px; height: 196px; }
  .ar-banner__close { top: 0; right: 0; width: 20px; height: 20px; }
  .ar-banner__close-ring { width: 20px; height: 20px; }
  .ar-banner__close-icon { top: 5.5px; left: 5.5px; width: 9px; height: 9px; }
  .ar-main > [data-node-id="12027:1056"] { height: 64px; padding-block: 0; }
  .ar-main > [data-node-id="12034:1685"] { height: 6170px; overflow: hidden; }
  .ar-main > [data-node-id="12034:1685"] .ar-casino-list { gap: 16px; }
  .ar-main > [data-node-id="12034:1685"] .ar-casino-card { height: 534px; }
  .ar-main > [data-node-id="12034:1685"] .ar-show-more { display: none; }
  .ar-main > [data-node-id="12034:1685"] .ar-reviewer { height: 190px; margin-top: 44px; overflow: hidden; }
  .ar-main > [data-node-id="12040:1256"] { height: 352px; overflow: hidden; }
  .ar-main > [data-node-id="12040:1257"] { height: 1165px; overflow: hidden; }
  .ar-main > [data-node-id="12041:562"] { height: 711px; overflow: hidden; }
  .ar-main > [data-node-id="12041:740"] { height: 971px; overflow: hidden; }
  .ar-main > [data-node-id="12041:900"] { height: 389px; overflow: hidden; }
  .ar-main > [data-node-id="12041:900"] .ar-table-wrap { height: 248px; }
  .ar-main > [data-node-id="12041:967"] { height: 933px; overflow: hidden; }
  .ar-main > [data-node-id="12041:1134"] { height: 456px; overflow: hidden; }
  .ar-main > [data-node-id="12043:1404"] { height: 1017px; overflow: hidden; }
  .ar-main > [data-node-id="12043:1623"] { height: 802px; overflow: hidden; }
  .ar-main > [data-node-id="12043:1746"] { height: 609px; overflow: hidden; }
  .ar-main > [data-node-id="12043:1780"] { height: 721px; overflow: hidden; }
  .ar-main > [data-node-id="12043:1918"] { height: 943px; overflow: hidden; }
  .ar-main > [data-node-id="12047:816"] { height: auto; overflow: visible; }
  .ar-footer { padding-top: 42px; }
  .ar-footer__main { grid-template-columns: repeat(2, 1fr); gap: 34px 20px; }
  .ar-footer__brand, .ar-footer__social { grid-column: 1 / -1; }
  .ar-footer__bottom { margin-top: 24px; }
}

/* Casino landing page. Section heights mirror the three Figma frames. */
.ar-casino-hero { position: relative; height: 490px; overflow: hidden; background: linear-gradient(90deg, #181f01, #141904); }
.ar-casino-hero::before { content: ""; position: absolute; top: -520px; left: 50%; width: 900px; height: 650px; background: url("../assets/figma/82e4ed7cf452d0eb46efd5e6049c5e03fdd9cb07.svg") center/contain no-repeat; transform: translateX(-50%); }
.ar-casino-hero__inner { position: relative; display: grid; grid-template-columns: minmax(0, 810px) 402px; grid-template-rows: auto 1fr; align-items: start; justify-content: space-between; height: 100%; padding-block: 28px 36px; }
.ar-casino-hero .ar-breadcrumb { position: static; grid-column: 1 / -1; grid-row: 1; margin: 0 0 22px; }
.ar-casino-hero__copy { position: relative; z-index: 2; grid-column: 1; grid-row: 2; display: flex; flex-direction: column; align-items: flex-start; gap: 16px; }
.ar-casino-hero h1 { width: 100%; margin: 0; font-size: 56px; font-weight: 700; line-height: 1.04; }
.ar-casino-hero__copy > p { margin: 0; font-size: 16px; line-height: 1.4; }
.ar-casino-hero__cards { display: flex; gap: 13px; margin-top: 20px; }
.ar-casino-hero__cards a { display: flex; align-items: center; justify-content: center; gap: 14px; width: 254px; height: 92px; text-decoration: none; background: rgba(235,245,230,.02); border: 1px solid var(--ar-border); border-radius: 8px; }
.ar-casino-hero__slot { display: grid; place-items: center; width: 36px; height: 36px; color: var(--ar-green); font-size: 20px; border: 2px solid var(--ar-green); border-radius: 4px; }
.ar-casino-hero__cards strong { font-size: 16px; font-weight: 800; }
.ar-casino-hero__flag { grid-column: 2; grid-row: 2; align-self: center; width: 360px; height: 360px; margin-inline-start: auto; object-fit: contain; }
.ar-casino-hero__dots { display: none; }
.ar-casino-updated { height: 86px; padding-block: 18px; background: var(--ar-black-500); }

.ar-casino-block { overflow: hidden; }
.ar-casino-block > section, .ar-casino-block > nav { height: 100%; }
.ar-casino-block--toc { height: 86px; }
.ar-casino-block--hero { height: 490px; }
.ar-casino-block--updated { height: 86px; }
.ar-casino-block--top-sites { height: 3579px; }
.ar-casino-block--facts { height: 549px; }
.ar-casino-block--single { height: 705px; }
.ar-casino-block--casino-links { height: 409px; }
.ar-casino-block--banner { height: 369px; }
.ar-casino-block--seo-one, .ar-casino-block--seo-two { height: 369px; }
.ar-casino-block--payments { height: 627px; }
.ar-casino-block--steps { height: 765px; }
.ar-casino-block--bonus-links { height: 529px; }
.ar-casino-block--seo-three { height: 493px; }
.ar-casino-block--tables { height: 529px; }
.ar-casino-block--faq { height: 669px; }
.ar-casino-block--experts { height: 246px; }
.ar-casino-block--languages { height: 538px; }
.ar-casino-block--top-sites > .ar-section, .ar-casino-block--facts > .ar-section, .ar-casino-block--single > .ar-section, .ar-casino-block--seo-one > .ar-section, .ar-casino-block--seo-two > .ar-section, .ar-casino-block--seo-three > .ar-section, .ar-casino-block--payments > .ar-section, .ar-casino-block--steps > .ar-section, .ar-casino-block--tables > .ar-section, .ar-casino-block--faq > .ar-section, .ar-casino-block--experts > .ar-section { padding-block: 46px; }

.ar-casino-links, .ar-casino-languages { padding-block: 94px; background: var(--ar-black-400); }
.ar-casino-links h2, .ar-casino-languages h2 { margin: 0 0 38px; font-size: 42px; font-weight: 600; line-height: 1.22; }
.ar-casino-links--casino .ar-shell > div { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px 16px; }
.ar-casino-links--casino a { display: flex; align-items: center; justify-content: space-between; height: 56px; padding: 12px 20px; text-decoration: none; background: rgba(235,245,230,.02); border: 1px solid var(--ar-border); border-radius: 4px; }
.ar-casino-links--casino a:nth-child(2) { border-color: var(--ar-green); }
.ar-casino-links__content { display: flex; align-items: center; gap: 10px; }
.ar-casino-links--casino .ar-casino-links__content > img { width: 32px; height: 32px; object-fit: contain; }
.ar-casino-links__content strong { font-size: 16px; font-weight: 400; line-height: 1.4; }
.ar-casino-links__arrow { width: 12px; height: 8px; }
.ar-casino-links--bonus { background: var(--ar-black-500); }
.ar-casino-links--bonus .ar-shell > div:not(.ar-casino-links__dots) { display: grid; grid-template-columns: repeat(4, 1fr); gap: 40px; }
.ar-casino-links--bonus a { display: flex; flex-direction: column; overflow: hidden; text-decoration: none; border-radius: 8px 8px 4px 4px; }
.ar-casino-links--bonus .ar-casino-links__content { display: flex; flex-direction: column; align-items: stretch; gap: 0; }
.ar-casino-links--bonus .ar-casino-links__content > img { width: 100%; height: 202px; object-fit: cover; }
.ar-casino-links--bonus .ar-casino-links__content strong { padding: 10px; font-weight: 800; background: rgba(235,245,230,.02); border: 0 solid var(--ar-border); border-width: 0 1px 1px; }
.ar-casino-languages { padding-top: 94px; background: var(--ar-black-400); }
.ar-casino-languages .ar-shell > div { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; }
.ar-casino-languages a { display: flex; align-items: center; justify-content: space-between; min-height: 96px; padding: 20px; text-decoration: none; background: rgba(235,245,230,.02); border: 1px solid var(--ar-border); }
.ar-casino-languages img { width: 70px; height: 48px; object-fit: contain; }
.ar-casino-languages span { font-size: 18px; font-weight: 800; }
.ar-casino-block--experts .ar-experts-grid { grid-template-columns: repeat(4, 1fr); }
.ar-casino-block--experts .ar-section h2 { display: none; }
.ar-casino-block--experts .ar-section { padding-block: 46px; }
.ar-casino-block--experts .ar-experts-grid article { grid-template-columns: 64px 1fr; min-height: 178px; padding: 20px; }
.ar-casino-block--experts .ar-experts-grid img { width: 64px; height: 64px; }
.ar-casino-payments { height: 100%; padding-block: 94px; background: var(--ar-black-400); }
.ar-casino-payments h2 { margin: 0 0 38px; font-size: 42px; font-weight: 600; line-height: 1.22; }
.ar-casino-payments__content { display: grid; gap: 18px; }
.ar-casino-payments__content > p { margin: 0; font-size: 16px; line-height: 1.4; }
.ar-casino-payments__cards { display: grid; grid-template-columns: repeat(6, 1fr); gap: 12px; }
.ar-casino-payments__cards article { display: grid; min-height: 183px; padding: 20px; text-align: center; background: rgba(235,245,230,.02); border: 1px solid var(--ar-border); border-radius: 4px; }
.ar-casino-payments__cards article > div { display: grid; justify-items: center; gap: 12px; }
.ar-casino-payments__cards img { width: 68px; height: 48px; padding: 15px 7px; object-fit: contain; background: var(--ar-white); border-radius: 4px; }
.ar-casino-payments__cards strong { font-size: 18px; }
.ar-casino-payments__cards a { align-self: end; color: var(--ar-green); font-size: 14px; font-weight: 800; }
.ar-casino-payments__dots { display: none; }
.ar-casino-banner { display: flex; align-items: center; height: 100%; padding-block: 62px; background: var(--ar-black-500); }
.ar-casino-banner article { position: relative; height: 245px; overflow: hidden; background: rgba(235,245,230,.02); border: 1px solid var(--ar-green); border-radius: 8px; }
.ar-casino-banner__copy { position: absolute; z-index: 2; top: 50%; left: 50px; display: flex; flex-direction: column; align-items: flex-start; gap: 17px; width: 784px; transform: translateY(-50%); }
.ar-casino-banner__copy h2 { margin: 0; color: #fff; font-size: 28px; font-weight: 800; line-height: 1.2; }
.ar-casino-banner__copy p { margin: 0; font-size: 16px; line-height: 1.4; }
.ar-casino-banner__copy a { display: flex; align-items: center; justify-content: center; width: 175px; height: 42px; color: var(--ar-black-500); text-decoration: none; background: var(--ar-yellow); border-radius: 4px; }
.ar-casino-banner__visual { position: absolute; top: -1px; right: 0; width: 424px; height: 245px; overflow: hidden; }
.ar-casino-banner__decor { position: absolute; top: -155px; left: -24px; width: 470px; height: 452px; object-fit: cover; transform: rotate(13.79deg); }
.ar-casino-banner__person { position: absolute; top: -36px; left: 56px; width: 285px; height: 290px; object-fit: contain; }
.ar-casino-seo { height: 100%; padding-block: 94px; background: var(--ar-black-400); }
.ar-casino-seo--double { background: var(--ar-black-500); }
.ar-casino-seo h2 { margin: 0 0 20px; font-size: 42px; font-weight: 600; line-height: 1.22; }
.ar-casino-seo > .ar-shell > div { display: flex; flex-direction: column; gap: 14px; }
.ar-casino-seo p { margin: 0; font-size: 16px; line-height: 1.4; }
.ar-casino-expert { height: 100%; padding-block: 34px; background: var(--ar-black-400); }
.ar-casino-expert article { display: grid; grid-template-columns: 70px 1fr; gap: 18px; min-height: 178px; padding: 24px; background: rgba(235,245,230,.02); border: 1px solid var(--ar-border); }
.ar-casino-expert__photo { width: 70px; height: 70px; object-fit: cover; border-radius: 8px; }
.ar-casino-expert h3 { margin: 0 0 8px; font-size: 18px; }
.ar-casino-expert p { margin: 0; color: var(--ar-muted); font-size: 14px; }
.ar-casino-expert article > div > div { display: flex; gap: 12px; margin-top: 14px; }
.ar-casino-expert a { display: grid; place-items: center; width: 28px; height: 28px; border: 1px solid var(--ar-border); border-radius: 50%; }

@media (min-width: 768px) and (max-width: 1023px) {
  .ar-casino-block--experts .ar-section { padding-block: 38px; }
  .ar-casino-hero { height: 520px; }
  .ar-casino-hero__inner { grid-template-columns: minmax(0, 1fr) 190px; padding-block: 24px 32px; }
  .ar-casino-hero h1 { font-size: 48px; line-height: 1.11; }
  .ar-casino-hero__copy > p { font-size: 14px; }
  .ar-casino-hero__cards { gap: 10px; margin-top: 18px; }
  .ar-casino-hero__cards a { width: 190px; height: 82px; }
  .ar-casino-hero__flag { width: 190px; height: 190px; }
  .ar-casino-block--toc { height: 74px; }
  .ar-casino-block--hero { height: 520px; }
  .ar-casino-block--updated { height: 70px; }
  .ar-casino-updated { height: 70px; padding-block: 10px; }
  .ar-casino-block--top-sites { height: 4789px; }
  .ar-casino-block--facts { height: 750px; }
  .ar-casino-block--single { height: 938px; }
  .ar-casino-block--casino-links { height: 400px; }
  .ar-casino-block--banner { height: 401px; }
  .ar-casino-block--seo-one, .ar-casino-block--seo-two, .ar-casino-block--seo-three { height: 422px; }
  .ar-casino-block--payments { height: 664px; }
  .ar-casino-block--steps { height: 800px; }
  .ar-casino-block--bonus-links { height: 482px; }
  .ar-casino-block--tables { height: 476px; }
  .ar-casino-block--faq { height: 602px; }
  .ar-casino-block--experts { height: 242px; }
  .ar-casino-block--languages { height: 473px; }
  .ar-casino-links, .ar-casino-languages { padding-block: 64px; }
  .ar-casino-links h2, .ar-casino-languages h2 { font-size: 38px; }
  .ar-casino-links--casino .ar-shell > div, .ar-casino-languages .ar-shell > div { grid-template-columns: repeat(2, 1fr); gap: 16px; }
  .ar-casino-links--bonus .ar-shell > div:not(.ar-casino-links__dots) { grid-template-columns: repeat(4, 1fr); gap: 16px; }
  .ar-casino-links--bonus .ar-casino-links__content > img { height: 150px; }
  .ar-casino-payments { padding-block: 64px; }
  .ar-casino-payments h2 { font-size: 38px; }
  .ar-casino-payments__cards { grid-template-columns: repeat(4, 1fr); gap: 16px; }
  .ar-casino-payments__cards article { min-height: 182px; }
}

@media (max-width: 767px) {
  .ar-casino-block--experts .ar-section { padding-block: 32px; }
  .ar-casino-hero { height: 540px; }
  .ar-casino-hero__inner { display: block; padding-block: 18px 24px; }
  .ar-casino-hero .ar-breadcrumb { position: static; margin-bottom: 22px; }
  .ar-casino-hero__copy { gap: 14px; }
  .ar-casino-hero h1 { width: 235px; font-size: 32px; line-height: 1.1; }
  .ar-casino-hero__copy > p { font-size: 14px; line-height: 1.4; }
  .ar-casino-hero__flag { position: absolute; top: 72px; right: 15px; width: 70px; height: 70px; }
  .ar-casino-hero__cards { display: grid; grid-template-columns: repeat(2, 170px); gap: 12px; margin-top: 10px; overflow: hidden; }
  .ar-casino-hero__cards a { flex-direction: column; gap: 10px; width: 170px; height: 108px; }
  .ar-casino-hero__cards a:nth-child(3) { display: none; }
  .ar-casino-hero__slot { width: 32px; height: 32px; font-size: 17px; }
  .ar-casino-hero__cards strong { font-size: 14px; }
  .ar-casino-hero__dots { display: flex; justify-content: center; gap: 10px; width: 100%; }
  .ar-casino-hero__dots i { width: 12px; height: 12px; border: 1px solid #26300b; border-radius: 50%; }
  .ar-casino-hero__dots i:first-child { width: 32px; border-color: var(--ar-yellow); border-radius: 10px; }
  .ar-casino-block--toc { height: 64px; }
  .ar-casino-block--hero { height: 540px; }
  .ar-casino-page .ar-toc { height: 64px; }
  .ar-casino-block--updated { height: 56px; }
  .ar-casino-updated { height: 56px; padding-block: 12px; }
  .ar-casino-block--top-sites { height: 6170px; }
  .ar-casino-block--facts { height: 933px; }
  .ar-casino-block--single { height: 1165px; }
  .ar-casino-block--casino-links { height: 595px; }
  .ar-casino-block--banner { height: 460px; }
  .ar-casino-block--seo-one, .ar-casino-block--seo-two, .ar-casino-block--seo-three { height: 497px; }
  .ar-casino-block--payments { height: 721px; }
  .ar-casino-block--steps { height: 802px; }
  .ar-casino-block--bonus-links { height: 352px; }
  .ar-casino-block--tables { height: 389px; }
  .ar-casino-block--faq { height: 609px; }
  .ar-casino-block--experts { height: 235px; }
  .ar-casino-block--languages { height: 356px; }
  .ar-casino-links, .ar-casino-languages { padding-block: 46px; }
  .ar-casino-links h2, .ar-casino-languages h2 { margin-bottom: 18px; font-size: 26px; }
  .ar-casino-links--casino .ar-shell > div { grid-template-columns: 1fr; gap: 10px; }
  .ar-casino-links--casino a { height: 48px; padding: 10px 14px; }
  .ar-casino-links--casino a:nth-child(2) { border-color: var(--ar-border); }
  .ar-casino-links__content { gap: 6px; }
  .ar-casino-links--casino .ar-casino-links__content > img { width: 28px; height: 28px; }
  .ar-casino-links__content strong { font-size: 14px; }
  .ar-casino-links--bonus .ar-shell > div:not(.ar-casino-links__dots) { display: flex; gap: 8px; overflow: hidden; }
  .ar-casino-links--bonus a { flex: 0 0 204px; }
  .ar-casino-links--bonus .ar-casino-links__content > img { width: 204px; height: 144px; }
  .ar-casino-links--bonus .ar-casino-links__content strong { font-size: 16px; }
  .ar-casino-links__dots { display: flex; justify-content: center; gap: 10px; margin-top: 16px; }
  .ar-casino-links__dots i { width: 12px; height: 12px; border: 1px solid var(--ar-border); border-radius: 50%; }
  .ar-casino-links__dots i:first-child { width: 32px; border-color: var(--ar-yellow); border-radius: 50px; }
  .ar-casino-languages .ar-shell > div { grid-template-columns: repeat(2, 1fr); gap: 12px; }
  .ar-casino-languages a { min-height: 96px; padding: 14px; }
  .ar-casino-languages img { width: 62px; height: 42px; }
  .ar-casino-block--experts .ar-experts-grid { grid-template-columns: repeat(2, 1fr); }
  .ar-casino-block--experts .ar-experts-grid article { min-height: 160px; }
  .ar-casino-page .ar-casino-block--top-sites > .ar-section, .ar-casino-page .ar-casino-block--tables > .ar-section, .ar-casino-page .ar-casino-block--faq > .ar-section { padding-block: 32px; }
  .ar-casino-page .ar-casino-block--top-sites .ar-section h2, .ar-casino-page .ar-casino-block--tables .ar-section h2, .ar-casino-page .ar-casino-block--faq .ar-section h2 { margin-bottom: 18px; }
  .ar-casino-page .ar-casino-block--top-sites .ar-casino-list { gap: 16px; }
  .ar-casino-page .ar-casino-block--top-sites .ar-casino-card { height: 562px; }
  .ar-casino-page .ar-casino-block--top-sites .ar-show-more { display: none; }
  .ar-casino-page .ar-casino-block--top-sites .ar-reviewer { height: 190px; margin-top: 44px; overflow: hidden; }
  .ar-casino-payments { padding-block: 46px; }
  .ar-casino-payments h2 { margin-bottom: 18px; font-size: 26px; }
  .ar-casino-payments__content { gap: 18px; }
  .ar-casino-payments__content > p { height: 360px; overflow: hidden; font-size: 14px; line-height: 1.4; }
  .ar-casino-payments__cards { grid-template-columns: repeat(2, 160px); gap: 10px; overflow: hidden; }
  .ar-casino-payments__cards article { min-height: 168px; padding: 20px 14px; }
  .ar-casino-payments__cards article:nth-child(n+3) { display: none; }
  .ar-casino-payments__dots { display: flex; justify-content: center; gap: 12px; }
  .ar-casino-payments__dots i { width: 14px; height: 14px; border: 1px solid var(--ar-border); border-radius: 50%; }
  .ar-casino-payments__dots i:first-child { width: 42px; border-color: var(--ar-yellow); border-radius: 10px; }
  .ar-casino-banner { padding-block: 36px; }
  .ar-casino-banner article { height: 388px; }
  .ar-casino-banner__copy { top: 52px; left: 50%; align-items: center; gap: 12px; width: 287px; text-align: center; transform: translateX(-50%); }
  .ar-casino-banner__copy h2 { font-size: 20px; line-height: 1.32; }
  .ar-casino-banner__copy p { font-size: 14px; line-height: 1.4; }
  .ar-casino-banner__copy a { width: 146px; height: 36px; margin-top: 8px; font-size: 14px; }
  .ar-casino-banner__visual { top: auto; right: 0; bottom: -1px; width: 330px; height: 116px; }
  .ar-casino-banner__decor { top: -65px; left: 23px; width: 303px; height: 202px; transform: rotate(33.06deg); }
  .ar-casino-banner__person { top: -76px; left: 66px; width: 198px; height: 201px; }
  .ar-casino-seo { padding-block: 46px; }
  .ar-casino-seo h2 { margin-bottom: 14px; font-size: 26px; line-height: 1.2; }
  .ar-casino-seo p { font-size: 14px; line-height: 1.4; }
  .ar-casino-seo--double p:nth-child(2) { display: none; }
  .ar-casino-expert { padding-block: 32px; }
  .ar-casino-expert article { grid-template-columns: 59px 1fr; gap: 14px; min-height: 171px; padding: 16px 18px; }
  .ar-casino-expert__photo { width: 59px; height: 59px; }
  .ar-casino-expert h3 { font-size: 16px; }
  .ar-casino-expert p { font-size: 12px; line-height: 1.4; }
  .ar-casino-expert article > div > div { margin-top: 8px; }
  .ar-casino-expert a { width: 24px; height: 24px; }
}

/* Brand Review / single review. */
.ar-brand-block { overflow: hidden; }
.ar-brand-block > section { height: 100%; }
.ar-brand-block--hero { height: 660px; }
.ar-brand-block--table { height: 529px; }
.ar-brand-block--pros { height: 563px; }
.ar-brand-block--faq { height: 669px; }
.ar-brand-block--author { height: 208px; }
.ar-brand-block--links { height: 353px; }
.ar-brand-block--banner { height: 369px; }
.ar-brand-hero { position: relative; background: var(--ar-black-500); }
.ar-brand-hero > .ar-shell { position: relative; height: 100%; padding-top: 58px; }
.ar-brand-hero .ar-breadcrumb { top: 14px; }
.ar-brand-hero__card { display: grid; grid-template-columns: 358px 1fr; gap: 32px; height: 554px; padding: 40px; background: rgba(235,245,230,.02); border: 1px solid var(--ar-border); }
.ar-brand-hero__media { display: grid; align-content: start; gap: 18px; }
.ar-brand-hero__logo { display: grid; place-items: center; height: 273px; background: #050c10; border-radius: 4px; }
.ar-brand-logo-frame { position: relative; display: block; overflow: hidden; width: 254px; height: 41.48px; }
.ar-brand-logo { display: block; width: 100%; height: 100%; object-fit: contain; }
.ar-brand-logo--figma { position: absolute; top: -21.7%; left: -11.81%; width: 136.6%; height: 509.9%; max-width: none; object-fit: fill; }
.ar-brand-bonus { display: flex; align-items: center; justify-content: center; height: 42px; color: #0b1203 !important; font-size: 14px; font-weight: 800; text-decoration: none; background: var(--ar-yellow); border-radius: 4px; }
.ar-brand-promo { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 4px; padding: 4px; background: #050c10; border: 1px solid var(--ar-yellow); border-radius: 4px; box-shadow: inset 0 0 0 1px rgba(255,196,0,.08); }
.ar-brand-promo code { display: flex; align-items: center; min-width: 0; min-height: 40px; padding: 8px 12px; overflow: hidden; color: var(--ar-white); font: inherit; font-size: 13px; font-weight: 800; letter-spacing: .04em; white-space: nowrap; text-overflow: ellipsis; background: rgba(235,245,230,.035); border: 1px solid var(--ar-border); border-radius: 3px; user-select: all; }
.ar-brand-promo button { display: flex; align-items: center; justify-content: center; min-width: 120px; min-height: 40px; padding: 8px 14px; color: #0b1203; font: inherit; font-size: 13px; font-weight: 800; text-align: center; background: var(--ar-yellow); border: 0; border-radius: 3px; cursor: pointer; transition: background-color .2s ease, box-shadow .2s ease, transform .2s ease; }
.ar-brand-promo button:hover, .ar-brand-promo button:focus-visible { background: #ffd33d; box-shadow: 0 0 0 2px rgba(255,196,0,.2); outline: 0; transform: translateY(-1px); }
.ar-brand-promo button.is-copied { position: relative; color: #0b1203; background: #ffe36b; box-shadow: 0 0 0 3px var(--ar-yellow), 0 0 22px rgba(255,196,0,.85); animation: ar-promo-copied 700ms ease both; }
.ar-brand-promo button.is-copied::after { content: '✓'; position: absolute; top: -9px; right: -9px; display: grid; width: 22px; height: 22px; place-items: center; color: #0b1203; font-size: 14px; font-weight: 900; line-height: 1; background: var(--ar-yellow); border: 2px solid #050c10; border-radius: 50%; }
@keyframes ar-promo-copied { 0% { transform: scale(1); } 45% { transform: scale(1.035); } 100% { transform: scale(1); } }
.ar-brand-bonus { transition: box-shadow .2s ease, transform .2s ease; }
.ar-brand-bonus.is-promo-highlighted { box-shadow: 0 0 0 2px var(--ar-green), 0 0 22px rgba(82, 181, 0, .65); transform: translateY(-1px); }
.ar-single-promo { padding: 20px 0 28px; background: var(--ar-black-500); }
.ar-single-promo__card { display: block !important; grid-template-columns: none !important; padding: 20px; direction: ltr; background: rgba(235,245,230,.025); border: 1px solid var(--ar-border); border-radius: 4px; }
.ar-single-promo__eyebrow { display: block; width: 100%; margin: 0 0 14px; color: var(--ar-yellow); font-size: 13px; font-weight: 800; text-align: start; }
.ar-single-promo__actions { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(220px, .8fr); gap: 16px; align-items: stretch; direction: ltr; }
.ar-single-promo__actions--copy-only { grid-template-columns: minmax(0, 700px); }
.ar-single-promo__copy { width: 100%; direction: ltr; }
.ar-single-promo__bonus { min-height: 50px; height: auto; }
.ar-brand-hero__info { display: flex; flex-direction: column; gap: 8px; }
.ar-brand-hero__title { display: flex; align-items: center; justify-content: space-between; min-height: 58px; }
.ar-brand-hero__title h1 { margin: 0; font-size: 56px; line-height: 1.04; }
.ar-brand-hero__title > div { display: flex; align-items: center; gap: 8px; }
.ar-brand-hero__title span { color: var(--ar-yellow); letter-spacing: 2px; }
.ar-brand-hero__title strong { font-size: 14px; }
.ar-brand-tabs { display: flex; gap: 14px; overflow-x: auto; }
.ar-brand-tabs { scrollbar-width: none; }
.ar-brand-tabs::-webkit-scrollbar { display: none; }
.ar-brand-tabs button { height: 42px; padding: 10px 14px; color: var(--ar-white); white-space: nowrap; background: rgba(235,245,230,.02); border: 0; border-radius: 4px; }
.ar-brand-tabs .is-active { background: var(--ar-green); }
.ar-brand-facts { display: grid; grid-template-columns: 1fr 126px 112px; gap: 18px; min-height: 278px; padding: 34px 36px; background: rgba(235,245,230,.02); border: 1px solid var(--ar-border); border-radius: 4px; }
.ar-brand-facts > div { display: grid; align-content: start; gap: 8px; }
.ar-brand-facts span { color: var(--ar-muted); font-size: 12px; }
.ar-brand-facts strong { font-size: 14px; }
.ar-brand-facts__payments { grid-column: 1 / 2; }
.ar-brand-facts__payments > div { display: flex; gap: 8px; }
.ar-brand-facts__payments img { width: 38px; height: 26px; padding: 3px; background: #fff; border-radius: 3px; }
.ar-brand-facts__languages { grid-column: 2 / -1; }
.ar-brand-facts small { grid-column: 1 / -1; align-self: end; color: var(--ar-muted); }
.ar-brand-hero__info > .ar-updated { margin-top: 0; }
.ar-brand-table, .ar-brand-pros { padding-block: 94px; background: var(--ar-black-400); }
.ar-brand-table h2, .ar-brand-pros h2, .ar-brand-links h2 { margin: 0 0 38px; font-size: 42px; font-weight: 600; line-height: 1.22; }
.ar-brand-pros { background: var(--ar-black-500); }
.ar-brand-pros__grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 40px; }
.ar-brand-pros article { min-height: 286px; background: rgba(235,245,230,.02); border: 1px solid var(--ar-border); border-radius: 4px; }
.ar-brand-pros article > strong { display: inline-flex; padding: 10px 18px; font-size: 14px; background: var(--ar-green); border-radius: 4px 4px 0 0; }
.ar-brand-pros__cons > strong { background: #df5a5c !important; }
.ar-brand-pros ul { display: grid; gap: 14px; margin: 0; padding: 24px 32px 24px 44px; }
.ar-brand-pros li { font-size: 13px; line-height: 1.4; }
.ar-brand-block--faq > .ar-section { padding-block: 46px; }
.ar-brand-author { padding-block: 34px; background: var(--ar-black-500); }
.ar-brand-author article { position: relative; display: grid; grid-template-columns: minmax(300px,1fr) auto auto auto; align-items: center; gap: 24px; height: 140px; padding: 26px 42px; background: rgba(235,245,230,.02); border: 1px solid var(--ar-border); }
.ar-brand-author__identity { position: relative; display: grid; grid-template-columns: 70px 1fr; align-items: center; gap: 18px; padding-top: 12px; }
.ar-brand-author__identity small { position: absolute; top: -8px; left: 88px; color: var(--ar-muted); }
.ar-brand-author__identity > img { width: 70px; height: 70px; object-fit: cover; border-radius: 8px; }
.ar-brand-author__identity > div { display: grid; gap: 4px; }
.ar-brand-author span, .ar-brand-author p { color: var(--ar-muted); font-size: 14px; }
.ar-brand-author a { color: var(--ar-green); font-size: 14px; font-weight: 800; }
.ar-brand-author__social { display: flex; gap: 8px; }
.ar-brand-author__social a { display: grid; place-items: center; width: 28px; height: 28px; border: 1px solid var(--ar-border); border-radius: 50%; }
.ar-brand-author p { margin: 0; }
.ar-brand-links { padding-block: 94px; background: var(--ar-black-400); }
.ar-brand-links .ar-shell > div:not(.ar-module-intro) { display: grid; grid-template-columns: repeat(9, 1fr); gap: 14px; }
.ar-brand-links a { display: flex; align-items: center; justify-content: center; gap: 12px; min-height: 76px; text-decoration: none; background: rgba(235,245,230,.02); border: 1px solid var(--ar-border); }
.ar-brand-links img { width: 48px; height: 48px; object-fit: contain; }
.ar-brand-links span { font-size: 14px; font-weight: 800; }
.ar-brand-banner { display: flex; align-items: center; height: 100%; padding-block: 62px; background: var(--ar-black-500); }
.ar-brand-banner article { position: relative; height: 245px; overflow: hidden; background: rgba(235,245,230,.02); border: 1px solid var(--ar-green); border-radius: 8px; }
.ar-brand-banner__copy { position: absolute; z-index: 2; top: 50%; left: 50px; display: flex; flex-direction: column; align-items: flex-start; gap: 17px; width: 784px; transform: translateY(-50%); }
.ar-brand-banner__copy h2 { margin: 0; color: #fff; font-size: 28px; font-weight: 800; line-height: 1.2; }
.ar-brand-banner__copy p { margin: 0; font-size: 16px; line-height: 1.4; }
.ar-brand-banner__copy a { display: flex; align-items: center; justify-content: center; gap: 8px; width: 175px; height: 42px; color: var(--ar-black-500); text-decoration: none; background: var(--ar-yellow); border-radius: 4px; }
.ar-brand-banner__copy a img, .ar-casino-banner__copy a img, .ar-brand-bonus img { flex: 0 0 auto; width: 16px; height: 16px; object-fit: contain; }
.ar-brand-bonus { gap: 8px; }

/* Shortcode documentation page. */
.ar-examples { min-height: 100vh; padding: 34px 0 96px; background: var(--ar-black-500); }
.ar-examples .ar-breadcrumb { position: static; margin-bottom: 28px; }
.ar-examples__header { max-width: 920px; margin-bottom: 52px; }
.ar-examples__header h1 { margin: 0 0 16px; font-size: 56px; line-height: 1.05; }
.ar-examples__header p { margin: 0; color: var(--ar-muted); font-size: 16px; line-height: 1.55; }
.ar-examples__header aside { margin-top: 20px; padding: 18px 20px; color: var(--ar-muted); line-height: 1.5; background: rgba(235,245,230,.025); border: 1px solid var(--ar-yellow); border-radius: 4px; }
.ar-examples__header aside strong { color: var(--ar-white); }
.ar-examples__group { margin-top: 48px; }
.ar-examples__group > h2 { margin: 0 0 22px; font-size: 32px; }
.ar-examples__list { display: grid; gap: 12px; }
.ar-examples__item { padding: 18px 20px; background: rgba(235,245,230,.025); border: 1px solid var(--ar-border); border-radius: 6px; }
.ar-examples__item h3 { margin: 0; font-size: 18px; }
.ar-examples__item h3 code { color: var(--ar-yellow); font-size: 15px; overflow-wrap: anywhere; }
.ar-examples__item > p { margin: 12px 0 0; color: var(--ar-muted); }
.ar-examples__item > pre { margin: 14px 0 0; padding: 14px 16px; overflow-x: auto; color: var(--ar-white); background: var(--ar-black-600); border: 1px solid var(--ar-border); border-radius: 4px; }
.ar-examples__item details { margin-top: 14px; }
.ar-examples__item summary { display: inline-flex; align-items: center; min-height: 36px; padding: 8px 12px; color: var(--ar-white); font-weight: 700; background: var(--ar-green); border-radius: 4px; cursor: pointer; }
.ar-examples__live > div { margin-top: 16px; overflow: hidden; border: 1px solid var(--ar-border); border-radius: 4px; }
.ar-examples__live .ar-shell { width: 100%; }
.ar-examples__preview { margin-top: 18px; overflow: hidden; border: 1px solid var(--ar-border); }
.ar-brand-banner__visual { position: absolute; top: -1px; right: 0; width: 424px; height: 245px; overflow: hidden; }
.ar-brand-banner__decor { position: absolute; top: -129px; left: 17px; width: 470px; height: 452px; object-fit: cover; transform: rotate(-17.47deg); }
.ar-brand-banner__person { position: absolute; top: -35px; left: 71px; width: 238px; height: 424px; object-fit: cover; }

@media (min-width: 768px) and (max-width: 1023px) {
  .ar-brand-block--hero { height: 842px; }
  .ar-brand-block--table { height: 476px; }
  .ar-brand-block--pros { height: 772px; }
  .ar-brand-block--faq { height: 602px; }
  .ar-brand-block--author { height: 223px; }
  .ar-brand-block--links { height: 316px; }
  .ar-brand-block--banner { height: 401px; }
  .ar-brand-hero > .ar-shell { padding-top: 64px; }
  .ar-brand-hero__card { grid-template-columns: 240px 1fr; gap: 24px; height: 714px; padding: 30px; }
  .ar-brand-hero__media > div { height: 250px; }
  .ar-brand-hero__title h1 { font-size: 48px; }
  .ar-brand-facts { grid-template-columns: 1fr 110px; }
  .ar-brand-facts > div:nth-child(3) { display: none; }
  .ar-brand-table, .ar-brand-pros, .ar-brand-links { padding-block: 64px; }
  .ar-brand-table h2, .ar-brand-pros h2, .ar-brand-links h2 { font-size: 38px; }
  .ar-brand-pros__grid { grid-template-columns: 1fr; gap: 18px; }
  .ar-brand-pros article { min-height: 270px; }
  .ar-brand-block--faq > .ar-section { padding-block: 38px; }
  .ar-brand-author { padding-block: 32px; }
  .ar-brand-author article { grid-template-columns: minmax(280px,1fr) auto auto; height: 159px; padding: 28px 32px; }
  .ar-brand-author article > p { display: none; }
  .ar-brand-author__social, .ar-brand-author p { grid-column: auto; }
  .ar-brand-links .ar-shell > div:not(.ar-module-intro) { grid-template-columns: repeat(6, 1fr); overflow: hidden; }
  .ar-brand-banner__copy { left: 34px; width: 560px; }
  .ar-brand-banner__visual { right: -110px; }
}

@media (max-width: 767px) {
  .ar-brand-block--hero { height: 947px; }
  .ar-brand-block--table { height: 389px; }
  .ar-brand-block--pros { height: 787px; }
  .ar-brand-block--faq { height: 609px; }
  .ar-brand-block--author { height: 222px; }
  .ar-brand-block--links { height: 229px; }
  .ar-brand-block--banner { height: 460px; }
  .ar-brand-hero > .ar-shell { padding-top: 48px; }
  .ar-brand-hero .ar-breadcrumb { top: 10px; }
  .ar-brand-hero__card { display: flex; flex-direction: column; gap: 12px; height: 851px; padding: 16px; }
  .ar-brand-hero__card--has-promo { height: 851px; min-height: 0; }
  .ar-brand-hero__media { gap: 8px; }
  .ar-brand-hero__logo { height: 160px; }
  .ar-brand-hero__media .ar-brand-logo-frame { width: 180px; height: 29.39px; }
  .ar-brand-promo button { min-width: 106px; padding-inline: 10px; }
  .ar-brand-bonus { height: 36px; }
  .ar-single-promo { padding: 12px 0 20px; }
  .ar-single-promo__card { padding: 14px; }
  .ar-single-promo__eyebrow { margin-bottom: 10px; font-size: 12px; }
  .ar-single-promo__actions { grid-template-columns: 1fr; gap: 10px; }
  .ar-single-promo__bonus { min-height: 42px; height: 42px; }
  .ar-brand-hero__title { min-height: 46px; }
  .ar-brand-hero__title h1 { font-size: 26px; }
  .ar-brand-hero__title span { font-size: 11px; }
  .ar-brand-tabs { gap: 6px; }
  .ar-brand-tabs button { height: 32px; padding: 7px 9px; font-size: 11px; }
  .ar-brand-facts { grid-template-columns: 1fr 90px; gap: 12px; min-height: 390px; padding: 16px; }
  .ar-brand-facts > div:nth-child(3) { display: none; }
  .ar-brand-facts__bonus { grid-column: 1 / -1; }
  .ar-brand-facts__payments { grid-column: 1 / -1; }
  .ar-brand-facts__payments > div { gap: 5px; }
  .ar-brand-facts__payments img { width: 34px; height: 24px; }
  .ar-brand-facts__languages { grid-column: 1 / -1; }
  .ar-brand-hero__info > .ar-updated { margin-block: 0; }
  .ar-brand-table, .ar-brand-pros, .ar-brand-links { padding-block: 46px; }
  .ar-brand-table h2, .ar-brand-pros h2, .ar-brand-links h2 { margin-bottom: 18px; font-size: 26px; }
  .ar-brand-pros__grid { grid-template-columns: 1fr; gap: 14px; }
  .ar-brand-pros article { min-height: 318px; }
  .ar-brand-pros article > strong { padding: 7px 12px; font-size: 12px; }
  .ar-brand-pros ul { gap: 9px; padding: 16px 22px 16px 34px; }
  .ar-brand-pros li { font-size: 11px; }
  .ar-brand-block--faq > .ar-section { padding-block: 32px; }
  .ar-brand-block--faq .ar-section h2 { margin-bottom: 18px; }
  .ar-brand-block--faq .ar-faq-list { gap: 0; }
  .ar-brand-block--faq .ar-faq-list article { padding-bottom: 18px; }
  .ar-brand-author { padding-block: 32px; }
  .ar-brand-author article { grid-template-columns: 1fr auto; gap: 10px; height: 158px; padding: 16px; }
  .ar-brand-author__identity { grid-column: 1 / -1; grid-template-columns: 48px 1fr; gap: 10px; padding-top: 8px; }
  .ar-brand-author__identity small { top: -5px; left: 58px; }
  .ar-brand-author__identity > img { width: 48px; height: 48px; }
  .ar-brand-author__identity > div { font-size: 12px; }
  .ar-brand-author__profile, .ar-brand-author__social, .ar-brand-author article > p { font-size: 10px; }
  .ar-brand-author article > p { display: none; }
  .ar-brand-links .ar-shell > div:not(.ar-module-intro) { display: flex; gap: 10px; overflow: hidden; }
  .ar-brand-links a { flex: 0 0 72px; min-height: 70px; gap: 5px; }
  .ar-brand-links img { width: 32px; height: 32px; }
  .ar-brand-links span { font-size: 11px; }
  .ar-brand-banner { padding-block: 36px; }
  .ar-brand-banner article { height: 388px; }
  .ar-brand-banner__copy { top: 52px; left: 50%; align-items: center; gap: 12px; width: 287px; text-align: center; transform: translateX(-50%); }
  .ar-brand-banner__copy h2 { font-size: 20px; line-height: 1.32; }
  .ar-brand-banner__copy p { font-size: 14px; line-height: 1.4; }
  .ar-brand-banner__copy a { width: 146px; height: 36px; margin-top: 8px; font-size: 14px; }
  .ar-brand-banner__visual { top: auto; right: 0; bottom: -1px; width: 330px; height: 116px; }
  .ar-brand-banner__decor { top: -70px; left: 29px; width: 269px; height: 258px; }
  .ar-brand-banner__person { top: -16px; left: 97px; width: 136px; height: 242px; }
  .ar-examples { padding-top: 24px; }
  .ar-examples__header h1 { font-size: 34px; }
  .ar-examples__group > h2 { font-size: 24px; }
  .ar-examples__item { padding: 14px; }
  .ar-examples__item > code { overflow-wrap: anywhere; }
}

/* Editorial copy belongs to the Classic Editor; structured cards stay in ACF. */
.ar-shortcode-page > :is(h1, h2, h3, p, ul, ol, blockquote) {
  width: min(calc(100% - 40px), 1234px);
  margin-right: auto;
  margin-left: auto;
}
.ar-shortcode-page > h2 {
  margin-top: 0;
  margin-bottom: 18px;
  padding-top: 74px;
  color: var(--ar-white);
  font-size: 42px;
  font-weight: 600;
  line-height: 1.22;
}
.ar-shortcode-page > h3 {
  margin-top: 26px;
  margin-bottom: 12px;
  color: var(--ar-white);
  font-size: 26px;
  line-height: 1.25;
}
.ar-shortcode-page > p,
.ar-shortcode-page > :is(ul, ol, blockquote) {
  margin-top: 0;
  margin-bottom: 16px;
  color: var(--ar-muted);
  font-size: 16px;
  line-height: 1.5;
}
.ar-shortcode-page > p + :is(.ar-section, .ar-casino-block, .ar-brand-table, .ar-brand-pros, .ar-brand-author, .ar-brand-links, .ar-brand-banner),
.ar-shortcode-page > :is(ul, ol, blockquote) + :is(.ar-section, .ar-casino-block, .ar-brand-table, .ar-brand-pros, .ar-brand-author, .ar-brand-links, .ar-brand-banner) {
  margin-top: 22px;
}
.ar-casino-links .ar-shell > p,
.ar-casino-languages .ar-shell > p,
.ar-brand-table .ar-shell > p,
.ar-brand-pros .ar-shell > p,
.ar-brand-links .ar-shell > p,
.ar-brand-author .ar-shell > p {
  max-width: 1120px;
  margin: -18px 0 38px;
  color: var(--ar-muted);
  font-size: 16px;
  line-height: 1.5;
}
.ar-brand-author .ar-shell > h2 { margin: 0 0 38px; font-size: clamp(26px, 3vw, 42px); font-weight: 600; line-height: 1.22; }
.ar-shortcode-page > :is(.ar-section, .ar-inner-copy, .ar-inner-faq, .ar-author-news, .ar-author-meta),
.ar-shortcode-page :is(.ar-casino-block, .ar-brand-block) {
  height: auto !important;
  overflow: visible !important;
}

@media (max-width: 767px) {
  .ar-shortcode-page > :is(h1, h2, h3, p, ul, ol, blockquote) { width: min(calc(100% - 30px), 1234px); }
  .ar-shortcode-page > h2 { margin-bottom: 10px; padding-top: 42px; font-size: 26px; }
  .ar-shortcode-page > h3 { margin-top: 18px; font-size: 20px; }
  .ar-shortcode-page > p,
  .ar-shortcode-page > :is(ul, ol, blockquote) { margin-bottom: 12px; font-size: 14px; }
  .ar-section > .ar-shell > p,
  .ar-casino-links .ar-shell > p,
  .ar-casino-languages .ar-shell > p,
  .ar-brand-table .ar-shell > p,
  .ar-brand-pros .ar-shell > p,
  .ar-brand-links .ar-shell > p,
  .ar-brand-author .ar-shell > p { margin-top: -8px; margin-bottom: 18px; font-size: 14px; }
  .ar-seo-copy > h3 { font-size: 20px; }
}

/* Brand offer popup. */
body.ar-popup-open { overflow: hidden; }
.ar-popup[hidden] { display: none; }
.ar-popup { position: fixed; z-index: 1000; inset: 0; display: grid; place-items: center; }
.ar-popup__backdrop { position: absolute; inset: 0; background: rgba(0, 8, 11, .86); }
.ar-popup__dialog { position: relative; display: flex; flex-direction: column; align-items: center; width: 464px; height: 552px; padding: 34px 38px 22px; color: var(--ar-white); text-align: center; background: #071015; border: 1px solid var(--ar-border); border-radius: 8px; }
.ar-popup__close { position: absolute; top: -8px; right: -8px; display: grid; place-items: center; width: 24px; height: 24px; padding: 0; color: #071015; font-size: 22px; line-height: 1; background: var(--ar-white); border: 0; border-radius: 50%; }
.ar-popup__close img { width: 12px; height: 12px; filter: brightness(0); }
.ar-popup__eyebrow { display: inline-flex; align-items: center; min-height: 34px; padding: 8px 14px; font-size: 12px; background: #6d3032; border-radius: 8px; }
.ar-popup__logo { display: grid; place-items: center; width: 300px; height: 142px; margin-top: 32px; background: #030a0e; border-radius: 8px; }
.ar-popup-logo-frame { position: relative; display: block; width: 180.24px; height: 29.43px; overflow: hidden; }
.ar-popup-logo-frame img { position: absolute; top: -30.58%; left: -16.64%; width: 151.59%; height: 677.71%; max-width: none; }
.ar-popup h2 { margin: 24px 0 8px; font-size: 28px; font-weight: 800; line-height: 1.2; }
.ar-popup p { margin: 0 0 22px; font-size: 14px; }
.ar-popup__cta, .ar-popup__dismiss { display: flex; align-items: center; justify-content: center; width: 100%; height: 42px; border-radius: 4px; }
.ar-popup__cta { color: #071015 !important; font-size: 16px; text-decoration: none; background: var(--ar-yellow); }
.ar-popup__dismiss { margin-top: 12px; color: var(--ar-muted); font-size: 14px; background: transparent; border: 1px solid var(--ar-border); }
.ar-popup small { margin-top: auto; font-size: 12px; font-weight: 600; }

@media (min-width: 768px) and (max-width: 1023px) {
  .ar-popup__dialog { height: 546px; }
}

@media (max-width: 767px) {
  .ar-popup { align-items: start; padding-top: 84px; }
  .ar-popup__dialog { width: 330px; height: 486px; padding: 20px 18px; border-radius: 4px; }
  .ar-popup__close { top: -7px; right: -7px; width: 18px; height: 18px; font-size: 17px; }
  .ar-popup__eyebrow { min-height: 30px; padding: 7px 10px; font-size: 10px; }
  .ar-popup__logo { width: 294px; height: 141px; margin-top: 20px; }
  .ar-popup-logo-frame { width: 180.24px; height: 29.43px; }
  .ar-popup h2 { margin: 14px 0 10px; font-size: 20px; }
  .ar-popup p { max-width: 270px; margin-bottom: 18px; font-size: 14px; }
  .ar-popup__cta, .ar-popup__dismiss { height: 36px; }
  .ar-popup__dismiss { margin-top: 12px; }
}

/* Interactive controls: language, details, payments. */
.ar-language { position: relative; padding: 0; }
.ar-language__toggle { display: inline-flex; align-items: center; justify-content: center; gap: 4px; min-width: 82px; height: 40px; padding: 0 8px; color: var(--ar-white); font: inherit; background: transparent; border: 0; }
.ar-language__toggle > img:first-child, .ar-language__menu img { border-radius: 50%; object-fit: cover; }
.ar-language__chevron { transition: transform .2s ease; }
.ar-language.is-open .ar-language__chevron { transform: rotate(180deg); }
.ar-language__menu { position: absolute; z-index: 120; top: calc(100% + 8px); right: 0; min-width: 164px; padding: 6px; background: var(--ar-black-500); border: 1px solid var(--ar-border); border-radius: 8px; box-shadow: 0 14px 30px rgba(0,0,0,.35); }
.ar-language__menu[hidden] { display: none; }
.ar-language__menu a { display: flex; align-items: center; gap: 9px; min-height: 38px; padding: 7px 9px; color: var(--ar-white); text-decoration: none; border-radius: 5px; }
.ar-language__menu a:hover, .ar-language__menu a[aria-current="page"] { color: var(--ar-yellow); background: rgba(80,159,1,.16); }

.ar-casino-card__details-panel { display: grid; grid-template-rows: 0fr; opacity: 0; overflow: hidden; background: rgba(235,245,230,.02); border-right: 1px solid var(--ar-border); border-left: 1px solid var(--ar-border); transition: grid-template-rows .3s ease, opacity .2s ease; }
.ar-casino-card__details-inner { min-height: 0; display: flex; align-items: center; justify-content: center; gap: 44px; padding-inline: 30px; overflow: hidden; }
.ar-casino-card__details-inner > div { display: grid; gap: 4px; }
.ar-casino-card__details-inner span, .ar-casino-card__details-inner p { color: var(--ar-muted); font-size: 13px; }
.ar-casino-card__details-inner strong { color: var(--ar-white); }
.ar-casino-card__details-inner ul { display: flex; flex-wrap: wrap; gap: 8px 24px; margin: 0; padding-left: 18px; }
.ar-casino-card__details-inner p { margin: 0; }
.ar-casino-card-shell.is-details-open { height: auto; }
.ar-casino-card-shell.is-details-open .ar-casino-card__details-panel { grid-template-rows: 1fr; opacity: 1; }
.ar-casino-card-shell.is-details-open .ar-casino-card__details-inner { min-height: 94px; padding-block: 18px; }
.ar-casino-card-shell.is-details-open .ar-casino-card__details img { transform: rotate(180deg); }
.ar-casino-card__details img { transition: transform .2s ease; }

.ar-slider-dots button { width: 14px; height: 14px; padding: 0; background: transparent; border: 1px solid var(--ar-border); border-radius: 50px; transition: width .2s ease, border-color .2s ease, background-color .2s ease; }
.ar-slider-dots button.is-active { width: 42px; background: rgba(255,204,0,.08); border-color: var(--ar-yellow); }

@media (max-width: 1023px) {
  .ar-payment-list { display: flex; overflow-x: auto; scroll-behavior: smooth; scroll-snap-type: x mandatory; scrollbar-width: none; }
  .ar-payment-list::-webkit-scrollbar { display: none; }
  .ar-payment-list article { flex: 0 0 calc((100% - 20px) / 3); scroll-snap-align: start; }
}
@media (max-width: 767px) {
  .ar-language { display: inline-flex; min-width: 68px; }
  .ar-language__toggle { min-width: 66px; height: 38px; padding-inline: 6px; font-size: 12px; }
  .ar-language__toggle > img:first-child { width: 20px; height: 20px; }
  .ar-language__menu { right: -44px; }
  .ar-payment-list { overflow-x: auto; }
  .ar-payment-list article { flex-basis: calc((100% - 10px) / 2); }
  .ar-casino-card__details-inner { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; padding-inline: 16px; }
  .ar-casino-card__details-inner ul, .ar-casino-card__details-inner p { grid-column: 1 / -1; }
}


/* Arabic RTL hero layout. Keep copy on the right and move artwork to the left. */

@media (min-width: 768px) {

  html[dir="rtl"] .ar-hero__visual {

    right: auto;

    left: 90px;

  }

}

/* Direction-aware hero checklist. */

.ar-check-list li {

  display: flex;

  align-items: flex-start;

  gap: 10px;

  padding: 0;

}

.ar-check-list li::before {

  position: static;

  flex: 0 0 14px;

  margin-top: 3px;

}

/* Mobile header collision fix. */

@media (max-width: 767px) {

  .ar-header__inner {

    justify-content: space-between;

  }

  .ar-header__actions {

    position: static;

    top: auto;

    right: auto;

    gap: 8px;

    margin-inline-start: auto;

  }

  .ar-language {

    min-width: 62px;

  }

  .ar-language__toggle {

    min-width: 60px;

    padding-inline: 4px;

  }

}

/* Responsive registration steps and RTL slider state. */

.ar-slider-dots button[aria-current="true"] {

  width: 42px;

  background: rgba(255,204,0,.08);

  border-color: var(--ar-yellow);

}

@media (max-width: 1023px) {

  .ar-step-list {

    gap: 24px;

    height: auto;

    padding: 32px 24px;

  }

  .ar-step-list article {

    grid-template-columns: 44px minmax(0, 1fr);

    gap: 16px;

    height: auto;

    min-height: 112px;

    align-items: start;

  }

  .ar-step-list article > div {

    min-width: 0;

  }

  .ar-step-list article::after {

    top: 44px;

    bottom: -24px;

    left: auto;

    inset-inline-start: 20px;

    border-left: 0;

    border-inline-start: 1px dashed rgba(80,159,1,.34);

  }

  .ar-step-list h3,

  .ar-step-list p {

    overflow-wrap: anywhere;

  }

}

@media (max-width: 767px) {

  .ar-step-list {

    gap: 20px;

    padding: 24px 18px;

  }

  .ar-step-list article {

    grid-template-columns: 38px minmax(0, 1fr);

    gap: 12px;

    min-height: 0;

  }

  .ar-step-list b {

    min-width: 36px;

  }

  .ar-step-list article::after {

    bottom: -20px;

    inset-inline-start: 17px;

  }

  .ar-step-list h3 {

    margin-bottom: 8px;

    font-size: 16px;

    line-height: 1.25;

  }

  .ar-step-list p {

    font-size: 13px;

    line-height: 1.45;

  }

}

/* Point 7: responsive featured card and reviewer. */
@media (min-width: 768px) and (max-width: 1023px) {
  .ar-casino-card-shell--featured { height: auto; }
  .ar-casino-card--featured { height: auto; min-height: 400px; overflow: hidden; }
  .ar-casino-card--featured::before,
  .ar-casino-card--featured::after,
  .ar-casino-card--featured .ar-casino-card__offer::after { display: none; }
  .ar-casino-card--featured .ar-casino-card__brand { grid-column: 1; grid-row: 1 / 4; width: 100%; height: auto; }
  .ar-casino-card--featured .ar-casino-card__offer,
  .ar-casino-card--featured .ar-casino-card__meta,
  .ar-casino-card--featured .ar-casino-card__actions { grid-column: 2; width: 100%; }
  .ar-reviewer { height: auto; }
  .ar-reviewer__body { display: grid; grid-template-columns: minmax(0, 1fr) auto auto; gap: 14px 20px; height: auto; }
  .ar-reviewer__identity { width: auto; min-width: 0; }
  .ar-reviewer__identity > div { width: auto; min-width: 0; }
  .ar-reviewer__date { grid-column: 1 / -1; }
}

@media (max-width: 767px) {
  .ar-main > [data-node-id="12040:1257"] { height: auto; overflow: visible; }
  .ar-featured-info > p { height: auto; }
  .ar-casino-card-shell--featured { height: auto; }
  .ar-casino-card--featured { display: flex; flex-direction: column; gap: 0; width: 100%; height: auto; min-height: 0; padding: 18px 16px; overflow: hidden; }
  .ar-casino-card--featured::before,
  .ar-casino-card--featured::after,
  .ar-casino-card--featured .ar-casino-card__offer::after { display: none; }
  .ar-casino-card--featured .ar-casino-card__brand { width: 100%; height: auto; padding: 0 0 18px; border: 0; border-bottom: 1px solid var(--ar-border); }
  .ar-casino-card--featured .ar-casino-card__logo-box { width: 100%; height: 120px; margin-bottom: 14px; }
  .ar-casino-card--featured h3 { width: 100%; margin-bottom: 8px; }
  .ar-casino-card--featured .ar-casino-card__launched { width: 100%; }
  .ar-casino-card--featured .ar-casino-card__offer { gap: 10px; width: 100%; padding: 18px 0; border-bottom: 1px solid var(--ar-border); }
  .ar-casino-card--featured .ar-casino-card__offer > strong { font-size: 18px; }
  .ar-casino-card--featured .ar-casino-card__meta { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; width: 100%; padding: 18px 0; border-bottom: 1px solid var(--ar-border); }
  .ar-casino-card--featured .ar-casino-card__meta > div { min-width: 0; }
  .ar-casino-card--featured .ar-card-chips { min-width: 0; }
  .ar-casino-card--featured .ar-casino-card__actions { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 12px; width: 100%; padding-top: 18px; }
  .ar-casino-card--featured .ar-btn--bonus { width: 100%; min-width: 0; padding-inline: 10px; font-size: 14px; }
  .ar-casino-card--featured .ar-btn--review { justify-self: end; font-size: 14px; }

  .ar-main > [data-node-id="12034:1685"] .ar-reviewer,
  .ar-reviewer { height: auto; margin-top: 24px; padding: 18px; overflow: visible; }
  .ar-reviewer__body { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 14px 12px; width: 100%; height: auto; align-items: center; }
  .ar-reviewer__identity { grid-column: 1 / -1; width: 100%; min-width: 0; }
  .ar-reviewer__identity > img { flex: 0 0 64px; width: 64px; height: 64px; }
  .ar-reviewer__identity > div { width: auto; min-width: 0; }
  .ar-reviewer__identity strong { font-size: 16px; overflow-wrap: anywhere; }
  .ar-reviewer__identity span { font-size: 13px; overflow-wrap: anywhere; }
  .ar-reviewer__social { grid-column: 1; grid-row: 2; gap: 8px; }
  .ar-reviewer__social a,
  .ar-reviewer__social img { width: 28px; height: 28px; }
  .ar-reviewer__profile { grid-column: 2; grid-row: 2; justify-self: end; font-size: 13px; white-space: nowrap; }
  .ar-reviewer__date { grid-column: 1 / -1; display: flex; flex-wrap: wrap; gap: 4px; padding-top: 14px; font-size: 13px; border-top: 1px solid var(--ar-border); }
}

/* Point 4: compact mobile hero spacing. */
@media (max-width: 767px) {
  .ar-hero { height: auto; min-height: 0; }
  .ar-hero__inner { height: auto; padding-top: 52px; padding-bottom: 28px; }
}

/* Point 14: branded 404 page. */
.ar-error-page { color: var(--ar-white); background: var(--ar-black-500); }
.ar-error { position: relative; display: grid; place-items: center; min-height: 620px; padding: 88px 0; overflow: hidden; background: linear-gradient(115deg, #08120f 0%, #111d03 58%, #182600 100%); }
.ar-error::before { content: ""; position: absolute; top: 50%; left: 14%; width: 520px; height: 520px; background: radial-gradient(circle, rgba(80,159,1,.22), rgba(80,159,1,0) 68%); transform: translate(-50%, -50%); pointer-events: none; }
.ar-error__inner { position: relative; display: grid; grid-template-columns: minmax(280px, .8fr) minmax(0, 1.2fr); align-items: center; gap: 72px; }
.ar-error__code { color: transparent; font-size: clamp(150px, 17vw, 260px); font-weight: 900; line-height: .8; letter-spacing: -12px; text-align: center; -webkit-text-stroke: 3px var(--ar-green); text-shadow: 0 0 42px rgba(80,159,1,.2); }
.ar-error__copy { max-width: 680px; }
.ar-error__eyebrow { display: inline-flex; margin-bottom: 16px; padding: 7px 12px; color: var(--ar-yellow); font-size: 13px; font-weight: 800; text-transform: uppercase; border: 1px solid rgba(255,199,0,.45); border-radius: 4px; }
.ar-error h1 { max-width: 650px; margin: 0 0 18px; color: var(--ar-white); font-size: clamp(36px, 4vw, 58px); font-weight: 800; line-height: 1.05; }
.ar-error__copy > p { max-width: 610px; margin: 0; color: var(--ar-muted); font-size: 17px; line-height: 1.55; }
.ar-error__actions { display: flex; align-items: stretch; gap: 14px; margin-top: 34px; }
.ar-error__home { display: inline-flex; align-items: center; justify-content: center; min-height: 50px; padding: 12px 22px; color: var(--ar-black-500); font-size: 14px; font-weight: 800; text-decoration: none; background: var(--ar-yellow); border: 1px solid var(--ar-yellow); border-radius: 6px; transition: filter 180ms ease, transform 180ms ease; }
.ar-error__home:hover { color: var(--ar-black-500); filter: brightness(1.08); transform: translateY(-1px); }
.ar-error__search { display: flex; min-width: 0; }
.ar-error__search input { width: 220px; min-width: 0; height: 50px; padding: 0 15px; color: var(--ar-white); background: rgba(235,245,230,.04); border: 1px solid var(--ar-border); border-right: 0; border-radius: 6px 0 0 6px; outline: 0; }
.ar-error__search input:focus { border-color: var(--ar-green); }
.ar-error__search button { min-width: 82px; height: 50px; padding: 0 16px; color: var(--ar-white); font-size: 14px; font-weight: 800; background: var(--ar-green); border: 1px solid var(--ar-green); border-radius: 0 6px 6px 0; cursor: pointer; }
html[dir="rtl"] .ar-error__search input { border-right: 1px solid var(--ar-border); border-left: 0; border-radius: 0 6px 6px 0; }
html[dir="rtl"] .ar-error__search button { border-radius: 6px 0 0 6px; }

@media (max-width: 1023px) {
  .ar-error { min-height: 560px; padding: 68px 0; }
  .ar-error__inner { grid-template-columns: 230px minmax(0, 1fr); gap: 42px; }
  .ar-error__actions { flex-wrap: wrap; }
}

@media (max-width: 767px) {
  .ar-error { min-height: calc(100vh - 66px); padding: 54px 0 64px; }
  .ar-error__inner { grid-template-columns: 1fr; gap: 34px; text-align: center; }
  .ar-error__code { font-size: 112px; letter-spacing: -7px; -webkit-text-stroke-width: 2px; }
  .ar-error__copy { max-width: 100%; }
  .ar-error h1 { font-size: 32px; }
  .ar-error__copy > p { font-size: 14px; }
  .ar-error__actions { display: grid; gap: 12px; margin-top: 28px; }
  .ar-error__home { width: 100%; }
  .ar-error__search { width: 100%; }
  .ar-error__search input { flex: 1 1 auto; width: auto; }
}

/* Mobile Help and Experts sliders. */
.ar-expert-dots { display: none; }
.ar-help-dots button,
.ar-expert-dots button { width: 12px; height: 12px; padding: 0; background: transparent; border: 1px solid var(--ar-border); border-radius: 50px; cursor: pointer; transition: width 180ms ease, border-color 180ms ease, background-color 180ms ease; }
.ar-help-dots button.is-active,
.ar-expert-dots button.is-active { width: 32px; background: rgba(255,199,0,.06); border-color: var(--ar-yellow); }

@media (max-width: 767px) {
  .ar-help-grid,
  .ar-experts-grid { overflow-x: auto; overflow-y: hidden; scroll-snap-type: x mandatory; scroll-behavior: smooth; scrollbar-width: none; }
  .ar-help-grid::-webkit-scrollbar,
  .ar-experts-grid::-webkit-scrollbar { display: none; }
  .ar-help-grid > a,
  .ar-experts-grid > article { scroll-snap-align: start; scroll-snap-stop: always; }
  .ar-help-dots,
  .ar-expert-dots { display: flex; justify-content: center; gap: 10px; margin-top: 16px; }
  .ar-experts-grid { padding-bottom: 1px; }
  .ar-card-chips--countries { display: grid; grid-template-columns: repeat(3, 26px); gap: 5px; }
}

/* Responsive countries layout for all languages. */
.ar-countries__grid { grid-template-columns: repeat(8, minmax(0, 1fr)); justify-items: stretch; width: 100%; }
.ar-countries__grid a { width: 100%; min-width: 0; }
.ar-country-flag { max-width: 100%; }
.ar-country-name { max-width: 100%; overflow-wrap: anywhere; }

@media (min-width: 768px) and (max-width: 1023px) {
  .ar-countries__grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .ar-countries__grid a { width: 100%; }
}

@media (max-width: 767px) {
  .ar-countries { height: auto; min-height: 0; }
  .ar-countries__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); justify-content: stretch; gap: 16px 10px; height: auto; padding-block: 30px; }
  .ar-countries__grid a { width: 100%; height: auto; min-height: 104px; }
  .ar-country-flag { width: 100%; height: 78px; padding: 13px 10px; }
  .ar-country-name { width: 100%; min-height: 18px; }
}

/* Review card responsive v2: desktop, tablet, mobile, RTL/LTR. */
.ar-casino-card,
.ar-casino-card * { box-sizing: border-box; }
.ar-casino-card__brand,
.ar-casino-card__offer,
.ar-casino-card__meta,
.ar-casino-card__actions { min-width: 0; }

@media (min-width: 1200px) {
  .ar-casino-card,
  .ar-casino-card--featured {
    grid-template-columns: minmax(170px, .9fr) minmax(205px, 1.1fr) minmax(240px, 1.3fr) minmax(150px, .8fr);
    column-gap: clamp(18px, 2.7vw, 44px);
    padding-inline: clamp(20px, 2.1vw, 31px);
    overflow: hidden;
  }
  .ar-casino-card::before,
  .ar-casino-card::after,
  .ar-casino-card .ar-casino-card__offer::after { display: none; }
  .ar-casino-card .ar-casino-card__brand { grid-column: 1; width: 100%; }
  .ar-casino-card .ar-casino-card__offer { grid-column: 2; width: 100%; }
  .ar-casino-card .ar-casino-card__meta { grid-column: 3; width: 100%; }
  .ar-casino-card .ar-casino-card__actions { grid-column: 4; width: 100%; }
  .ar-casino-card .ar-casino-card__brand,
  .ar-casino-card .ar-casino-card__offer,
  .ar-casino-card .ar-casino-card__meta { padding-inline-end: clamp(12px, 1.2vw, 20px); border-inline-end: 1px solid var(--ar-border); }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .ar-casino-card-shell,
  .ar-casino-card-shell--featured { height: auto; min-height: 0; }
  .ar-casino-card,
  .ar-casino-card--featured {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-template-rows: auto auto;
    gap: 22px 18px;
    width: 100%;
    height: auto;
    min-height: 330px;
    padding: 24px;
    overflow: hidden;
  }
  .ar-casino-card::before,
  .ar-casino-card::after,
  .ar-casino-card .ar-casino-card__offer::after { display: none; }
  .ar-casino-card .ar-casino-card__brand,
  .ar-casino-card--featured .ar-casino-card__brand {
    grid-column: 1;
    grid-row: 1;
    align-self: stretch;
    justify-content: center;
    width: 100%;
    height: auto;
    padding: 0 18px;
    border: 0;
    border-inline-end: 1px solid var(--ar-border);
  }
  .ar-casino-card .ar-casino-card__offer,
  .ar-casino-card--featured .ar-casino-card__offer {
    grid-column: 2;
    grid-row: 1;
    align-self: stretch;
    width: 100%;
    min-height: 0;
    padding: 0 18px;
    border: 0;
    border-inline-end: 1px solid var(--ar-border);
  }
  .ar-casino-card .ar-casino-card__meta,
  .ar-casino-card--featured .ar-casino-card__meta {
    grid-column: 3;
    grid-row: 1;
    align-self: stretch;
    width: 100%;
    min-height: 0;
    padding: 0;
    border: 0;
  }
  .ar-casino-card .ar-casino-card__actions,
  .ar-casino-card--featured .ar-casino-card__actions {
    grid-column: 1 / -1;
    grid-row: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 28px;
    width: 100%;
    height: auto;
    margin: 0;
    padding-top: 18px;
    border-top: 1px solid var(--ar-border);
  }
  .ar-casino-card .ar-casino-card__actions .ar-btn--bonus { width: min(220px, 45%); }
  .ar-casino-card .ar-casino-card__logo-box { width: 100%; max-width: 210px; }
  .ar-casino-card__details { margin-top: 12px; }

  .ar-main > [data-node-id="12034:1685"] .ar-reviewer,
  .ar-reviewer {
    height: auto;
    min-height: 0;
    margin-top: 24px;
    padding: 20px 24px;
    overflow: visible;
  }
  .ar-reviewer__body {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 16px 24px;
    width: 100%;
    height: auto;
    align-items: center;
  }
  .ar-reviewer__identity { grid-column: 1 / -1; width: 100%; min-width: 0; }
  .ar-reviewer__identity > div { width: auto; min-width: 0; }
  .ar-reviewer__social { grid-column: 1; }
  .ar-reviewer__profile { grid-column: 2; justify-self: end; }
  .ar-reviewer__date { grid-column: 1 / -1; padding-top: 14px; border-top: 1px solid var(--ar-border); }
}

@media (max-width: 767px) {
  .ar-casino-card-shell,
  .ar-casino-card-shell--featured,
  .ar-casino-card-shell:not(.ar-casino-card-shell--featured) { height: auto; min-height: 0; }
  .ar-casino-card,
  .ar-casino-card--featured,
  .ar-casino-card:not(.ar-casino-card--featured) {
    height: auto;
    min-height: 0;
    overflow: hidden;
  }
  .ar-casino-card:not(.ar-casino-card--featured) .ar-casino-card__brand { height: auto; min-height: 212px; }
  .ar-casino-card:not(.ar-casino-card--featured) .ar-casino-card__offer,
  .ar-casino-card:not(.ar-casino-card--featured) .ar-casino-card__meta { height: auto; min-height: 0; }
  .ar-casino-card:not(.ar-casino-card--featured) .ar-casino-card__actions { height: auto; min-height: 40px; margin-top: 12px; }
  .ar-casino-card__details { margin-top: 10px; }
  .ar-main > [data-node-id="12034:1685"] { height: auto; min-height: 0; overflow: visible; }
}

/* Hero slider interactive dots. */
@media (max-width: 767px) {
  .ar-hero__dots button {
    width: 12px;
    height: 12px;
    padding: 0;
    background: transparent;
    border: 1px solid var(--ar-border);
    border-radius: 50px;
    cursor: pointer;
    transition: width 180ms ease, border-color 180ms ease, background-color 180ms ease;
  }
  .ar-hero__dots button.is-active,
  .ar-hero__dots button[aria-current="true"] {
    width: 32px;
    background: rgba(255,199,0,.06);
    border-color: var(--ar-yellow);
  }
}

/* Direction-aware Step by step connector. */
.ar-step-list article::after {
  left: auto;
  right: auto;
  inset-inline-start: 20px;
  border-left: 0;
  border-inline-start: 1px dashed rgba(80,159,1,.34);
}
html[dir="rtl"] .ar-step-list article {
  grid-template-columns: 44px minmax(0, 1fr);
}
html[dir="rtl"] .ar-step-list article::after {
  inset-inline-start: 20px;
}
@media (max-width: 767px) {
  .ar-step-list article::after,
  html[dir="rtl"] .ar-step-list article::after {
    inset-inline-start: 17px;
  }
}


/* Review Author profile: dark green site design. */
.ar-author-page {
  min-height: 620px;
  background: radial-gradient(circle at 82% 20%, rgba(80,159,1,.14), transparent 34%), var(--ar-black-500);
}
.ar-author-page .ar-author-hero { padding-block: 64px 84px; background: transparent; }
.ar-author-page .ar-author-card {
  position: relative;
  overflow: hidden;
  border-color: rgba(80,159,1,.42);
  border-radius: 12px;
  background: linear-gradient(135deg, rgba(235,245,230,.045), rgba(80,159,1,.04));
  box-shadow: 0 24px 70px rgba(0,0,0,.28);
}
.ar-author-page .ar-author-card::after {
  content: "";
  position: absolute;
  inset-block: 0;
  inset-inline-end: 0;
  width: 5px;
  background: linear-gradient(var(--ar-yellow), var(--ar-green));
}
.ar-author-page .ar-author-card__photo { border: 1px solid rgba(80,159,1,.45); box-shadow: 0 14px 34px rgba(0,0,0,.3); }
.ar-author-page .ar-author-card h1 { color: var(--ar-white); }
.ar-author-page .ar-author-card__role {
  display: inline-flex;
  width: fit-content;
  padding: 7px 12px;
  color: var(--ar-yellow);
  background: rgba(255,195,0,.08);
  border: 1px solid rgba(255,195,0,.28);
  border-radius: 4px;
}
.ar-author-page .ar-author-card__bio { max-width: 850px; color: var(--ar-muted); font-size: 17px; line-height: 1.65; }
.ar-author-page .ar-author-card__bio p { margin: 0; }

@media (max-width: 767px) {
  .ar-author-page .ar-author-hero { padding-block: 32px 48px; }
  .ar-author-page .ar-author-card { padding: 18px; border-radius: 8px; }
  .ar-author-page .ar-author-card__bio { font-size: 14px; line-height: 1.5; }
  .ar-author-page .ar-author-card__role { font-size: 12px; }
}

/* Single promo: keep the secondary CTA yellow in all interaction states. */
.ar-single-promo .ar-single-promo__bonus,
.ar-single-promo .ar-single-promo__bonus:link,
.ar-single-promo .ar-single-promo__bonus:visited {
  color: #0b1203 !important;
  background: var(--ar-yellow) !important;
  border: 1px solid var(--ar-yellow) !important;
  box-shadow: none !important;
}
.ar-single-promo .ar-single-promo__bonus:hover,
.ar-single-promo .ar-single-promo__bonus:focus,
.ar-single-promo .ar-single-promo__bonus:focus-visible,
.ar-single-promo .ar-single-promo__bonus:active {
  color: #0b1203 !important;
  background: #ffd33d !important;
  border-color: #ffd33d !important;
  box-shadow: 0 0 0 2px rgba(255, 196, 0, .22) !important;
  outline: 0 !important;
}

/* Center short Countries and Payments sets without stretching their cards. */
.ar-countries__grid {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  max-width: 100%;
  margin-inline: auto;
  align-content: center;
  justify-content: center;
}
.ar-countries__grid a {
  flex: 0 1 calc((100% - 84px) / 8);
  max-width: 147px;
}

@media (min-width: 1024px) {
  .ar-payment-list {
    grid-template-columns: repeat(var(--ar-payment-cols, 6), minmax(0, 1fr));
    width: 100%;
    max-width: var(--ar-payment-width, 100%);
    margin-inline: auto;
    justify-content: center;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .ar-countries__grid {
    gap: 18px 14px;
  }
  .ar-countries__grid a {
    flex-basis: calc((100% - 42px) / 4);
    max-width: 147px;
  }
  .ar-payment-list { justify-content: flex-start; }
  .ar-payment-list--center-tablet {
    max-width: var(--ar-payment-width, 100%);
    margin-inline: auto;
    justify-content: center;
  }
}

@media (max-width: 767px) {
  .ar-countries__grid {
    gap: 16px 10px;
    max-width: 100%;
    justify-content: center;
  }
  .ar-countries__grid a {
    flex-basis: calc((100% - 20px) / 3);
    max-width: 101px;
  }
  .ar-payment-list { justify-content: flex-start; }
  .ar-payment-list--center-mobile {
    max-width: var(--ar-payment-width, 100%);
    margin-inline: auto;
    justify-content: center;
  }
}

@media (min-width: 1024px) and (max-width: 1200px) {
  .ar-header__menu { gap: 20px; }
  .ar-header__menu > li > a,
  .ar-header__menu .sub-menu a { font-size: 14px; }
}
/* Dynamic desktop height for [arabia_steps]. */
@media (min-width: 1024px) {
  .ar-main > [data-node-id="12043:1623"],
  .ar-casino-block--steps { height: auto; overflow: visible; }
}
/* Editorial content paired with [arabia_countries]. */
.ar-countries--with-intro { height: auto; min-height: 338px; padding-top: 64px; }
.ar-countries--with-intro .ar-countries__intro { position: relative; }
.ar-countries--with-intro .ar-countries__grid { height: auto; padding-top: 0; padding-bottom: 64px; }

@media (min-width: 768px) and (max-width: 1023px) {
  .ar-countries--with-intro { height: auto; padding-top: 48px; }
  .ar-countries--with-intro .ar-countries__grid { padding-top: 0; padding-bottom: 48px; }
}

@media (max-width: 767px) {
  .ar-countries--with-intro { padding-top: 30px; }
  .ar-countries--with-intro .ar-module-intro { margin-bottom: 24px; }
  .ar-countries--with-intro .ar-countries__grid { padding-top: 0; padding-bottom: 30px; }
}

/* Main / Sport Betting custom hero image. */
.ar-hero__visual--custom {
  display: flex;
  align-items: center;
  justify-content: center;
}
.ar-hero__image {
  display: block;
  width: 360px;
  height: 360px;
  object-fit: contain;
}

@media (min-width: 1024px) and (max-width: 1199px) {
  .ar-hero--custom-image .ar-hero__visual--custom { right: 32px; opacity: 1; }
  html[dir="rtl"] .ar-hero--custom-image .ar-hero__visual--custom { right: auto; left: 32px; }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .ar-hero--custom-image .ar-hero__visual--custom {
    display: flex;
    top: 52px;
    right: 40px;
    bottom: auto;
    width: 190px;
    height: 190px;
    opacity: 1;
  }
  .ar-hero--custom-image .ar-hero__image { width: 190px; height: 190px; }
  .ar-hero--custom-image .ar-hero__copy > :is(h1, p) { width: calc(100% - 220px); }
  html[dir="rtl"] .ar-hero--custom-image .ar-hero__visual--custom { right: auto; left: 40px; }
}

@media (max-width: 767px) {
  .ar-hero--custom-image .ar-hero__visual--custom {
    display: flex;
    top: 52px;
    right: 15px;
    bottom: auto;
    width: 70px;
    height: 70px;
    opacity: 1;
  }
  .ar-hero--custom-image .ar-hero__image { width: 70px; height: 70px; }
  .ar-hero--custom-image .ar-hero__copy > h1 { width: calc(100% - 90px); }
  html[dir="rtl"] .ar-hero--custom-image .ar-hero__visual--custom { right: auto; left: 15px; }
}

/* Branded multilingual search results. */
.ar-search-page { min-height: 620px; color: var(--ar-white); background: var(--ar-black-500); }
.ar-search-page__hero { padding: 72px 0 58px; background: linear-gradient(115deg, #08120f 0%, #111d03 58%, #182600 100%); border-bottom: 1px solid var(--ar-border); }
.ar-search-page__hero-inner { display: grid; gap: 16px; }
.ar-search-page__eyebrow { width: fit-content; padding: 7px 12px; color: var(--ar-yellow); font-size: 13px; font-weight: 800; text-transform: uppercase; border: 1px solid rgba(255,199,0,.45); border-radius: 4px; }
.ar-search-page h1 { margin: 0; color: var(--ar-white); font-size: clamp(34px, 4vw, 54px); line-height: 1.1; }
.ar-search-page h1 span { color: var(--ar-yellow); }
.ar-search-page__form { display: flex; width: min(100%, 680px); margin-top: 8px; }
.ar-search-page__form input { flex: 1 1 auto; min-width: 0; height: 52px; padding: 0 17px; color: var(--ar-white); font: inherit; background: rgba(235,245,230,.05); border: 1px solid var(--ar-border); border-right: 0; border-radius: 6px 0 0 6px; outline: 0; }
.ar-search-page__form input:focus { border-color: var(--ar-green); }
.ar-search-page__form button { min-width: 112px; height: 52px; padding: 0 20px; color: var(--ar-white); font: inherit; font-weight: 800; background: var(--ar-green); border: 1px solid var(--ar-green); border-radius: 0 6px 6px 0; cursor: pointer; }
html[dir="rtl"] .ar-search-page__form input { border-right: 1px solid var(--ar-border); border-left: 0; border-radius: 0 6px 6px 0; }
html[dir="rtl"] .ar-search-page__form button { border-radius: 6px 0 0 6px; }
.ar-search-page__results { padding: 56px 0 80px; }
.ar-search-page__count { margin: 0 0 24px; color: var(--ar-muted); font-size: 15px; }
.ar-search-page__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
.ar-search-card { min-width: 0; overflow: hidden; background: var(--ar-black-400); border: 1px solid var(--ar-border); border-radius: 8px; transition: border-color 180ms ease, transform 180ms ease; }
.ar-search-card:hover { border-color: var(--ar-green); transform: translateY(-2px); }
.ar-search-card__image { display: block; aspect-ratio: 16 / 9; overflow: hidden; background: var(--ar-black-300); }
.ar-search-card__image img { width: 100%; height: 100%; object-fit: cover; }
.ar-search-card__body { display: grid; gap: 14px; padding: 24px; }
.ar-search-card h2 { margin: 0; font-size: 22px; line-height: 1.25; }
.ar-search-card h2 a { color: var(--ar-white); text-decoration: none; }
.ar-search-card p { margin: 0; color: var(--ar-muted); font-size: 14px; line-height: 1.6; }
.ar-search-card__link { width: fit-content; color: var(--ar-yellow); font-size: 14px; font-weight: 800; text-decoration: none; }
html[dir="rtl"] .ar-search-card__link span { display: inline-block; transform: scaleX(-1); }
.ar-search-page .navigation.pagination { margin-top: 38px; }
.ar-search-page .nav-links { display: flex; flex-wrap: wrap; gap: 8px; }
.ar-search-page .page-numbers { display: inline-flex; align-items: center; justify-content: center; min-width: 42px; min-height: 42px; padding: 8px 12px; color: var(--ar-white); text-decoration: none; background: var(--ar-black-400); border: 1px solid var(--ar-border); border-radius: 5px; }
.ar-search-page .page-numbers.current, .ar-search-page a.page-numbers:hover { color: var(--ar-black-500); background: var(--ar-yellow); border-color: var(--ar-yellow); }
.ar-search-page__empty { display: grid; justify-items: center; max-width: 680px; margin: 18px auto; padding: 56px 32px; text-align: center; background: var(--ar-black-400); border: 1px solid var(--ar-border); border-radius: 8px; }
.ar-search-page__empty > span { color: var(--ar-green); font-size: 72px; line-height: 1; }
.ar-search-page__empty h2 { margin: 14px 0 10px; color: var(--ar-white); font-size: 30px; }
.ar-search-page__empty p { margin: 0; color: var(--ar-muted); }
.ar-search-page__empty a { margin-top: 24px; padding: 13px 22px; color: var(--ar-black-500); font-weight: 800; text-decoration: none; background: var(--ar-yellow); border-radius: 6px; }

@media (max-width: 1023px) {
  .ar-search-page__hero { padding: 58px 0 48px; }
  .ar-search-page__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 767px) {
  .ar-search-page__hero { padding: 42px 0 38px; }
  .ar-search-page h1 { font-size: 32px; }
  .ar-search-page__form input { height: 48px; }
  .ar-search-page__form button { min-width: 88px; height: 48px; padding: 0 14px; }
  .ar-search-page__results { padding: 38px 0 58px; }
  .ar-search-page__grid { grid-template-columns: 1fr; }
  .ar-search-card__body { padding: 20px; }
  .ar-search-page__empty { padding: 42px 20px; }
  .ar-search-page__empty h2 { font-size: 25px; }
}

/* RTL/LTR header search alignment. */
.ar-search { z-index: 40; }
.ar-search input { text-align: start; border-radius: 4px; }
.ar-search button { white-space: nowrap; border-radius: 4px; cursor: pointer; }
html[dir="ltr"] .ar-search { right: 90px; left: auto; direction: ltr; }
html[dir="rtl"] .ar-search { right: auto; left: 90px; direction: rtl; }

@media (max-width: 767px) {
  html[dir="ltr"] .ar-search,
  html[dir="rtl"] .ar-search { right: 16px; left: 16px; }
}

/* Search form anchored to its trigger. */
.ar-search-control { position: relative; display: inline-flex; }
.ar-search-control .ar-search { top: calc(100% + 12px); right: auto; left: 0; direction: ltr; }
html[dir="rtl"] .ar-search-control .ar-search { right: 0; left: auto; direction: rtl; }

@media (max-width: 767px) {
  .ar-search-control { position: static; }
  .ar-search-control .ar-search { top: 62px; right: 16px; left: 16px; width: auto; }
  html[dir="rtl"] .ar-search-control .ar-search { right: 16px; left: 16px; }
}

/* Normalized search cards. */
.ar-search-page__grid { align-items: stretch; }
.ar-search-card { display: flex; flex-direction: column; height: 100%; }
.ar-search-card__image { flex: 0 0 auto; }
.ar-search-card__image--placeholder { display: grid; place-items: center; background: radial-gradient(circle at 50% 42%, rgba(80,159,1,.24), rgba(8,15,19,.98) 68%); }
.ar-search-card__image--placeholder img { width: 120px; height: 64px; object-fit: contain; opacity: .88; }
.ar-search-card__body { flex: 1 1 auto; grid-template-rows: auto 1fr auto; }
.ar-search-card h2 { display: -webkit-box; min-height: 2.5em; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.ar-search-card p { display: -webkit-box; min-height: 6.4em; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 4; }
.ar-search-card__link { align-self: start; margin-top: auto; }

@media (max-width: 767px) {
  .ar-search-card p { min-height: 4.8em; -webkit-line-clamp: 3; }
}