/* ================================================================
   HOME BOOKMAKERS SECTION (top-6 cards + View all)
================================================================ */
.home-bookmakers {
  margin: 0 0 32px;
  font-family: var(--wb-font);
}
.home-bookmakers__title {
  font-size: 16px;
  font-weight: 700;
  color: #181818;
  text-transform: uppercase;
  letter-spacing: 0.4px;
  padding-bottom: 10px;
  border-bottom: 2px solid #193b56;
  margin: 0 0 14px;
}
.home-bookmakers__intro {
  font-size: 15px;
  line-height: 1.6;
  color: #2a2e38;
  margin: 0 0 20px;
  max-width: 760px;
}

/* View all toggle button */
.home-bookmakers__view-all-wrap {
  display: flex;
  justify-content: center;
  margin-top: 18px;
}
.home-bookmakers__view-all {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 13px 28px;
  border-radius: 6px;
  font-size: 14px;
  font-weight: 600;
  background: #fff;
  color: #181818;
  border: 1.5px solid #193b56;
  font-family: var(--wb-font);
  cursor: pointer;
  transition: background-color 0.15s ease, color 0.15s ease;
}
.home-bookmakers__view-all:hover {
  background: #193b56;
  color: #fff;
}
.home-bookmakers__view-all-arrow {
  transition: transform 0.2s ease;
}
.home-bookmakers__view-all.is-expanded .home-bookmakers__view-all-arrow {
  transform: rotate(180deg);
}

