/**
* template:  Jump&Learn

TABLE OF CONTENTS

      + Global
	  + Header
	  + Header Content
	  + Edge
	  + About Us
	  + Banner
      + Classes
      + Testimonials
      + Footer

      
*/

@import 'reset.css';
@import 'all.min.css';
@import 'magnific-popup.css';
@import 'owl.carousel.min.css';
@import 'owl.theme.default.min.css';
@import 'scrollCue.css';


@import url('https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400..700;1,400..700&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');


/**************************************
*
*         GLOBAL   
*
***************************************/

* {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

:root {
    --color-white: #ffffff;
    --color-dark: #262626;
    --color-violet: #7f367a;
    --color-green: #adc400;
    --color-blue: #069eed;
    --color-yellow: #f4c119;
    --color-gray: #fafafa;
}

img {
    outline: none;
    height: auto;
    display: block;
    width: 100%;
}

a {
	text-decoration: none;
	outline: none;
	display: inline-block;
	-webkit-transition: all;
	-o-transition: all;
	transition: all;
	-webkit-transition-duration: 0.5s;
	     -o-transition-duration: 0.5s;
	        transition-duration: 0.5s;
}

body {
    font-family: "Montserrat", serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.4;
    color: var(--color-dark);
    background-color: var(--color-violet);
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: "Lora", serif;
	font-weight: 700;
	line-height: 1.2;
	margin-bottom: 30px;
	color: var(--color-dark);
	text-transform: capitalize;
}

h2 {
    font-size: 60px;
}


@-webkit-keyframes load {
	0% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(720deg);
		        transform: rotate(720deg);
	}
}

@keyframes load {
	0% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(720deg);
		        transform: rotate(720deg);
	}
}

#preload {
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 100vh;
	background-color:var(--color-violet);
	z-index: 100000;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

#preload img {
	width: 42px;
	height: auto;
	-webkit-animation-name: load;
	animation-name: load;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
}

.wrapper {
	width: 100%;
	max-width: 1920px;
	margin: 0 auto;
}

.align-center {
	text-align: center;
}

.container {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	padding: 0px 15px;
}

.ptb {
    padding-top: 100px;
    padding-bottom: 100px;
}

.flex {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-direction: row;
	        flex-direction: row;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
}

.btn {
	font-family: "Montserrat", serif;
	font-weight: 900;
	display: inline-block;
	text-decoration: none;
	text-transform: uppercase;
	color: var(--color-white);
	padding: 16px 32px;
	background-color: var(--color-green);
	border-radius: 3px;
    font-size: 14px;
}

.btn:hover {
    background-color: var(--color-yellow);
    -webkit-box-shadow: 0 16px 24px 2px rgb(0 0 0 / 14%), 0 6px 30px 5px rgb(0 0 0 / 12%), 0 8px 10px -7px rgb(0 0 0 / 20%);
            box-shadow: 0 16px 24px 2px rgb(0 0 0 / 14%), 0 6px 30px 5px rgb(0 0 0 / 12%), 0 8px 10px -7px rgb(0 0 0 / 20%);
}

.btn > i {
	margin-left: 10px;
}

.suptitle {
	display: inline-block;
	text-transform: uppercase;
	color: var(--color-white);
	margin-bottom: 10px;
	font-size: 14px;
	position: relative;
}

.suptitle:after {
	position: absolute;
	top: 50%;
	right: -70px;
	-webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	        transform: translateY(-50%);
	width: 50px;
	height: 1px;
	display: block;
	content: "";
	background-color: var(--color-white);
}

.owl-theme .owl-nav.disabled+.owl-dots {
    margin-top: 40px;
}

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: var(--color-white);
}

.owl-theme .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    margin: 5px 7px;
    background: var(--color-violet);
    display: block;
    -webkit-backface-visibility: visible;
    -webkit-transition: opacity .2s ease;
    -o-transition: opacity .2s ease;
    transition: opacity .2s ease;
    border-radius: 30px;
}

#scroll-top {
	position: fixed;
	bottom: 30px;
	right: 30px;
	z-index: 100;
	padding: 15px 20px;
}

#scroll-top i {
    margin-left: 0px;
}

#openmenu,
#closemenu {
	font-size: 30px;
	color: var(--color-white);
	display: none;
}

