/* Casino hub styles — extracted 1:1 from static online-casino.html */

			:root {
			    --main-color: #6A327F;
			    --footer-color: #6A327F;
			    --header-color: #6A327F;
			    --primary-color: #6A327F;
			    --search-bg-color: #ffffff;
			    --header-link-color: #ffffff;
			    --search-icon-color: rgba(0, 0, 0, 0.64);
			    --publish-date-color: #6A327F;
			    --head-divider-color: rgba(255, 255, 255, 0.16);
			    --article-title-color: #6A327F;
			    --logo-width: 120px;
			}

			.comparison-cards {
			    display: grid;
			    grid-template-columns: repeat(3, 1fr);
			    gap: 20px;
			    margin: 30px 0;
			}

			.comparison-card {
			    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
			    border: 2px solid #dee2e6;
			    border-radius: 12px;
			    padding: 20px;
			    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
			    transition: box-shadow 0.3s ease;
			}

			.comparison-card:hover {
			    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);
			}

			.comparison-card__emoji {
			    font-size: 32px;
			    display: block;
			    text-align: center;
			    margin-bottom: 12px;
			}

			.comparison-card__title {
			    font-size: 16px;
			    font-weight: bold;
			    color: #6A327F;
			    margin-bottom: 12px;
			    text-align: center;
			}

			.comparison-card__list {
			    list-style: none;
			    padding: 0;
			    margin: 0;
			}

			.comparison-card__item {
			    font-size: 13px;
			    color: #495057;
			    margin-bottom: 8px;
			    line-height: 1.5;
			}

			.comparison-card__item:last-child {
			    margin-bottom: 0;
			}

			@media (max-width: 768px) {
			    .comparison-cards {
			        grid-template-columns: repeat(2, 1fr);
			        gap: 15px;
			    }
			}

			@media (max-width: 480px) {
			    .comparison-cards {
			        grid-template-columns: 1fr;
			    }
			}

			.pros-cons-block {
			    display: grid;
			    grid-template-columns: 1fr 1fr;
			    gap: 30px;
			    margin: 30px 0;
			}

			.pros-box, .cons-box {
			    border-radius: 12px;
			    padding: 25px;
			    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
			}

			.pros-box {
			    background: linear-gradient(135deg, #e8f5e9 0%, #c8e6c9 100%);
			    border: 2px solid #4caf50;
			}

			.cons-box {
			    background: linear-gradient(135deg, #ffebee 0%, #ffcdd2 100%);
			    border: 2px solid #f44336;
			}

			.pros-box__title, .cons-box__title {
			    font-size: 20px;
			    font-weight: bold;
			    margin-bottom: 20px;
			    display: flex;
			    align-items: center;
			    gap: 10px;
			}

			.pros-box__title {
			    color: #2e7d32;
			}

			.cons-box__title {
			    color: #c62828;
			}

			.pros-box__list, .cons-box__list {
			    list-style: none;
			    padding: 0;
			    margin: 0;
			}

			.pros-box__item, .cons-box__item {
			    font-size: 14px;
			    line-height: 1.6;
			    margin-bottom: 12px;
			    padding-left: 30px;
			    position: relative;
			    color: #333;
			    list-style: none;
			}

			.pros-box__item:before {
			    content: "✅";
			    position: absolute;
			    left: 0;
			    font-size: 18px;
			}

			.cons-box__item:before {
			    content: "❌";
			    position: absolute;
			    left: 0;
			    font-size: 18px;
			}

			.pros-box__item:last-child, .cons-box__item:last-child {
			    margin-bottom: 0;
			}

			@media (max-width: 768px) {
			    .pros-cons-block {
			        grid-template-columns: 1fr;
			        gap: 20px;
			    }
			}

			blockquote {
			    background: linear-gradient(135deg, #f0e6f6 0%, #dfd0ef 100%);
			    border-left: 4px solid #6A327F!important;
			    border-radius: 8px;
			    padding: 20px 25px;
			    margin: 25px 0;
			    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
			    font-style: italic;
			    color: #495057;
			    line-height: 1.6;
			}

			blockquote p {
			    margin-bottom: 0!important;
			    font-size: 16px;
			}
		

			.main-nav li > a {
			    display: inline-block;
			    padding: 10px 13px;
			}

			#home h1 {
			    margin-top: 0px;
			}

			#home h2 {
			    margin-bottom: 20px;
			}

			#home h3 {
			    font-size: 20px;
			    margin-bottom: 15px;
			    font-weight: bold;
			}

			#home p {
			    font-size: 16px;
			    margin-bottom: 15px;
			}

			.table-wrap {
			    overflow-x: auto;
			    margin: 15px 0;
			    width: 100%;
			}

			.table-wrap table {
			    width: 100%;
			    border-collapse: collapse;
			}

			.table-wrap td {
			    border: 1px solid #6A327F;
			    padding: 10px;
			}

			table {
			    width: 100%;
			    border-collapse: collapse;
			    background-color: #ffffff;
			    color: #2a2a2a;
			    box-shadow: 0 0 10px rgba(0, 0, 0, 0.08);
			    margin-bottom: 1.5rem;
			}

			thead {
			    background-color: #6C3483;
			    color: #ffffff;
			}

			thead th {
			    padding: 14px 16px;
			    font-weight: bold;
			    text-align: left;
			    text-transform: uppercase;
			    font-size: 14px;
			    letter-spacing: 0.5px;
			    border-bottom: 2px solid #5b2c6f;
			}

			tbody td {
			    padding: 12px 16px;
			    border-bottom: 1px solid #cccccc;
			}

			tbody tr:nth-child(even) {
			    background-color: #f0e6f6;
			}

			tbody tr:hover {
			    background-color: #e0d0ef;
			    transition: background-color 0.2s ease-in-out;
			}


			#home ul {
			    list-style-type: disc;
			    padding-left: 30px;
			    margin: 15px 0;
			    font-size: 16px;
			}

			#home ol {
			    list-style-type: decimal;
			    padding-left: 30px;
			    margin: 15px 0;
			    font-size: 16px;
			}

			#home img {
			    max-width: 600px;
			    width: 100%;
			    height: auto;
			    margin: 15px auto;
			    display: block;
			    object-fit: contain;
			    border-radius: 10px;
			}

			.article-header__meta-descr img {
			    margin: 0 !important;
			}

			#home img.left {
			    float: left;
			    margin: 0 20px 20px 0;
			    max-width: 45%;
			    height: auto;
			}

			#home img.right {
			    float: right;
			    margin: 0 0 20px 20px;
			    max-width: 45%;
			    height: auto;
			}

			#home::after {
			    content: "";
			    display: block;
			    clear: both;
			}

			@media (max-width: 768px) {

			    #home img.left,
			    #home img.right {
			        float: none;
			        margin: 0 auto 20px;
			        max-width: 100%;
			    }
			}

			blockquote {
			    border-left: none;
			}
		

				.theme-header .bot-head.light-header {
					padding-top: 8px;
					padding-bottom: 8px;
				}
				.oc-head-row {
					display: flex;
					flex-wrap: nowrap;
					align-items: center;
					justify-content: space-between;
					width: 100%;
				}
				.oc-head-row__left {
					display: flex;
					align-items: center;
					gap: 10px;
					flex: 0 1 auto;
					min-width: 0;
				}
				.oc-head-row__mobile-logo {
					flex: 1 1 auto;
					text-align: center;
					min-width: 0;
					padding: 0 6px;
					display: block;
				}
				.oc-head-row__mobile-logo .l-header__logo {
					display: inline-block;
				}
				@media (min-width: 768px) {
					.oc-head-row__mobile-logo {
						display: none !important;
					}
				}
				.oc-head-row__right {
					flex: 0 0 auto;
					display: flex;
					align-items: center;
					justify-content: flex-end;
					overflow: visible;
				}
				.theme-header .bot-head .online-casino-head-wrap.container,
				.theme-header .theme-header__menu .online-casino-head-wrap.container,
				.l-main .online-casino-head-wrap.container,
				.l-footer .online-casino-head-wrap.container {
					max-width: 1200px;
				}
				@media (min-width: 1200px) {
					.theme-header .bot-head .online-casino-head-wrap.container,
					.theme-header .theme-header__menu .online-casino-head-wrap.container,
					.l-main .online-casino-head-wrap.container,
					.l-footer .online-casino-head-wrap.container {
						width: 1200px;
					}
				}
				.article-header__logo {
					max-height: none;
				}
			

							.casino-dropdown { position: relative; }
							.casino-dropdown > a { padding: 10px 15px; color: #fff; text-decoration: none; border-radius: 4px; display: inline-block; }
							.casino-dropdown > a:hover { background: #0066cc; }
							.casino-submenu { display: none; position: absolute; top: 100%; left: 0; min-width: 220px; background: #f8f9fa; border: 1px solid #ccc; border-radius: 6px; padding: 5px 0; box-shadow: 0 4px 10px rgba(0,0,0,0.15); list-style: none; margin: 0; z-index: 1000; }
							.casino-submenu li a { display: block; padding: 10px 15px; color: #222; text-decoration: none; transition: background 0.2s; }
							.casino-submenu li a:hover { background: #e6f0ff; color: #000; }
							.casino-dropdown:hover .casino-submenu { display: block; }
							.mob-nav-item-has-sub .mob-nav-sub { list-style: none; margin: 0; padding: 4px 0 8px 14px; }
							.mob-nav-item-has-sub .mob-nav-sub a { display: block; padding: 6px 0; }
						

					#faq-block {
					    background: #fff;
					    border-radius: 18px;
					    margin-top: 30px;
					    padding: 20px;
					    margin: 0 auto;
					}

					.faq-item {
					    margin: 18px 0;
					    border-bottom: 1px solid #eee;
					    padding-bottom: 12px;
					}

					.faq-question {
					    font-weight: 600;
					    color: #6A327F;
					    cursor: pointer;
					    margin-bottom: 6px;
					}

					.faq-answer {
					    color: #222;
					    display: none;
					    margin-left: 0;
					    margin-bottom: 0;
					}

					.faq-item.open .faq-answer {
					    display: block;
					    animation: fadeIn 0.3s;
					}

					.faq-item.open .faq-question {
					    color: #532466;
					}

					@keyframes fadeIn {
					    from {
					        opacity: 0;
					        transform: translateY(-10px);
					    }

					    to {
					        opacity: 1;
					        transform: translateY(0);
					    }
					}

					.author-box {
					    display: flex;
					    align-items: flex-start;
					    gap: 20px;
					    background-color: #f5f5f5;
					    padding: 24px;
					    border-radius: 10px;
					    color: #333;
					    flex-wrap: wrap;
					}

					.author-header {
					    display: flex;
					    flex-direction: row;
					    align-items: center;
					    gap: 30px;
					}

					.author-avatar img {
					    width: 110px !important;
					    height: 110px !important;
					    border-radius: 50%;
					    border: 4px solid #9C2780;
					    object-fit: cover;
					}

					.author-info {
					    flex: 1;
					}

					.author-name {
					    display: inline-block;
					    color: #9C2780;
					    font-size: 22px;
					    font-weight: 700;
					    margin: 0 0 4px 0;
					    text-decoration: none;
					}

					.author-name:hover {
					    text-decoration: underline;
					}

					.author-title {
					    font-size: 16px;
					    color: #555;
					    margin: 0 0 12px 0;
					}

					.author-social {
					    display: inline-block;
					    margin-bottom: 16px;
					    text-decoration: none;
					}

					.author-social svg {
					    vertical-align: middle;
					    border-radius: 50%;
					}

					.author-description {
					    font-size: 15px;
					    line-height: 1.6;
					    color: #444;
					}

					.topchoise-highlight {
					    font-weight: 600;
					    background: #9C2780;
					    display: block;
					    margin-bottom: 10px;
					    color: #fff;
					    padding: 10px 15px;
					    border-radius: 5px;
					}

					h4 {
					    font-size: 18px;
					    font-weight: 600;
					    margin-bottom: 10px;
					}

					.pros-cons-block {
                        display: flex;
    gap: 24px;
    border-radius: 12px;
    margin-bottom: 2rem;
    flex-direction: row;
					}

					.pros,
					.cons {
					    flex: 1 1 300px;
					    background: #f8f6fa;
					    padding: 20px;
					    border-left: 6px solid;
					    border-radius: 8px;
					    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
					}

					.pros {
					    border-color: #2e7d32;
					}

					.cons {
					    border-color: #c62828;
					}

					.pros:hover,
					.cons:hover {
					    transform: translateY(-4px);
					    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.08);
					    transition: all 0.3s ease;
					    border-left-width: 8px;
					    background-color: #faf7fc;
					}


					.pros h4,
					.cons h4 {
					    margin-top: 0;
					    font-size: 18px;
					    color: #9C2780;
					    font-weight: 700;
					    margin-bottom: 12px;
					}

					.pros ul,
					.cons ul {
					    padding-left: 1.2rem;
					    margin: 0;
					    list-style: disc;
					    color: #444;
					    font-size: 15px;
					    line-height: 1.6;
					}

					/* Мобильная адаптация */
					@media (max-width: 600px) {
					    .pros-cons-block {
					        flex-direction: column;
					    }
					}

					p em {
					    display: block;
					    background-color: #f4eaf7;
					    border-left: 4px solid #9C2780;
					    padding: 12px 16px;
					    margin: 20px 0;
					    font-style: italic;
					    font-size: 15.5px;
					    line-height: 1.6;
					    color: #5a2a65;
					    border-radius: 6px;
					}

					.game {
					    clear: both;
					}

					.game h3 {
					    display: inline-block !important;
					}

					.game-row {
					    display: flex;
					    align-items: stretch;
					    gap: 24px;
					}

					.game-text {
					    flex: 1;
					}

					.game-image {
					    flex: 0 0 25%;
					    display: flex;
					    align-items: stretch;
					}

					.game-image img {
					    width: 100%;
					    height: 100%;
					    object-fit: cover !important;
					    border-radius: 8px;
					    margin-top: 0px !important;
					}

					@media (max-width: 768px) {
					    .game-row {
					        flex-direction: column;
					        gap: 0px;
					    }

					    .game-text {
					        order: 1;
					    }

					    .game-image {
					        order: 2;
					    }

					    .game-image img {
					        height: auto;
					        object-fit: contain;
					        margin-top: 16px;
					        max-height: 300px;
					    }
					}
				

			.ys-popup {
				position: fixed;
				left: 0;
				right: 0;
				bottom: 16px;
				margin: 0 auto;
				z-index: 9998;
				width: calc(100% - 32px);
				max-width: 1200px;
				background: #ffffff;
				border-radius: 12px;
				box-shadow: 0 10px 28px rgba(0, 0, 0, 0.18);
				border: 1px solid rgba(106, 50, 127, 0.12);
				font-family: "Raleway", system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
				transform: translateY(20px);
				opacity: 0;
				visibility: hidden;
				transition: transform 0.35s ease, opacity 0.35s ease, visibility 0s linear 0.35s;
			}
			.ys-popup.is-visible {
				transform: translateY(0);
				opacity: 1;
				visibility: visible;
				transition: transform 0.35s ease, opacity 0.35s ease, visibility 0s linear 0s;
			}
			.ys-popup::before {
				content: "";
				position: absolute;
				top: 0; left: 0; right: 0;
				height: 3px;
				background: linear-gradient(90deg, #F47C2B 0%, #6A327F 100%);
				border-top-left-radius: 12px;
				border-top-right-radius: 12px;
			}
			.ys-popup__inner {
				display: grid;
				grid-template-columns: 56px 1fr auto auto;
				gap: 18px;
				align-items: center;
				padding: 14px 22px;
				text-decoration: none;
				color: inherit;
			}
			.ys-popup__inner:hover { text-decoration: none; }
			.ys-popup__logo {
				width: 56px;
				height: 56px;
				border-radius: 10px;
				overflow: hidden;
				flex-shrink: 0;
				background: #F47C2B;
			}
			.ys-popup__logo img {
				width: 100%;
				height: 100%;
				object-fit: cover;
				display: block;
			}
			.ys-popup__content { min-width: 0; }
			.ys-popup__row {
				display: flex;
				align-items: center;
				gap: 10px;
				margin-bottom: 3px;
				flex-wrap: wrap;
			}
			.ys-popup__brand {
				font-weight: 700;
				font-size: 18px;
				color: #6A327F;
				line-height: 1.2;
			}
			.ys-popup__rating {
				font-size: 12px;
				color: #555;
				display: inline-flex;
				align-items: center;
				gap: 3px;
				background: #f0e6f6;
				padding: 2px 8px;
				border-radius: 999px;
				font-weight: 600;
			}
			.ys-popup__star { color: #f5b100; }
			.ys-popup__desc {
				font-size: 13px;
				color: #6c6c6c;
				margin: 0;
				line-height: 1.4;
			}
			.ys-popup__bonus {
				display: flex;
				align-items: center;
				gap: 8px;
				font-size: 14px;
				color: #2a2a2a;
				font-weight: 700;
				line-height: 1.3;
			}
			.ys-popup__bonus-icon {
				display: inline-flex;
				width: 20px;
				height: 20px;
				color: #F47C2B;
				flex-shrink: 0;
			}
			.ys-popup__bonus-icon svg { width: 20px; height: 20px; }
			.ys-popup__btn {
				background: linear-gradient(135deg, #6A327F 0%, #8B4A9A 100%);
				color: #ffffff !important;
				font-weight: 700;
				font-size: 14px;
				text-transform: uppercase;
				letter-spacing: 0.4px;
				padding: 12px 26px;
				border-radius: 8px;
				white-space: nowrap;
				transition: transform 0.2s ease, box-shadow 0.2s ease;
				display: inline-block;
			}
			.ys-popup__inner:hover .ys-popup__btn {
				transform: translateY(-1px);
				box-shadow: 0 4px 12px rgba(106, 50, 127, 0.35);
			}
			@media (max-width: 768px) {
				.ys-popup__inner {
					grid-template-columns: 56px 1fr auto;
					gap: 14px;
					padding: 12px 16px;
				}
				.ys-popup__bonus {
					grid-column: 1 / -1;
					padding-left: 0;
					border-left: 0;
					border-top: 1px solid rgba(106, 50, 127, 0.12);
					padding-top: 10px;
					margin-top: 4px;
				}
				.ys-popup__desc { display: none; }
			}
			@media (max-width: 580px) {
				.ys-popup {
					bottom: 70px;
					width: calc(100% - 16px);
				}
				.ys-popup__inner {
					grid-template-columns: 48px 1fr;
					gap: 10px 12px;
					padding: 12px 14px;
				}
				.ys-popup__logo { width: 48px; height: 48px; }
				.ys-popup__content { grid-column: 2; }
				.ys-popup__bonus {
					grid-column: 1 / -1;
					font-size: 13px;
				}
				.ys-popup__btn {
					grid-column: 1 / -1;
					text-align: center;
					padding: 11px 16px;
				}
				.ys-popup__brand { font-size: 16px; }
			}
		

					.l-footer__casino-links { margin-top: 15px; }
					.l-footer__casino-title { color: #fff; font-size: 14px; font-weight: 700; margin-bottom: 8px; }
					.l-footer__casino-list { list-style: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap; gap: 8px 20px; }
					.l-footer__casino-list li a { color: rgba(255,255,255,0.7); font-size: 13px; text-decoration: none; transition: color 0.2s; }
					.l-footer__casino-list li a:hover { color: #fff; }
					.l-footer__divider { border: none; border-top: 1px solid rgba(255,255,255,0.15); margin: 15px 0; }
				

			.taboola-rail-thumbnails .trc_rbox_container {
			    border: 1px solid #9c9c9c;
			    padding: 8px;
			    margin-bottom: 16px;
			}

			.thumbnails-rr1 span.trc_rbox_header_span {
			    background: var(--primary-color) !important;
			    padding: 10px;
			}

			.thumbnails-rr1 .syndicatedItem .video-title {
			    font-family: "Raleway Extrabold", sans-serif;
			    font-weight: 600;
			    line-height: 1.15;
			}

			.thumbnails-rr1 .syndicatedItem .branding {
			    font-family: "Raleway Semibold", sans-serif;
			    color: rgba(0, 0, 0, 0.8);
			}

			#tbl-next-up {
			    z-index: 9;
			    display: none;
			}

			@media only screen and (min-width: 320px) {
			    .thumbnails-rr1 .videoCube.thumbnail_start .thumbBlock_holder {
			        max-width: 112px;
			        width: 100%;
			    }

			    .thumbnails-rr1 .syndicatedItem .video-title {
			        font-size: 16px;
			    }
			}

			@media only screen and (max-width: 991px) and (min-width: 768px) {
			    .thumbnails-rr1 .videoCube.thumbnail_start .thumbBlock_holder {
			        max-width: 292px;
			    }

			    .thumbnails-rr1 .syndicatedItem .video-title {
			        font-size: 20px;
			        font-family: "Raleway Extrabold", sans-serif;
			    }
			}