/* ===== Bookmaker cards (тот же CSS что на /bookmakers) ===== */
/* Если стили глобальные — удалить весь блок ниже до wb-method */
.bk-list-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 18px 14px;
  margin: 10px 0 0;
}
.bk-list-card {
  position: relative;
  background: #fff;
  border: 1px solid var(--bk-border, #e0e0ee);
  border-radius: 12px;
  padding: 20px;
  display: flex;
  flex-direction: column;
  transition: border-color 0.15s ease;
}
.bk-list-card:hover { border-color: var(--bk-text-divider, #c4c8d2); }
.bk-list-card__head {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 18px;
}
.bk-list-card__logo {
  width: 96px;
  height: 48px;
  background: #fff;
  border: 1px solid var(--bk-border, #e0e0ee);
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 4px;
  flex-shrink: 0;
  overflow: hidden;
}
.bk-list-card__logo img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  display: block;
}
.bk-list-card__title { min-width: 0; flex: 1; }
.bk-list-card__name {
  font-size: 18px;
  font-weight: 600;
  color: var(--bk-text-primary, #1a1a1a);
  line-height: 1.2;
}
.bk-list-card__rating {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-top: 4px;
}
.bk-list-card__stars {
  --pct: 0%;
  display: inline-block;
  position: relative;
  font-size: 14px;
  line-height: 1;
  font-family: Arial, "Segoe UI Symbol", sans-serif;
}
.bk-list-card__stars::before {
  content: "\2605\2605\2605\2605\2605";
  color: #d4d4d8;
  letter-spacing: 1px;
}
.bk-list-card__stars::after {
  content: "\2605\2605\2605\2605\2605";
  color: var(--bk-accent-amber, #f5a623);
  letter-spacing: 1px;
  position: absolute;
  left: 0;
  top: 0;
  width: var(--pct);
  overflow: hidden;
  white-space: nowrap;
}
.bk-list-card__tag {
  position: absolute;
  top: 0;
  right: 16px;
  transform: translateY(-50%);
  z-index: 2;
  font-size: 11px;
  font-weight: 600;
  color: var(--bk-accent-blue, #1a4fb8);
  background: var(--bk-accent-blue-bg, #eff3ff);
  border: 1px solid #d4e0f7;
  border-radius: 4px;
  padding: 4px 10px;
  letter-spacing: 0.2px;
  white-space: nowrap;
  box-shadow: 0 1px 3px rgba(25, 59, 86, 0.10);
}
/* Offer row: bonus left, promo right */
.bk-list-card__offer-row {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 16px;
  flex-wrap: wrap;
}
.bk-list-card__bonus-col {
  flex: 1;
  min-width: 0;
}
.bk-list-card__score {
  font-size: 14px;
  font-weight: 600;
  color: var(--bk-text-primary, #1a1a1a);
}
.bk-list-card__bonus-label {
  font-size: 12px;
  color: var(--bk-text-muted, #7a8090);
  text-transform: uppercase;
  letter-spacing: 0.4px;
  font-weight: 500;
  margin-bottom: 2px;
}
.bk-list-card__bonus {
  font-size: 30px;
  font-weight: 700;
  color: var(--bk-accent-blue, #1a4fb8);
  line-height: 1;
  margin-bottom: 0;
}
.bk-list-card__bonus-extra {
  font-size: 15px;
  font-weight: 600;
  color: var(--bk-text-muted, #7a8090);
}
.bk-list-card__stats {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 8px;
  padding: 12px 8px;
  background: var(--bk-surface-tertiary, #f5f5fb);
  border: 1px solid var(--bk-border-light, #ebebf5);
  border-radius: 8px;
  margin-bottom: 16px;
}
.bk-list-card__stat { text-align: center; }
.bk-list-card__stat + .bk-list-card__stat {
  border-left: 1px solid var(--bk-border-light, #ebebf5);
}
.bk-list-card__stat-label {
  display: block;
  font-size: 10px;
  color: var(--bk-text-muted, #7a8090);
  text-transform: uppercase;
  letter-spacing: 0.3px;
  font-weight: 500;
  margin-bottom: 3px;
}
.bk-list-card__stat-value {
  display: block;
  font-size: 13px;
  font-weight: 600;
  color: var(--bk-text-primary, #1a1a1a);
  line-height: 1.2;
}
.bk-list-card__actions {
  display: grid;
  grid-template-columns: 1fr 1fr 1.3fr;
  gap: 8px;
  margin-top: auto;
}
.bk-list-card__btn {
  padding: 11px 8px;
  border-radius: 6px;
  font-size: 13px;
  font-weight: 600;
  text-decoration: none;
  text-align: center;
  white-space: nowrap;
  transition: opacity 0.15s ease, background-color 0.15s ease;
}
.bk-list-card__btn--review,
.bk-list-card__btn--bonus {
  background: #fff;
  color: var(--bk-text-primary, #1a1a1a);
  border: 1px solid var(--bk-border, #e0e0ee);
  font-weight: 500;
}
.bk-list-card__btn--review:hover,
.bk-list-card__btn--bonus:hover {
  background: var(--bk-surface-secondary, #eeeefa);
  border-color: var(--bk-text-divider, #c4c8d2);
}
.bk-list-card__btn--visit {
  background: var(--bk-cta-blue, linear-gradient(90deg, #4F91FF 0%, #3D36B9 100%));
  border: 1px solid var(--bk-cta-blue-border, #468AFD);
  color: #fff;
}
.bk-list-card__btn--visit:hover { opacity: 0.92; }

/* Hidden cards — revealed by Show more toggle */
.bk-list-card--more { display: none; }
.bk-list-card--more.is-visible { display: flex; }

/* Promo block — full-width, prominent (replaces small pill) */
.bk-list-card__promo-block {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-shrink: 0;
  background: var(--bk-promo-bg, #fff7e6);
  color: var(--bk-promo-color, #995900);
  border: 1px solid var(--bk-promo-border, #f0d9a3);
  border-radius: 8px;
  padding: 8px 10px 8px 12px;
  margin: 0;
  cursor: pointer;
  font-family: inherit;
  text-align: left;
  transition: background-color 0.15s ease, border-color 0.15s ease;
}
.bk-list-card__promo-block:hover {
  background: #ffefcc;
  border-color: #e6c478;
}
.bk-list-card__promo-block:active { transform: translateY(1px); }
.bk-list-card__promo-block-content {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}
.bk-list-card__promo-label-new {
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 0.8px;
  text-transform: uppercase;
  color: var(--bk-promo-color, #995900);
  opacity: 0.7;
  line-height: 1;
}
.bk-list-card__promo-code-text {
  font-size: 17px;
  font-weight: 700;
  letter-spacing: 0.3px;
  color: var(--bk-promo-color, #995900);
  line-height: 1.15;
}
.bk-list-card__promo-copy {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  border: 1px solid var(--bk-promo-border, #f0d9a3);
  border-radius: 5px;
  padding: 6px;
  color: var(--bk-promo-color, #995900);
  flex-shrink: 0;
  transition: background-color 0.15s ease;
}
.bk-list-card__promo-block:hover .bk-list-card__promo-copy { background: #fff7e6; }
.bk-list-card__promo-copy-icon,
.bk-list-card__promo-check-icon { flex-shrink: 0; }
.bk-list-card__promo-check-icon { display: none; }

/* Copied state — green */
.bk-list-card__promo-block--copied {
  background: var(--bk-accent-green-bg, #e8f5ee);
  border-color: #a8d8bb;
}
.bk-list-card__promo-block--copied .bk-list-card__promo-label-new,
.bk-list-card__promo-block--copied .bk-list-card__promo-code-text {
  color: var(--bk-accent-green, #1f7a45);
}
.bk-list-card__promo-block--copied .bk-list-card__promo-copy {
  background: #fff;
  color: var(--bk-accent-green, #1f7a45);
  border-color: #a8d8bb;
}
.bk-list-card__promo-block--copied .bk-list-card__promo-copy-icon { display: none; }
.bk-list-card__promo-block--copied .bk-list-card__promo-check-icon { display: inline-block; }

/* No-code variant (Marathon) */
.bk-list-card__promo-block--none {
  background: var(--bk-surface-tertiary, #f5f5fb);
  border-color: var(--bk-border, #e0e0ee);
  cursor: default;
}
.bk-list-card__promo-block--none:hover {
  background: var(--bk-surface-tertiary, #f5f5fb);
  border-color: var(--bk-border, #e0e0ee);
}
.bk-list-card__promo-block--none .bk-list-card__promo-label-new {
  color: var(--bk-text-muted, #7a8090);
  opacity: 1;
}
.bk-list-card__promo-block--none .bk-list-card__promo-code-text {
  color: var(--bk-text-secondary, #3a3e48);
  font-style: italic;
  font-weight: 600;
  font-size: 14px;
}
@media (max-width: 900px) {
    .wb-method-grid { grid-template-columns: repeat(2, 1fr); }
    .bk-list-grid { grid-template-columns: repeat(2, 1fr); }
    .wb-hero h1 { font-size: 22px; }
    .wb-art-title { font-size: 14px; }
    .wb-editor-name { font-size: 19px; }
}
@media (max-width: 640px) {
    /* Layout shifts */
    .wb-analytics-layout { grid-template-columns: 1fr; }
    .wb-analytics-side { border-top: 1px solid #e4e6ed; }
    .wb-editor-inner { flex-direction: column; gap: 16px; }
    .wb-editor-stats { flex-wrap: wrap; gap: 16px; }
    .wb-method-grid { grid-template-columns: 1fr; gap: 14px; }
    .bk-list-grid { grid-template-columns: 1fr; gap: 12px; }
    .home-bookmakers__view-all { width: 100%; justify-content: center; box-sizing: border-box; }
    .wb-rg-inner { flex-direction: column; gap: 8px; }

    /* Hero */
    .wb-hero { padding: 14px 0 16px; margin-bottom: 18px; }
    .wb-hero h1 { font-size: 19px; line-height: 1.3; margin-bottom: 6px; }
    .wb-hero p { font-size: 13.5px; line-height: 1.5; }

    /* Section H2 titles (all sections share this size) */
    .home-bookmakers__title,
    .wb-method-hd h2,
    .wb-analytics-sec-hd h2,
    .wb-editor-sec-hd h2 { font-size: 14px; letter-spacing: 0.3px; }

    /* Bookmakers section */
    .home-bookmakers__intro { font-size: 13.5px; line-height: 1.55; margin-bottom: 16px; }
    .home-bookmakers__view-all { font-size: 13px; padding: 12px 20px; }

    /* Methodology */
    .wb-method { padding: 16px 16px 18px; }
    .wb-method-hd p { font-size: 12.5px; }
    .wb-method-num { font-size: 18px; width: 22px; }
    .wb-method-text h3 { font-size: 13.5px; }
    .wb-method-text p { font-size: 12.5px; }

    /* Analytics */
    .wb-analytics-sec-hd a { font-size: 12px; }
    .wb-art-row { gap: 11px; padding: 11px 14px; }
    .wb-art-thumb { width: 72px; height: 48px; }
    .wb-art-cat { font-size: 10px; margin-bottom: 3px; }
    .wb-art-title { font-size: 13.5px; line-height: 1.35; margin-bottom: 4px; }
    .wb-art-date { font-size: 11px; }

    /* Sidebar */
    .wb-analytics-side { padding: 14px 14px 16px; }
    .wb-side-title { font-size: 10px; margin-bottom: 9px; }
    .wb-promo-name { font-size: 12.5px; }
    .wb-promo-code-side { font-size: 14px; letter-spacing: 1.2px; }
    .wb-promo-bonus { font-size: 11px; }

    /* Editor */
    .wb-editor-block { padding: 18px 0 22px; }
    .wb-editor-photo { width: 70px; height: 70px; border-width: 2px; }
    .wb-editor-label { font-size: 10px; }
    .wb-editor-name { font-size: 17px; }
    .wb-editor-role { font-size: 12px; margin-bottom: 9px; }
    .wb-editor-bio { font-size: 13px; line-height: 1.6; }
    .wb-editor-stat-n { font-size: 15px; }
    .wb-editor-stat-l { font-size: 10px; }
    .wb-editor-verify { font-size: 11px; padding: 4px 9px; }

    /* Bookmaker cards */
    .bk-list-card { padding: 16px 16px 18px; }
    .bk-list-card__name { font-size: 16px; }
    .bk-list-card__bonus { font-size: 24px; }
    .bk-list-card__promo-code-text { font-size: 15px; }
    .bk-list-card__promo-block { padding: 9px 12px; }
    .bk-list-card__btn { font-size: 12.5px; padding: 10px 6px; }

    /* RG notice */
    .wb-rg-notice { padding: 14px 0; }
    .wb-rg-text { font-size: 12.5px; line-height: 1.55; }
}





























.bookmakers_list_2col {
    display: grid;
    grid-template-columns: 40fr 20fr;
	justify-content: space-around;
}

.logo_container_bookmakers_list {
    height: 70px; 
    width: 154px;
    margin-left: 20px;
    margin-right: 20px;

	float: left;
}
.bookmakers_title{
	.color: #3A3A44;
	text-align: left;
	font-family: Inter;
	font-size: 24px;
	font-style: normal;
	font-weight: 700;
	line-height: 150%; /* 36px */
	letter-spacing: 0.528px;
	margin-top:6px;
}
.bookmakers_losung{
	color: rgba(58, 58, 68, 0.50);
	text-align: left;
	font-family: Inter;
	font-size: 12px;
	font-style: normal;
	font-weight: 700;
	line-height: 150%; /* 18px */
	letter-spacing: 0.264px;
}

.bookmakers_list_2col_2 {
	position: relative;
	text-align:right;
}
.rating_container_col1_row2 {
    display: flex;
    justify-content: right;
}
.rating_container_RECOMMENDED{
	position: absolute;
	top: 15px; right: 10px;
	width: 105px;
	background-color:#E74C3C;
	border:1px solid #E74C3C;
	border-radius:10px;
	color: #FFF;
	text-align: center;
	font-family: clear_sans;
	font-size: 12px;
	font-style: normal;
	font-weight: 800;
	line-height: 143%; /* 17.16px */
	letter-spacing: 0.216px;
	padding-top:2px;
}
.rating_stars{
	position: absolute;
	top: 35px; right: 10px;
	
}
.rating_value{
	position: absolute;
	top: 25px; right: 120px;
	
	color: #E74C3C;
	font-family: Inter;
	font-size: 32px;
	font-style: normal;
	font-weight: 800;
	line-height: 150%;
	letter-spacing: 0.704px;
}
@media (max-width:400px){
	.rating_value{ top: 35px; font-size: 22px; }
}


.bookmakers_list_3col {
    display: grid;
    grid-template-columns: 72fr 28fr;
    justify-content: space-around;
}
			.bookmakers_list_3col_1_2 {
				display: grid;
				grid-template-columns: 37fr 35fr;
				justify-content: space-around;
			}
			.bookmakers_list_3col_3 {}


.bookmakers_list_3col_1{
	margin:15px;
	color: #34495E;
	font-family: Inter;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 150%; /* 24px */
	letter-spacing: 0.352px;
}
	.bookmakers_list_3col_1_content{
		text-align: left;
		display: inline-block;
	}

.bookmakers_list_3col_2 {
	border-radius: 4px;
	background: #F8F9FA;
	text-align:center;
	margin-bottom:10px;
}
	.bonus_value{
		color: #E74C3C;
		font-family: Inter;
		font-size: 32px;
		font-style: normal;
		font-weight: 800;
		line-height: 150%;
		letter-spacing: 0.704px;
		margin-top:10px;
	}
	.bonus_welcome{
		color: rgba(52, 73, 94, 0.50);
		font-family: Inter;
		font-size: 16px;
		font-style: normal;
		font-weight: 600;
		line-height: 150%;
		letter-spacing: 0.352px;
	}
	.orange_block{
		border-radius: 10px;
		background: linear-gradient(90deg, #F39C12 22.6%, #E67E22 100%);
		margin:15px 15px 10px 15px;
	}
	.promo_code{
		color: #FFF;
		text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.30);
		font-family: Roboto;
		font-size: 9px;
		font-style: normal;
		font-weight: 400;
		line-height: 150%; /* 16.5px */
		letter-spacing: 1.32px;
		padding-top:6px;
	}
	.promo_code_code{
		color: #FFF;
		text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.30);
		font-family: Roboto;
		font-size: 18px;
		font-style: normal;
		font-weight: 800;
		line-height: 150%; /* 27px */
		letter-spacing: 2.16px;
	}
	.promo_code_copy_btn{
		margin: 6px auto;
		width: 62px;
		height: 19px;
		flex-shrink: 0;
		cursor: pointer;
		border-radius: 20px;
		border: 0.7px solid rgba(255, 255, 255, 0.52);
		background: linear-gradient(0deg, rgba(255, 255, 255, 0.19) 0%, rgba(255, 255, 255, 0.19) 100%), linear-gradient(90deg, rgba(243, 156, 18, 0.04) 40.38%, rgba(230, 126, 34, 0.20) 100%);

		color: #FFF;
		text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.30);
		font-family: Roboto;
		font-size: 11px;
		font-style: normal;
		font-weight: 400;
		line-height: 150%; /* 16.5px */
		letter-spacing: 1.32px;
	}
	.promo_code_copy_btn:hover{
		transform: translateY(-2px);
		box-shadow: 0 5px 12px rgba(0,0,0,0.3);
	}
	.transparent_block{
		margin:0px 15px 15px 15px;
		text-align:left;
	}

.bookmakers_list_3col_3 {
	text-align:center;
	margin:0px 10px;
}
.bookmakers_list_3col_3 a { text-decoration:none; }
	.button_green{
		display: flex;
		/*width: 200px;*/
		height: 48px;
		padding: 10px;
		justify-content: center;
		align-items: center;
		gap: 10px;
		flex-shrink: 0;
		border-radius: 6px;
		background: linear-gradient(90deg, #10B981 0%, #059669 100%);
		
		color: #FFF;
		text-align: center;
		font-family: Roboto;
		font-size: 16px;
		font-style: normal;
		font-weight: 800;
		line-height: 143%; /* 22.88px */
		letter-spacing: 0.288px;
		
		margin-top:20px;
	}
	.button_green:hover{
		transform: translateY(-2px);
		box-shadow: 0 5px 12px rgba(0,0,0,0.3);
	}
	.button_white{
		display: flex;
		/*width: 200px;*/
		height: 48px;
		padding: 10px;
		justify-content: center;
		align-items: center;
		gap: 10px;
		flex-shrink: 0;
		border-radius: 6px;
		border: 1px solid #468AFD;
		
		color: #468AFD;
		text-align: center;
		font-family: Roboto;
		font-size: 16px;
		font-style: normal;
		font-weight: 800;
		line-height: 143%; /* 22.88px */
		letter-spacing: 0.288px;
		
		margin-top:10px;
	}
	.button_white:hover{
		transform: translateY(-2px);
		box-shadow: 0 5px 12px rgba(0,0,0,0.3);
	}
	
	
	
@media (max-width:640px){
	.logo_container_bookmakers_list{ float: none; }
	.bookmakers_title { margin-left:20px; margin-top: 0px; line-height: 100%; }
	.bookmakers_losung{ margin-left:20px; margin-bottom: 5px;}
	
	.bookmakers_list_3col{ display: block; }
	
	.button_green{ max-width: 200px; margin: 0 auto; }
	.button_white{ max-width: 200px; margin: 10px auto; }
}
@media (max-width:560px){
	.bookmakers_list_3col_1{ text-align: center; }
	.bookmakers_list_3col_1_2{ display: block; }
	.bookmakers_list_3col_2{ max-width: 290px; margin: 0px auto; }
	.orange_block{ max-width: 200px; margin: 10px auto; }
}