#openmenu:hover,
#closemenu:hover {
	color: var(--color-yellow);
}

.res-booking {
	margin-top: 30px;
	margin-left: 10px;
	display: none;
	font-size: 16px;
	margin-top: 20px;
}

.res-booking .error {
	color: var(--color-white);
}

.res-booking .send {
	color: var(--color-white);
}


/**************************************
*
*         HEADER 
*
***************************************/

#header {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    z-index: 1000;
}

.wrapper-header {
    padding-top: 15px;
    padding-bottom: 15px;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

#logo img {
   max-width: 100%;
}

.menu li {
    float: left;
    margin-left: 30px;
}

.menu li  a {
    color: var(--color-white);
    text-transform: uppercase;
    font-weight: 700;
}

.menu li  a:hover {
    color: var(--color-yellow);
}

.bg-scroll {
    background-color: var(--color-green);
}


/**************************************
*
*         HEADER CONTENT
*
***************************************/


.wrapper-header-content {
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
    height: 800px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.wrapper-header-content > .container {
    padding-top: 50px;
    padding-bottom: 50px;
}

.wrapper-header-content > .container > h1 {
    font-size: 90px;
    color: var(--color-white);
}


/**************************************
*
*         EDGE
*
***************************************/


.wrapper-edge {
    max-width: 1400px;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
	-webkit-box-shadow: 0 24px 38px 3px rgb(0 0 0 / 14%), 0 9px 46px 8px rgb(0 0 0 / 12%), 0 11px 15px -7px rgb(0 0 0 / 20%);
	        box-shadow: 0 24px 38px 3px rgb(0 0 0 / 14%), 0 9px 46px 8px rgb(0 0 0 / 12%), 0 11px 15px -7px rgb(0 0 0 / 20%);
	padding-left: 0px;
	padding-right: 0px;
}

.single-edge {
    width: 25%;
    padding: 40px 20px;
    color: var(--color-white);
}

.single-edge img  {
    max-width: 65px;
    margin: 0 auto;
    margin-bottom: 20px;
}

.single-edge  h3 {
    margin-bottom: 20px;
    font-size: 24px;
    color: var(--color-white);
}

.single-edge:first-child {
    background-color: var(--color-violet);
}

.single-edge:nth-child(2) {
    background-color: var(--color-blue);
}

.single-edge:nth-child(3) {
    background-color: var(--color-green);
}

.single-edge:last-child {
    background-color: var(--color-yellow);
}


/**************************************
*
*         ABOUT US
*
***************************************/


.wrapper-aboutus {
	-webkit-box-align: start;
	    -ms-flex-align: start;
	        align-items: flex-start;
	max-width: 1200px;
}

.aboutus-img {
	width: 45%;
	position: relative;
	border-radius: 100px 0px 100px 0px;
}

.aboutus-img img {
	width: 100%;
	display: block;
	border-radius: 100px 0px 100px 0px;
}

.aboutus-img  > a {
	color: var(--color-green);
	font-size: 70px;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	    -ms-transform: translate(-50%, -50%);
	        transform: translate(-50%, -50%);
}

.aboutus-img  > a:hover {
	color: var(--color-yellow);
}

.aboutus-content {
	width: 55%;
	padding-left: 50px;
    color: var(--color-white);
}

.aboutus-content h2 {
    color: var(--color-white);
}

.aboutus-content p {
	margin-bottom: 20px;
}

.wrapper-signature {
    margin-top: 50px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 50px;
}

.wrapper-signature img {
    max-width: 180px;
    margin-right: 10px;
}

.wrapper-signature h3 {
    font-size: 20px;
    margin-bottom: 5px;
    color: var(--color-white);
}

.wrapper-signature p {
    text-transform: uppercase;
    letter-spacing: 3px;
    font-size: 12px;
}


/**************************************
*
*         BANNER
*
***************************************/


#banner h2 {
    color: var(--color-white);
}

#banner {
    background-color: rgb(38, 38, 38, 0.3);
}


/**************************************
*
*         CLASSES
*
***************************************/


#classes {
    background-color: var(--color-gray);
}

#classes .suptitle {
   color: var(--color-violet);
}

#classes .suptitle:after {
    background-color: var(--color-violet);
}

.wrapper-classes {
    max-width: 1400px;
}

