:root {
  --bk-surface-page:        #f8f8fd;
  --bk-surface-secondary:   #eeeefa;
  --bk-surface-tertiary:    #f5f5fb;
  --bk-surface-card:        #ffffff;
  --bk-border:              #e0e0ee;
  --bk-border-light:        #ebebf5;
  --bk-text-primary:        #1a1a1a;
  --bk-text-secondary:      #3a3e48;
  --bk-text-tertiary:       #5a6070;
  --bk-text-muted:          #7a8090;
  --bk-text-faint:          #9aa0b0;
  --bk-text-divider:        #c4c8d2;
  --bk-accent-blue:         #1a4fb8;
  --bk-accent-blue-bg:      #eff3ff;
  --bk-accent-green:        #1f7a45;
  --bk-accent-green-bg:     #e8f5ee;
  --bk-accent-amber:        #f5a623;
  --bk-accent-red:          #a32d2d;
  --bk-accent-red-bg:       #fceaea;
  --bk-promo-bg:            #fff7e6;
  --bk-promo-color:         #995900;
  --bk-promo-border:        #f0d9a3;
  --bk-badge-home-bg:       #eaf3de;
  --bk-badge-home-color:    #3b6d11;
  --bk-badge-away-bg:       #fceaea;
  --bk-badge-away-color:    #a32d2d;
  --bk-cta-blue:            linear-gradient(90deg, #4F91FF 0%, #3D36B9 100%);
  --bk-cta-blue-border:     #468AFD;
  --bk-cta-green:           linear-gradient(90deg, #10B981 0%, #059669 100%);
}

.bk-hero { font-family: inherit; color: var(--bk-text-primary, #1a1a1a); margin: 0 0 28px; }

/* ===== Header (H1 + meta line) ===== */
.bk-hero__head { margin-bottom: 18px; }
.bk-hero__title { font-size: 26px; font-weight: 600; line-height: 1.2; margin: 0 0 8px; color: var(--bk-text-primary, #1a1a1a); }
.bk-hero__meta {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  font-size: 13px;
  color: var(--bk-text-tertiary, #5a6070);
}
.bk-hero__stars { color: var(--bk-accent-amber, #f5a623); letter-spacing: 1px; font-size: 14px; }
.bk-hero__score { font-weight: 600; color: var(--bk-text-primary, #1a1a1a); }
.bk-hero__dot { color: var(--bk-text-divider, #c4c8d2); }
.bk-hero__status {
  padding: 2px 10px;
  background: var(--bk-accent-green-bg, #e8f5ee);
  color: var(--bk-accent-green, #1f7a45);
  border-radius: 999px;
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.3px;
}
.bk-hero__status_off {
  padding: 2px 10px;
  background: #f7e1e1;
  color: #7a1f1f;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.3px;
}

/* ===== Bonus row (2 cards) ===== */
.bk-hero__bonuses { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-bottom: 18px; }
.bk-bonus {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 14px 16px;
  background: var(--bk-surface-secondary, #eeeefa);
  border: 1px solid var(--bk-border, #e0e0ee);
  border-radius: 10px;
}
.bk-bonus__info { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.bk-bonus__label { font-size: 11px; color: var(--bk-text-muted, #7a8090); text-transform: uppercase; letter-spacing: 0.4px; font-weight: 500; }
.bk-bonus__value { font-size: 18px; font-weight: 700; color: var(--bk-accent-blue, #1a4fb8); }
.bk-bonus__cta {
  flex-shrink: 0;
  padding: 9px 16px;
  border-radius: 6px;
  font-size: 13px;
  font-weight: 600;
  text-decoration: none;
  color: #fff;
  white-space: nowrap;
  transition: opacity 0.15s ease;
}
.bk-bonus__cta:hover { opacity: 0.9; }
.bk-bonus__cta--blue { background: var(--bk-cta-blue, linear-gradient(90deg, #4F91FF 0%, #3D36B9 100%)); border: 1px solid var(--bk-cta-blue-border, #468AFD); }
.bk-bonus__cta--green { background: var(--bk-cta-green, linear-gradient(90deg, #10B981 0%, #059669 100%)); }
.bk-bonus__cta--blue:hover  { color:#fff; text-decoration:none; }
.bk-bonus__cta--green:hover { color:#fff; text-decoration:none; }

/* ===== Quick facts row (4 stats) ===== */
.bk-hero__quick { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; margin-bottom: 14px; }
.bk-quick { display: flex; flex-direction: column; gap: 3px; padding: 10px 12px; background: var(--bk-surface-secondary, #eeeefa); border-radius: 6px; }
.bk-quick__label { font-size: 10px; color: var(--bk-text-muted, #7a8090); text-transform: uppercase; letter-spacing: 0.4px; font-weight: 500; }
.bk-quick__value { font-size: 14px; font-weight: 600; color: var(--bk-text-primary, #1a1a1a); }
.bk-quick__value--ok { color: var(--bk-accent-green, #1f7a45); }
.bk-quick__value--no { color: #7a1f1f; }

/* ===== Detail cards (3 columns) ===== */
.bk-hero__cards { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; }
.bk-card { padding: 14px 16px; border: 1px solid var(--bk-border, #e0e0ee); border-radius: 8px; background: #fff; }
.bk-card__head { display: flex; align-items: center; gap: 8px; margin-bottom: 10px; }
.bk-card__icon { color: var(--bk-accent-blue, #1a4fb8); flex-shrink: 0; }
.bk-card__icon--star { color: var(--bk-accent-amber, #f5a623); }
.bk-card__title { font-size: 13px; font-weight: 600; color: var(--bk-text-primary, #1a1a1a); }
.bk-card__list { list-style: none; margin: 0; padding: 0; font-size: 12.5px; color: var(--bk-text-tertiary, #5a6070); }
.bk-card__list li { display: flex; justify-content: space-between; align-items: center; padding: 4px 0; }
.bk-card__list li + li { border-top: 1px dashed var(--bk-border-light, #ebebf5); }
.bk-card__list b { color: var(--bk-text-primary, #1a1a1a); font-weight: 600; }
.bk-card__pay { font-size: 12.5px; color: var(--bk-text-secondary, #3a3e48); line-height: 1.7; }
.bk-card__pay > div + div { margin-top: 3px; }
.bk-card__pay-label { color: var(--bk-text-muted, #7a8090); font-weight: 500; }

/* ===== Responsive ===== */
@media (max-width: 768px) {
  .bk-hero__title { font-size: 22px; }
  .bk-hero__bonuses { grid-template-columns: 1fr; }
  .bk-hero__quick { grid-template-columns: repeat(2, 1fr); }
  .bk-hero__cards { grid-template-columns: 1fr; }
}
@media (max-width: 420px) {
  .bk-bonus { padding: 12px 14px; }
  .bk-bonus__value { font-size: 16px; }
  .bk-bonus__cta { padding: 8px 12px; font-size: 12px; }
}


/* ===== Lead paragraph (after author byline, before takeaways) ===== */
.bk-lead { margin: 0 0 22px; font-family: inherit; }
.bk-lead__paragraph { font-size: 16px; line-height: 1.7; color: #2a2e38; margin: 0 0 14px; }
.bk-lead__paragraph:last-child { margin-bottom: 0; }
.bk-lead__paragraph--secondary { font-size: 15px; color: var(--bk-text-secondary, #3a3e48); }
.bk-lead__paragraph b { color: var(--bk-text-primary, #1a1a1a); font-weight: 600; }

/* ===== Key takeaways box (analog "Коротко о главном") ===== */
.bk-takeaways {
  background: var(--bk-surface-secondary, #eeeefa);
  border: 1px solid var(--bk-border, #e0e0ee);
  border-left: 3px solid var(--bk-accent-blue, #1a4fb8);
  border-radius: 8px;
  padding: 18px 20px;
  margin: 0 0 28px;
  font-family: inherit;
}
.bk-takeaways__head { display: flex; align-items: center; gap: 8px; margin-bottom: 12px; }
.bk-takeaways__icon { color: var(--bk-accent-blue, #1a4fb8); flex-shrink: 0; }
.bk-takeaways__title { font-size: 13px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.4px; color: var(--bk-text-primary, #1a1a1a); }
.bk-takeaways__list { list-style: none; margin: 0; padding: 0; font-size: 14px; line-height: 1.6; color: #2a2e38; }
.bk-takeaways__item { display: flex; align-items: flex-start; gap: 10px; padding: 5px 0; }
.bk-takeaways__item b { font-weight: 600; color: var(--bk-text-primary, #1a1a1a); }
.bk-takeaways__item svg { flex-shrink: 0; margin-top: 5px; }
.bk-takeaways__item--pro svg { color: var(--bk-accent-green, #1f7a45); }
.bk-takeaways__item--con svg { color: var(--bk-accent-red, #a32d2d); }

@media (max-width: 600px) {
  .bk-lead__paragraph { font-size: 15px; }
  .bk-lead__paragraph--secondary { font-size: 14px; }
  .bk-takeaways { padding: 16px 16px; }
  .bk-takeaways__list { font-size: 13.5px; }
}



/* Compare ( after $item['text1'] ) */
.bookmakers_compare_6col {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
	gap: 20px;
	justify-content: space-around;
	
	padding:15px;
	border-bottom: 1px solid #E2E8F0;
	background: #FFF;
	
	font-family: Inter;
	font-size: 23px;
	font-style: normal;
	font-weight: 700;
	line-height: 150%;
	letter-spacing: 0.506px;
	text-align:center;
	
	max-width:940px;
	min-width:900px;
	margin:0 auto;
}
@media (max-width:640px){
	.bookmakers_item_2col{ display: block; max-width:320px; }
	.bookmakers_item_box{ margin-bottom:20px; }
}

.bookmakers_table_up {
	color: #3A3A44;
	font-variant-numeric: lining-nums tabular-nums;
	font-feature-settings: 'liga' off, 'clig' off;
	font-family: Roboto;
	font-size: 14px;
	font-style: normal;
	font-weight: 800;
	line-height: 142%; 
	letter-spacing: 0.07px;
	margin: auto;
}
.bookmakers_table2 {
	color: #000;
	font-variant-numeric: lining-nums tabular-nums;
	font-feature-settings: 'liga' off, 'clig' off;
	font-family: Roboto;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 150%;
	letter-spacing: 0.235px;
	margin: auto;
}
.bookmakers_table3, .bookmakers_table6 {
	color: #000;
	font-variant-numeric: lining-nums tabular-nums;
	font-feature-settings: 'liga' off, 'clig' off;
	font-family: Roboto;
	font-size: 15px;
	font-style: normal;
	font-weight: 700;
	line-height: 150%; 
	letter-spacing: 0.252px;
	margin: auto;
}
.bookmakers_table3_2, .bookmakers_table4_2{
	color: #000;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: 150%;
	letter-spacing: 0.202px;
	margin: auto;
}
.bookmakers_table4_green, .bookmakers_table5 {
	color: #10B981;
	font-variant-numeric: lining-nums tabular-nums;
	font-feature-settings: 'liga' off, 'clig' off;
	font-family: Roboto;
	font-size: 15px;
	font-style: normal;
	font-weight: 700;
	line-height: 150%; 
	letter-spacing: 0.252px;
	margin: auto;
}



/* Add bookmakers ( before $item['text2'] ) */
.add_bookmakers{
	width: 160px;
	height: 42px;
	flex-shrink: 0;
	border-radius: 8px;
	border: 2px dashed #CBD5E1;
	
	color: #6B7280;
	font-family: Inter;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 150%; 
	letter-spacing: 0.308px;
	text-align:center;
	padding:8px;
	cursor:pointer;
	
	margin:0 auto;
}

.compare_bookmakers_title{
	color: #000;
	font-family: Inter;
	font-size: 26px;
	font-style: normal;
	font-weight: 700;
	line-height: 150%; 
	letter-spacing: 0.572px;
}
.compare_bookmakers_text{
	color: #000;
	text-align: center;
	font-family: Inter;
	font-size: 17px;
	font-style: normal;
	font-weight: 500;
	line-height: 150%; 
	letter-spacing: 0.374px;
}
.compare_bookmakers_btn{
	width: 223px;
	height: 51px;
	border-radius: 12px;
	background: linear-gradient(93deg, rgba(16, 185, 129, 0.80) 17.09%, #059669 97.83%);
	color: #FFF;
	font-family: Inter;
	font-size: 14px;
	font-style: normal;
	font-weight: 700;
	line-height: 150%; 
	letter-spacing: 0.308px;
	
	text-align:center;
	padding:14px;
	cursor:pointer;
	
	margin:10px auto;
}
.compare_bookmakers_btn:hover{ transform: translateY(-2px); box-shadow: 0 5px 12px rgba(0,0,0,0.3); }




/* ( after $item['text3'] ) */
#fon{ position:fixed; top:0px; left:0px; width:100%; height:100%; z-index:9998; background:#ccc; opacity:0.8; display:none; }
#sel, #sel2{
	display:none;
	position:fixed; top: calc(50% - 218px); left: calc(50% - 160px); z-index:9999;
	
	
	width: 320px;
	height: 436px;
	
	border-radius: 20px;
	border: 1px solid rgba(0, 0, 0, 0.08);
	background: rgba(255, 255, 255, 0.98);
	box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.08), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
	backdrop-filter: blur(10px);
	
	font-family: "Roboto";
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}
	.bookmakers_sel_top{ padding: 15px 15px 5px 15px; }
	.bookmakers_sel_title{ font-weight: 700; padding:0px 10px; }
	.bookmakers_sel_title_small{ font-size: 14px; color: rgba(0, 0, 0, 0.60); padding:5px 10px; }
	
	.bookmakers_select{ 
		height:295px; width: 100%; overflow-y: scroll; scrollbar-width: none;
		border-top: 1px solid rgba(0, 0, 0, 0.08);
		border-bottom: 1px solid rgba(0, 0, 0, 0.08);
		padding:12px;
	}
	.bookmakers_select::-webkit-scrollbar{ display: none; }
	.bookmakers_sel{ 
		display: grid;
		grid-template-columns: 60px 1fr 105px;
		gap: 0px;
		justify-content: space-around;
		height: 70px; flex-shrink: 0; border-radius: 16px;
		border: 1px solid #fff; 
	}
	.bookmakers_sel:hover{ 
		border: 1px solid rgba(81, 73, 224, 0.20); 
		background: linear-gradient(103deg, rgba(92, 87, 233, 0.10) 30.77%, #E1E1E3 100%);
	}
	.sel_circle{
		width: 24px; height: 24px; 
		border-radius: 12px; background:#fff; border: 2px solid rgba(0, 0, 0, 0.20); 
		margin: 22px 18px 22px 18px;
		cursor:pointer;
	}
	.sel_circle_on{
		width: 24px; height: 24px;
		margin: 22px 18px 22px 18px;
		padding-left:5px;
		cursor:pointer;
		border-radius: 12px;
		border: 2px solid #7C3AED;
		background: linear-gradient(135deg, rgba(70, 138, 253, 0.00) 20%, #468AFD 100%);
		color:#fff;
		font-weight: 700;
	}
	.sel_col2{ margin: auto 0px; }
	.sel_title{  }
	.sel_platform{ font-size: 13px; }
	.sel_dop{ margin: auto; margin-right: 20px; }
	.sel_premium{ 
		width: 83px;
		height: 20px;
		padding: 3px;
		text-align: center;
		
		color: #000;
		font-family: "Roboto";
		font-size: 12px;
		font-style: normal;
		font-weight: 700;
		line-height: normal;
		letter-spacing: 0.5px;
		text-transform: uppercase;
		
		border-radius: 12px;
		background: linear-gradient(104deg, #FBBF24 0%, #F59E0B 100%);
	}
	.sel_new{ 
		width: 50px;
		height: 20px;
		padding: 3px;
		text-align: center;
		
		color: #fff;
		font-family: "Roboto";
		font-size: 12px;
		font-style: normal;
		font-weight: 700;
		line-height: normal;
		letter-spacing: 0.5px;
		text-transform: uppercase;
		
		border-radius: 12px;
		background: linear-gradient(111deg, #10B981 0%, #059669 100%);
	}
	.bookmakers_sel_btns{ 
		display: grid;
		grid-template-columns: 1fr 1fr;
		padding: 15px;
	}
	.bookmakers_sel_btn_1{
		width: 130px;
		height: 42px;
		text-align: center;
		font-size: 14px;
		font-style: normal;
		font-weight: 700;
		border-radius: 14px;
		border: 1px solid rgba(0, 0, 0, 0.10);
		background: rgba(0, 0, 0, 0.05);
		margin: 0px auto;
		padding: 12px;
		cursor:pointer;
	}
	.bookmakers_sel_btn_2{
		width: 130px;
		height: 42px;
		color: #FFF;
		text-align: center;
		font-size: 14px;
		font-style: normal;
		font-weight: 700;
		border-radius: 14px;
		background: linear-gradient(92deg, rgba(70, 138, 253, 0.00) -147.42%, #075DEF 105.25%);
		margin: 0px auto;
		padding: 12px;
		cursor:pointer;
	}
	
	
	
/* before FAQ */
#fontable{ position:fixed; top:0px; left:0px; width:100%; height:100%; z-index:9996; background:#ccc; opacity:0.8; display:none; }
#sravnenie{
	display:none;
	position:fixed; top: calc(50% - 280px); left: calc(50% - 320px); z-index:9997;
		
	width: 640px;
	
	border-radius: 20px;
	border: 1px solid rgba(0, 0, 0, 0.08);
	background: rgba(255, 255, 255, 0.98);
	box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.08), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
	backdrop-filter: blur(10px);
	
	font-family: "Roboto";
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}
@media (max-width:640px){
	#sravnenie{ width: calc(100% - 40px); left: 20px; }
}

.wc{ min-width:150px; }
.m_left{ margin-left:35px; }

.bookmakers_cell_btn_invise{ margin-left:25px; }
.bookmakers_cell_btn_blue{
	position:relative;
	width: 15px;
	height: 15px;
	border-radius: 4px;
	background: linear-gradient(0deg, #005DFA 0%, #005DFA 100%), linear-gradient(90deg, rgba(70, 138, 253, 0.00) 20.43%, #075DEF 102.17%);
	float:left;
	margin-right:5px;
}
.bookmakers_cell_btn_blue_content{
	position:absolute;
	top: -2px;
	left: 4px;
}
.rotate{
    transform: rotate(180deg);
	transition: transform 0.3s ease;
}

.bookmakers_div{ padding:8px 20px; overflow-x:auto; }
.bookmakers_cell{ text-align:center; padding:3px; }
.bookmakers_cell div{ min-height: 18px; }

.bookmakers_a a{
	color: #F39C12;
	font-family: Roboto;
	font-size: 10px;
	font-style: normal;
	font-weight: 400;
	line-height: 150%;
	letter-spacing: 0.168px;
	border-bottom: 1px solid #F39C12;
	background: rgba(217, 217, 217, 0.00);
}
.bookmakers_a a:hover{ text-decoration:none; opacity:60%; }
.font12{
	color: var(--Black, #000);
	font-family: Roboto;
	font-size: 12px;
	font-weight: 400;
	line-height: 150%;
	letter-spacing: 0.2px;
}
.title_b{ font-weight: 700; }
.title_s{ padding-left:40px; }
.bookmakers_cell_commission_green{ color: #059669; font-weight: 700;}
.bookmakers_cell_commission{ min-height: 18px; }

.bookmakers_cell_btn_green{
	width: 96px;
	height: 30px;
	padding: 5px;
	border-radius: 6px;
	background: linear-gradient(90deg, #10B981 0%, #059669 100%);
	color: #FFF;
	font-size: 14px;
	font-weight: 800;
	line-height: 150%;
	margin: 0 auto;
}
.bookmakers_cell_btn_white{
	width: 95px;
	height: 38px;
	border-radius: 6px;
	border: 1px dashed #4F91FF;
	
	color: #4F91FF;
	text-align: center;
	font-family: Inter;
	font-size: 10px;
	font-style: normal;
	font-weight: 400;
	line-height: 150%;
	letter-spacing: 1.4px;
	
	padding: 10px 0px;
	margin: 0 auto;
	cursor:pointer;
}
.bookmakers_cell_btn_white:hover{ border: 1px dashed #333; color: #333; }
.bookmakers_cell_btn_white.copied{ background: linear-gradient(90deg, #10B981 0%, #059669 100%); color: #fff; }
.bookmakers_cell_btn_white.copied:hover{ color: #fff; }