/* ==========================================================================   ForGamblers — fg-acf-cards.ca.css   Version: 2026-04-11 r10 (FULL REBUILD: stable desktop + mobile)   --------------------------------------------------------------------------   EN: Unified ACF casino cards for homepage top lists and review hubs.   RU: Единый стабильный шаблон карточек для главной и хабов обзоров.   Scope: .cr-list.fg-cards   ========================================================================== *//* [00] Wrapper list ------------------------------------------------------- */.cr-list.fg-cards{  list-style:none;  margin:0;  padding:0;  display:flex;  flex-direction:column;  gap:18px;}/* [01] Card shell / main layout ------------------------------------------ */.cr-list.fg-cards .cr-card,.cr-list.fg-cards .fg-card{  position:relative;  display:grid;  grid-template-columns: 250px minmax(0, 1fr) 152px;  grid-template-areas: "logo body cta";  gap:22px;  align-items:center;  padding:20px 22px;  border-radius:22px;  border:1px solid rgba(255,255,255,.08);  background:    radial-gradient(circle at top left, rgba(255,255,255,.045), transparent 28%),    linear-gradient(180deg, #0a1222 0%, #0d1728 100%);  box-shadow:    inset 0 1px 0 rgba(255,255,255,.03),    0 14px 36px rgba(0,0,0,.28);  overflow:hidden;}.cr-list.fg-cards .cr-card > *{  min-width:0;}.cr-list.fg-cards .cr-card > .cr-logo-wrap{  grid-area:logo;}.cr-list.fg-cards .cr-card > :is(.cr-content, .fg-card__content, .fg-card__body){  grid-area:body;}.cr-list.fg-cards .cr-card > :is(.cr-ctas, .fg-ctas, .fg-card__actions){  grid-area:cta;}@media (max-width: 1180px){  .cr-list.fg-cards .cr-card,  .cr-list.fg-cards .fg-card{    grid-template-columns: 220px minmax(0, 1fr) 144px;    gap:18px;    padding:18px 18px;  }}@media (max-width: 860px){  .cr-list.fg-cards .cr-card,  .cr-list.fg-cards .fg-card{    grid-template-columns: 190px minmax(0, 1fr) 138px;    gap:16px;    padding:16px;  }}@media (max-width: 768px){  .cr-list.fg-cards .cr-card,  .cr-list.fg-cards .fg-card{    grid-template-columns: 1fr;    grid-template-areas:      "logo"      "body"      "cta";    gap:14px;    padding:16px;    border-radius:18px;  }}/* [02] Logo column -------------------------------------------------------- */.cr-list.fg-cards .cr-logo-wrap{  background:#05070c;  border-radius:16px;  border:1px solid rgba(255,255,255,.08);  display:flex;  align-items:center;  justify-content:center;  min-height:118px;  padding:14px 18px;  overflow:hidden;  box-shadow: inset 0 1px 0 rgba(255,255,255,.02);}.cr-list.fg-cards .cr-logo-wrap > a,.cr-list.fg-cards .cr-logo-wrap .fg-logo-link{  display:flex;  align-items:center;  justify-content:center;  width:100%;  height:100%;  min-width:0;  min-height:0;}.cr-list.fg-cards .cr-logo-img{  display:block;  width:auto !important;  height:auto !important;  max-width:min(100%, 195px);  max-height:58px;  object-fit:contain;  margin:0 auto;  transform:translateZ(0);}@media (max-width: 1180px){  .cr-list.fg-cards .cr-logo-wrap{    min-height:108px;    padding:12px 16px;  }  .cr-list.fg-cards .cr-logo-img{    max-width:min(100%, 180px);    max-height:54px;  }}@media (max-width: 768px){  .cr-list.fg-cards .cr-logo-wrap{    width:100%;    max-width:260px;    min-height:96px;    padding:12px 14px;    margin:0 auto;  }  .cr-list.fg-cards .cr-logo-img{    max-width:min(100%, 170px);    max-height:50px;  }}/* [03] Text column -------------------------------------------------------- */.cr-list.fg-cards .cr-content,.cr-list.fg-cards .fg-card__content,.cr-list.fg-cards .fg-card__body{  position:relative;  display:flex;  flex-direction:column;  justify-content:center;  gap:8px;  min-width:0;  padding-right:98px; /* место под рейтинг */}@media (max-width: 1180px){  .cr-list.fg-cards .cr-content,  .cr-list.fg-cards .fg-card__content,  .cr-list.fg-cards .fg-card__body{    padding-right:92px;  }}@media (max-width: 768px){  .cr-list.fg-cards .cr-content,  .cr-list.fg-cards .fg-card__content,  .cr-list.fg-cards .fg-card__body{    padding-right:0;  }}.cr-list.fg-cards .fg-card__sub{  font-size:12px;  text-transform:uppercase;  letter-spacing:.5px;  opacity:.72;  margin:0 0 2px;}.cr-list.fg-cards .fg-card__title,.cr-list.fg-cards .cr-card h3{  margin:0;  font-weight:700;  font-size:18px;  line-height:1.25;  display:flex;  align-items:center;  gap:6px;}.cr-list.fg-cards .fg-card__title a,.cr-list.fg-cards .cr-card h3 a{  color:#f9fafb;  text-decoration:none;}.cr-list.fg-cards .fg-card__title a:hover,.cr-list.fg-cards .cr-card h3 a:hover{  text-decoration:underline;}@media (max-width: 768px){  .cr-list.fg-cards .fg-card__title,  .cr-list.fg-cards .cr-card h3{    font-size:17px;  }}/* [04] Rating pill -------------------------------------------------------- */.cr-list.fg-cards .fg-rating-pill{  position:absolute;  top:2px;  right:0;  display:inline-flex;  align-items:center;  gap:8px;  padding:6px 10px;  border-radius:999px;  background:rgba(0,0,0,.52);  border:1px solid rgba(255,255,255,.14);  font-size:12px;  line-height:1;  color:#e5f2ff;  white-space:nowrap;}.cr-list.fg-cards .fg-rating-pill .fg-rating-num{  font-weight:700;}.cr-list.fg-cards .fg-rating-pill .fg-stars{  position:relative;  width:78px;  height:8px;  border-radius:999px;  background:#020617;  overflow:hidden;}.cr-list.fg-cards .fg-rating-pill .fg-stars-fill{  position:absolute;  inset:0;  border-radius:inherit;  background:linear-gradient(90deg,#facc15,#f97316);  transform-origin:left center;}@media (max-width: 768px){  .cr-list.fg-cards .fg-rating-pill{    position:static;    margin-top:4px;    width:max-content;  }}/* [05] Bonus + payments --------------------------------------------------- */.cr-list.fg-cards .fg-card__bonus,.cr-list.fg-cards .fg-bonus,.cr-list.fg-cards .fg-bonus-line{  margin-top:8px;  font-size:24px;  line-height:1.25;  color:#f8fafc;}.cr-list.fg-cards .fg-card__bonus strong,.cr-list.fg-cards .fg-bonus strong,.cr-list.fg-cards .fg-bonus-line strong{  font-weight:700;}@media (max-width: 1180px){  .cr-list.fg-cards .fg-card__bonus,  .cr-list.fg-cards .fg-bonus,  .cr-list.fg-cards .fg-bonus-line{    font-size:21px;  }}@media (max-width: 768px){  .cr-list.fg-cards .fg-card__bonus,  .cr-list.fg-cards .fg-bonus,  .cr-list.fg-cards .fg-bonus-line{    font-size:20px;  }}.cr-list.fg-cards .fg-card__payments,.cr-list.fg-cards .cr-card__payments{  margin-top:10px;}.cr-list.fg-cards .cr-pay{  display:flex;  flex-wrap:wrap;  gap:8px;}.cr-list.fg-cards .cr-pay__item{  display:inline-flex;  align-items:center;  justify-content:center;  min-width:40px;  min-height:28px;  padding:2px 8px;  border-radius:10px;  background:rgba(255,255,255,.03);  border:1px solid rgba(255,255,255,.10);}.cr-list.fg-cards .cr-pay__item img{  display:block;  max-height:20px;  width:auto;  height:auto;}/* [06] CTA column --------------------------------------------------------- */.cr-list.fg-cards :is(.cr-ctas, .fg-ctas, .fg-card__actions){  display:flex;  flex-direction:column;  align-items:flex-end;  justify-content:center;  gap:8px;  min-width:0;}body .cr-list.fg-cards :is(.cr-ctas, .fg-ctas, .fg-card__actions) .cr-btn{  border:none;  background:none;  box-shadow:none;}body .cr-list.fg-cards :is(.cr-ctas, .fg-ctas, .fg-card__actions) .cr-btn--primary{  position:relative;  display:inline-flex;  align-items:center;  justify-content:center;  min-width:122px;  padding:12px 18px;  border-radius:12px;  font-weight:800;  font-size:15px;  line-height:1;  text-decoration:none;  color:#111827;  background:linear-gradient(180deg,#ffe087,#ffca28 55%,#ffb300);  box-shadow:    0 0 0 1px rgba(0,0,0,.24) inset,    0 10px 24px rgba(0,0,0,.38);  transition:transform .12s ease, box-shadow .2s ease;}body .cr-list.fg-cards :is(.cr-ctas, .fg-ctas, .fg-card__actions) .cr-btn--primary::before{  content:"";  position:absolute;  inset:-3px;  border-radius:inherit;  pointer-events:none;  box-shadow:0 0 0 0 rgba(255,208,0,.55);  opacity:0;  animation:fg-cta-pulse-cards 2.4s ease-out infinite;}body .cr-list.fg-cards :is(.cr-ctas, .fg-ctas, .fg-card__actions) .cr-btn--primary:hover{  transform:translateY(-1px);  box-shadow:    0 0 0 1px rgba(0,0,0,.24) inset,    0 12px 28px rgba(0,0,0,.46);}body .cr-list.fg-cards :is(.cr-ctas, .fg-ctas, .fg-card__actions) .cr-btn--primary:focus-visible{  outline:2px solid #7aa2ff;  outline-offset:2px;}body .cr-list.fg-cards :is(.cr-ctas, .fg-ctas, .fg-card__actions) .cr-btn--ghost{  padding:0;  margin-top:2px;  font-size:13px;  font-weight:500;  text-decoration:underline;  text-underline-offset:2px;  color:#e5e7eb;  background:none;  box-shadow:none;}body .cr-list.fg-cards :is(.cr-ctas, .fg-ctas, .fg-card__actions) .cr-btn--ghost:hover{  color:#f9fafb;}@media (max-width: 768px){  .cr-list.fg-cards :is(.cr-ctas, .fg-ctas, .fg-card__actions){    align-items:stretch;  }  body .cr-list.fg-cards :is(.cr-ctas, .fg-ctas, .fg-card__actions) .cr-btn--primary{    width:100%;    min-width:0;  }  body .cr-list.fg-cards :is(.cr-ctas, .fg-ctas, .fg-card__actions) .cr-btn--ghost{    text-align:center;  }}/* [07] Small tweaks ------------------------------------------------------- */.cr-list.fg-cards .cr-logo-wrap,.cr-list.fg-cards :is(.cr-ctas, .fg-ctas, .fg-card__actions){  flex-shrink:0;}@keyframes fg-cta-pulse-cards{  0%{    opacity:.9;    box-shadow:0 0 0 0 rgba(255,208,0,.58);  }  60%{    opacity:0;    box-shadow:0 0 0 22px rgba(255,208,0,0);  }  100%{    opacity:0;    box-shadow:0 0 0 0 rgba(255,208,0,0);  }}@media (prefers-reduced-motion: reduce){  .cr-list.fg-cards :is(.cr-ctas, .fg-ctas, .fg-card__actions) .cr-btn--primary::before{    animation:none !important;    opacity:0;  }}