.classes-content {
    padding: 40px 20px;
    background-color: var(--color-violet);
    color: var(--color-white);
}

.classes-content h3 {
    font-size: 24px;
    margin-bottom: 20px;
    color: var(--color-white);
}


/**************************************
*
*         TESTIMONIALS
*
***************************************/


#testimonials {
	background-color: var(--color-green);
}

#testimonials .suptitle,
#testimonials h2,
.single-testimonials p,
.wrapper-author h3,
.wrapper-author p {
	color: var(--color-white);
}

.wrapper-testimonials {
	max-width: 1000px;
}

.single-testimonials img {
	width: 80px !important;
	height: 80px !important;
	margin: 0 auto;
	border-radius: 50%;
	margin-bottom: 30px;
}

.single-testimonials p {
	font-size: 20px;
	margin-bottom: 20px;
}

.wrapper-author h3 {
	margin-bottom: 10px;
	font-size: 18px;
}

.wrapper-author p {
	font-size: 16px;
}


/**************************************
*
*       FOOTER
*
***************************************/


footer {
    padding-top: 100px;
}

footer  h2 {
   color: var(--color-white);
}

.wrapper-contact {
    padding-bottom: 80px;
    margin-top: 50px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.wrapper-form {
    width: 70%;
    padding-right: 50px;
}

.contact-content {
    width: 30%;
}

.wrapper-input {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

.wrapper-input input {
    width: calc(50% - 10px);
    margin-bottom: 20px;
    border: none;
    outline: none;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: block;
    padding: 20px;
    background-color: var(--color-gray);
    color: var(--color-dark);
}

textarea {
    width: 100%;
    min-height: 150px;
    margin-bottom: 20px;
    background-color: var(--color-gray);
    color: var(--color-dark);
    padding: 20px;
}

.wrapper-input input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    color: var(--color-dark);
    font-family: "Lora", serif;
	font-weight: 700;
}

.wrapper-input input::-moz-placeholder, textarea::-moz-placeholder {
    color: var(--color-dark);
    font-family: "Lora", serif;
	font-weight: 700;
}

.wrapper-input input:-ms-input-placeholder, textarea:-ms-input-placeholder {
    color: var(--color-dark);
    font-family: "Lora", serif;
	font-weight: 700;
}

.wrapper-input input::-ms-input-placeholder, textarea::-ms-input-placeholder {
    color: var(--color-dark);
    font-family: "Lora", serif;
	font-weight: 700;
}

.wrapper-input input::placeholder, 
textarea::placeholder {
    color: var(--color-dark);
    font-family: "Lora", serif;
	font-weight: 700;
}

input[type="submit"], button[type="submit"] {
    cursor: pointer;
    -webkit-transition: all;
    -o-transition: all;
    border: none;
    transition: all;
    -webkit-transition-duration: 0.5s;
         -o-transition-duration: 0.5s;
            transition-duration: 0.5s;
}

.single-contact {
    margin-bottom: 30px;
    color: var(--color-white);
}

.single-contact h3 {
   margin-bottom: 20px;
   font-size: 30px;
   color: var(--color-white);
}

.single-contact a {
    color: var(--color-white);
}

.single-contact a:hover {
    color: var(--color-yellow);
}

.single-contact p {
    margin-bottom: 10px;
}

.wrapper-map iframe {
    width: 100%;
    height: 400px;
    display: block;
}

.wrapper-copyright {
    padding: 40px 10px;
    color: var(--color-white);
}

.social-link li {
    margin-right: 20px;
}

.social-link li a {
    color: var(--color-white);
}

.social-link li a:hover {
    color: var(--color-yellow);
}


#header{
  background:#a7c70e; 
  position:sticky; top:0; z-index:1000;
}
.header-bar{ display:flex; align-items:center; justify-content:space-between; gap:16px; padding:16px 0; }
.header-cta{ display:flex; align-items:center; gap:12px; }

/* CTA buttons */
.btn-cta{
  display:inline-block;
  padding:12px 20px;
  border-radius:14px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.02em;
  text-decoration:none;
  box-shadow:0 6px 16px rgba(0,0,0,.15);
  transition:.2s ease;
  line-height:1;
}
.btn-cta:hover{ transform:translateY(-1px); box-shadow:0 10px 22px rgba(0,0,0,.2); }


.btn-play{ background:#f7c400; color:#1c1c1c; }
.btn-play:active{ transform:translateY(0); }

.btn-signup{ background:#6f2da8; color:#ffffff; }
.btn-signup:active{ transform:translateY(0); }


@media (max-width: 767.98px){
  .header-cta{ gap:10px; }
  .btn-cta{ padding:11px 16px; font-size:.95rem; border-radius:12px; }
}


#navigation, #openmenu, #closemenu{ display:none !important; }


.icon-white{
  filter: brightness(0) invert(1) contrast(1.05);
  /* при необходимости подровняй размер */
  width:64px; height:auto;
}

/* ---- Online section: cards/columns, white text, unified buttons ---- */
#mcphillips-online { color:#fff; }


.btn{
  display:inline-block; padding:12px 20px; border-radius:14px;
  font-weight:800; text-transform:uppercase; letter-spacing:.02em;
  text-decoration:none; border:none;
  background:#f7c400; color:#1b1b1b;
  box-shadow:0 6px 16px rgba(0,0,0,.15);
  transition:transform .2s ease, box-shadow .2s ease;
}
.btn:hover{ transform:translateY(-1px); box-shadow:0 10px 22px rgba(0,0,0,.2); }
.btn:active{ transform:translateY(0); }
.btn.alt{ background:#6f2da8; color:#fff; }

.cta-row{ display:flex; gap:12px; flex-wrap:wrap; margin-top:22px; }


.online-cards{
  margin-top:18px;
  display:grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap:20px;
}
.faq-grid{
  margin-top:18px;
  display:grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap:20px;
}


.card-dark{
  background: rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.12);
  border-radius:22px;
  padding:22px;
  backdrop-filter: blur(2px);
}
.card-dark h3{ color:#fff; margin:0 0 10px; }
.card-dark p, .card-dark li{ color:#e9edf1; }
.card-dark summary{
  color:#fff; font-weight:700; cursor:pointer; list-style:none;
}
.card-dark summary::-webkit-details-marker{ display:none; }


@media (max-width: 991.98px){
  .online-cards{ grid-template-columns:1fr; }
  .faq-grid{ grid-template-columns:1fr; }
}


#mcphillips-online .suptitle,
#mcphillips-online h1,
#mcphillips-online h2,
#mcphillips-online h3,
#mcphillips-online h4{
  color:#fff !important;
}


#mcphillips-online .suptitle:after{
  background: rgba(255,255,255,.6);
  right: 0;
}


#mcphillips-online .card-dark h3{ color:#fff !important; }


#mcphillips-online p,
#mcphillips-online li,
#mcphillips-online details,
#mcphillips-online summary{ color:#e9edf1; }


.ptb{ padding-top:56px; padding-bottom:56px; }
@media (max-width: 992px){ .ptb{ padding-top:36px; padding-bottom:36px; } }
@media (max-width: 576px){ .ptb{ padding-top:28px; padding-bottom:28px; } }


section h2{ margin: 6px 0 18px; }
section .suptitle{ margin: 0 0 8px; }

/* === Games Online section (clean) === */
.games-online{ color:#fff; }

/* Float image with text wrap */
.figure-float{
  margin:6px 0 18px;
  max-width:44%;
  border-radius:22px;
  overflow:hidden;
}
.figure-float.right{
  float:right;
  margin-left:24px;
  shape-outside: inset(0 round 22px);
}
.figure-float img{
  display:block;
  width:100%;
  height:auto;
  object-fit:cover;
}

/* Lists */
.check-list, .bullet{ margin:10px 0 0; padding-left:20px; }
.check-list li, .bullet li{ margin:6px 0; color:#e9edf1; }

/* Subsections */
.games-subsections{ margin-top:20px; }
.subblock{ margin-top:18px; }
.grid-2{
  display:grid;
  gap:16px;
  grid-template-columns: repeat(2, minmax(0,1fr));
}

/* Responsive */
@media (max-width: 991.98px){
  .figure-float{ float:none; max-width:100%; margin:14px 0; }
  .grid-2{ grid-template-columns:1fr; }
}

/* Force white headings on dark sections */
#games-online .suptitle,
#games-online h1,
#games-online h2,
#games-online h3,
#games-online h4,
#games-online h5,
#games-online h6{
  color:#fff !important;
}
#games-online .suptitle:after{ background: rgba(255,255,255,.6); }


.choose-bg h1,
.choose-bg h2,
.choose-bg h3,
.choose-bg h4,
.choose-bg h5,
.choose-bg h6{
  color:#fff !important;
}
.choose-bg .suptitle{ color:#fff !important; }
.choose-bg .suptitle:after{ background: rgba(255,255,255,.6); }


.figure-float.left{
  float:left;
  margin-right:24px;
  shape-outside: inset(0 round 22px);
}


#slots-deep-dive .suptitle,
#slots-deep-dive h1,
#slots-deep-dive h2,
#slots-deep-dive h3,
#slots-deep-dive h4,
#slots-deep-dive h5,
#slots-deep-dive h6{ color:#fff !important; }
#slots-deep-dive .suptitle:after{ background: rgba(255,255,255,.6); }

.choose-bg,
.choose-bg p,
.choose-bg li,
.choose-bg span,
.choose-bg summary,
.choose-bg details{ color:#fff !important; }

/* Table Games  */
#table-games{ color:#fff; }
#table-games h1,#table-games h2,#table-games h3,#table-games h4,#table-games h5,#table-games h6{
  color:#fff !important;
}
#table-games .suptitle:after{ background:rgba(255,255,255,.6); }

/* Bonuses & Loyalty layout */
.bonuses-loyalty h1,.bonuses-loyalty h2,.bonuses-loyalty h3,.bonuses-loyalty h4{ color:#fff !important; }
.bonuses-loyalty p,.bonuses-loyalty li,.bonuses-loyalty summary{ color:#e9edf1; }

.bonuses-grid{
  margin-top:18px;
  display:grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap:20px;
}


.feature-bonus{
  margin-top:16px;
  padding:24px;
  border-radius:22px;
}

/* адаптив */
@media (max-width: 991.98px){
  .bonuses-grid{ grid-template-columns:1fr; }
}


/* Lime background section like testimonials */
.brand-lime{
  background:#a7c70e; 
  color:#fff;
}
.brand-lime .suptitle,
.brand-lime h1, .brand-lime h2, .brand-lime h3,
.brand-lime h4, .brand-lime h5, .brand-lime h6{ color:#fff !important; }
.brand-lime .suptitle:after{ background: rgba(255,255,255,.6); }


#login-registration p, #login-registration li, #login-registration .legal-note{ color:#fff; }
#login-registration a:not(.btn){ color:#fff; text-decoration: underline; }


.steps{ margin:8px 0 0 18px; }
.steps li{ margin:6px 0; }


.longform.grid-2{ margin-top:12px; }
.longform.grid-2 > *{ min-width:0; }



.brand-lime{
  background:#a7c70e;
  color:#fff;
}
.brand-lime .suptitle,
.brand-lime h1, .brand-lime h2, .brand-lime h3,
.brand-lime h4, .brand-lime h5, .brand-lime h6{ color:#fff !important; }
.brand-lime .suptitle:after{ background: rgba(255,255,255,.6); }


.login-cards .cards-grid{
  display:grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap:20px;
  margin-top:16px;
}


.card-contrast{
  background: rgba(0,0,0,.14);
  border:1px solid rgba(0,0,0,.20);
  border-radius:22px;
  padding:22px;
  color:#fff;
}
.card-contrast h3, .card-contrast h4,
.card-contrast p, .card-contrast li,
.card-contrast summary{ color:#fff; }
.card-contrast summary{ cursor:pointer; list-style:none; }
.card-contrast summary::-webkit-details-marker{ display:none; }

/* Steps & lists */
.steps{ margin:8px 0 0 18px; }
.steps li{ margin:6px 0; }
.bullet{ margin:8px 0 0 18px; }
.bullet li{ margin:6px 0; }

/* FAQ grid uses same card style */
.faq-grid{
  margin-top:18px;
  display:grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap:20px;
}

/* Buttons row */
#login-registration .cta-row{ margin-top:18px; }

/* Responsive */
@media (max-width: 991.98px){
  .login-cards .cards-grid{ grid-template-columns:1fr; }
  .faq-grid{ grid-template-columns:1fr; }
}

/* === App section: float layout with text wrap === */

#casino-app .app-grid{ display:block; }


#casino-app .app-media{
  float:left;
  width:clamp(280px, 42%, 520px);
  margin:4px 24px 12px 0;        
  border-radius:22px;
  overflow:hidden;
  shape-outside: inset(0 round 22px); 
  box-shadow:0 12px 28px rgba(0,0,0,.25);
}
#casino-app .app-media img{ display:block; width:100%; height:auto; }
#casino-app .store-badges{ display:flex; gap:12px; flex-wrap:wrap; margin-top:12px; }
#casino-app .store-badges .store{ height:44px; width:auto; display:block; }


#casino-app .app-grid::after{ content:""; display:block; clear:both; }


#casino-app.ptb{ padding-top:48px; padding-bottom:48px; }
#casino-app .app-structure,
#casino-app .install .card-dark,
#casino-app .app-bonuses{ margin-top:16px; }


@media (max-width: 991.98px){
  #casino-app .app-media{
    float:none;
    width:100%;
    margin:0 0 14px 0;
    shape-outside:none;
  }
}

/* ===== Payments section ===== */
.payments-section{ color:#fff; }
#payments .suptitle,
#payments h1,#payments h2,#payments h3{ color:#fff !important; }
#payments .suptitle:after{ background:rgba(255,255,255,.6); }
#payments .lead{ color:#e9edf1; max-width:900px; }

/* Fixed-size SVG icons */
.pm-ico{
  width:36px; height:36px;          
  object-fit:contain; display:inline-block;
  margin-right:10px; flex:0 0 36px;
}

/* Tables */
.pm-table{
  width:100%; border-collapse:separate; border-spacing:0 10px; margin-top:10px;
}
.pm-table thead th{
  text-align:left; font-weight:800; padding:0 14px 6px; color:#e9edf1;
}
.pm-table tbody tr{
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.12);
  border-radius:14px;
}
.pm-table tbody td{
  padding:14px; vertical-align:middle;
}
.pm-table tbody tr td:first-child{ border-radius:14px 0 0 14px; }
.pm-table tbody tr td:last-child{ border-radius:0 14px 14px 0; }
.pm-method{ display:flex; align-items:center; gap:10px; }
.ta-r{ text-align:right; }

/* Land-based block */
.land-based{ margin-top:14px; padding:18px; border-radius:18px; }
.lb-list{ list-style:none; margin:0; padding:0; display:grid; gap:12px; }
.lb-list li{ display:flex; align-items:flex-start; gap:10px; }
.land-based .note{ color:#e9edf1; margin-top:8px; }

/* Responsive */
@media (max-width: 640px){
  .pm-ico{ width:28px; height:28px; flex-basis:28px; }
  .pm-table thead{ display:none; }
  .pm-table tbody tr{ display:grid; grid-template-columns: 1fr; }
  .pm-table tbody td{ padding:12px; }
  .pm-table tbody td.ta-r{ text-align:left; padding-top:0; color:#cfe3ff; }
}

/* Payments: larger icons + narrower tables */
#payments{
  --pm-icon: 56px;   
  --pm-maxw: 980px;  
}


#payments .pm-ico{
  width: var(--pm-icon);
  height: var(--pm-icon);
  flex: 0 0 var(--pm-icon);
  object-fit: contain;
}


#payments .pm-table tbody td{ padding:18px 20px; }
#payments .pm-method{ gap:14px; }


#payments .pm-table,
#payments .lead,
#payments h3.mt,
#payments .land-based{
  width: min(100%, var(--pm-maxw));
  margin-left: auto;
  margin-right: auto;
}


#payments .pm-method span{ font-size:1.06rem; }


@media (max-width: 640px){
  #payments{ --pm-icon: 44px; --pm-maxw: 100%; }
}

/* Trust, Security & Player Care */
.trust-tech{ color:#fff; }
#trust-tech .suptitle,
#trust-tech h1,#trust-tech h2,#trust-tech h3{ color:#fff !important; }
#trust-tech .suptitle:after{ background: rgba(255,255,255,.6); }
#trust-tech .lead{ color:#e9edf1; max-width:900px; }


.trust-grid{
  margin-top:16px;
  display:grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap:20px;
}
@media (max-width: 991.98px){
  .trust-grid{ grid-template-columns:1fr; }
}


.trust-grid .icon{
  display:inline-grid;
  place-items:center;
  width:28px; height:28px;
  margin-right:8px;
  border-radius:10px;
  background: rgba(255,255,255,.14);
  color:#fff;
}
.trust-grid h3{ display:flex; align-items:center; gap:8px; }

/* McPhillips venue  */
#mcphillips-venue .suptitle,
#mcphillips-venue h1, #mcphillips-venue h2, #mcphillips-venue h3{ color:#fff !important; }
#mcphillips-venue p, #mcphillips-venue li{ color:#e9edf1; }
#mcphillips-venue .suptitle:after{ background: rgba(255,255,255,.6); }


#mcphillips-venue .venue-grid{
  display:grid;
  grid-template-columns: repeat(3, minmax(280px, 1fr));
  gap:20px;
  grid-auto-flow:dense;
}


#mcphillips-venue .visit{ grid-column: span 2; }


#mcphillips-venue .card-dark .grid-2{
  display:grid;
  grid-template-columns: 1fr;
  gap:10px;
}


#mcphillips-venue .icon{
  display:inline-grid; place-items:center;
  width:28px; height:28px; margin-right:8px;
  border-radius:10px; background:rgba(255,255,255,.14); color:#fff;
}
#mcphillips-venue h3{ display:flex; align-items:center; gap:8px; }


@media (max-width: 1200px){
  #mcphillips-venue .venue-grid{ grid-template-columns: repeat(2, minmax(260px,1fr)); }
  #mcphillips-venue .visit{ grid-column: 1 / -1; }
}
@media (max-width: 700px){
  #mcphillips-venue .venue-grid{ grid-template-columns: 1fr; }
}

/* FAQ – two-column layout in template style */
#faq .suptitle,
#faq h1,#faq h2{ color:#fff !important; }
#faq .suptitle:after{ background:rgba(255,255,255,.6); }

.faq-grid.two-col{
  display:grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap:20px;
}
.faq-grid.two-col details.card-dark summary{
  cursor:pointer;
  font-weight:700;
}
.faq-grid.two-col details.card-dark summary::-webkit-details-marker{ display:none; }

@media (max-width: 991.98px){
  .faq-grid.two-col{ grid-template-columns:1fr; }
}

/* ===== Site footer (clean & responsive) ===== */
.site-footer{ color:#fff; }
.site-footer .footer-grid{
  display:grid;
  grid-template-columns: 1.2fr 1fr 1fr;
  gap:24px;
  align-items:start;
}
.site-footer h3{ color:#fff !important; margin-bottom:10px; }
.site-footer p, .site-footer li, .site-footer a{ color:#e9edf1; }
.site-footer a:hover{ color:#fff; }

.footer-brand p{ margin:10px 0 14px; max-width:48ch; }
.footer-logo img{ height:48px; width:auto; display:block; margin-bottom:8px; }
.footer-cta .btn{ margin-right:8px; margin-bottom:6px; }

.footer-links ul{ list-style:none; padding:0; margin:0; columns:1; }
.footer-links li{ margin:6px 0; }
.footer-links a{ text-decoration:none; }

.footer-help .bullet{ margin:0 0 12px 0; padding-left:18px; }
.footer-help .social-link{ gap:10px; }

.payments-row{
  display:flex; gap:12px; align-items:center; justify-content:center;
  margin-top:10px; margin-bottom:6px;
}
.pay-ico{ height:28px; width:auto; opacity:.95; }

.site-footer .wrapper-copyright{
  margin-top:6px; padding-top:10px;
}
.site-footer .wrapper-copyright p{ color:#cfd6e4; margin:4px 0; }
.site-footer .wrapper-copyright .links a{ color:#cfd6e4; text-decoration:none; }
.site-footer .wrapper-copyright .links a:hover{ text-decoration:underline; }

/* Mobile & tablet */
@media (max-width: 991.98px){
  .site-footer .footer-grid{
    grid-template-columns: 1fr; gap:18px;
  }
  .footer-links ul{ columns:2; column-gap:24px; }
  .footer-brand p{ max-width:none; }
}
@media (max-width: 600px){
  .footer-links ul{ columns:1; }
  .pay-ico{ height:24px; }
}