/* ===== Custom quick links + showcase redesign ===== */
.quick-links-wrap{
  width:1100px;
  max-width:100%;
  margin:10px auto 12px;
  padding:10px 12px;
  box-sizing:border-box;
  background:linear-gradient(90deg,rgba(8,5,2,.96),rgba(42,20,2,.96),rgba(8,5,2,.96));
  border-top:2px solid var(--theme-gold);
  border-bottom:2px solid #8b4f00;
  box-shadow:0 0 18px rgba(255,176,0,.18), inset 0 0 24px rgba(255,111,0,.08);
}
.quick-links{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  max-width:950px;
  margin:0 auto;
  gap:10px;
}
.quick-link{
  min-height:58px;
  display:flex;
  align-items:center;
  gap:9px;
  padding:7px 10px;
  box-sizing:border-box;
  text-decoration:none!important;
  background:linear-gradient(180deg,#241205 0%,#110803 100%);
  border:1px solid #e5a52d;
  border-radius:4px;
  color:#fff5d8!important;
  box-shadow:inset 0 0 12px rgba(255,181,34,.08),0 2px 7px rgba(0,0,0,.35);
  position:relative;
  overflow:hidden;
}
.quick-link:before{
  content:'';
  position:absolute;
  left:0;top:0;bottom:0;
  width:4px;
  background:linear-gradient(180deg,#ffd85a,#ff7a00);
}
.quick-link:hover{
  transform:translateY(-1px);
  border-color:#ffd76a;
  box-shadow:0 0 14px rgba(255,174,0,.32),inset 0 0 16px rgba(255,138,0,.08);
}
.quick-link .ql-icon{
  width:31px;height:31px;
  min-width:31px;
  display:flex;align-items:center;justify-content:center;
  border-radius:50%;
  background:linear-gradient(180deg,#ffca3a,#ff7a00);
  color:#1d0a00;
  font-size:17px;
  box-shadow:0 0 8px rgba(255,178,0,.3);
}
.quick-link .ql-text{line-height:1.08;min-width:0}
.quick-link strong{display:block;color:#ffd24a;font-size:12px;text-transform:uppercase;letter-spacing:.25px}
.quick-link span{display:block;color:#fff;font-size:11px;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.showcase-section{
  width:1100px;
  max-width:100%;
  margin:0 auto 12px;
  padding:10px;
  box-sizing:border-box;
  background:linear-gradient(180deg,rgba(20,9,2,.96),rgba(5,3,2,.97));
  border:1px solid #7f4800;
  box-shadow:inset 0 0 25px rgba(255,129,0,.08);
}
.showcase-heading{
  display:flex;align-items:center;gap:12px;
  margin:0 0 10px;
  color:#ffd24a;
  font-size:18px;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.8px;
}
.showcase-heading:before,.showcase-heading:after{
  content:'';height:1px;flex:1;
  background:linear-gradient(90deg,transparent,#d88b13,#ffd85a,#d88b13,transparent);
}
.showcase-grid{
  display:grid;
  grid-template-columns:repeat(4,200px);
  justify-content:center;
  align-items:start;
  gap:12px;
}
.showcase-card{
  position:relative;
  width:200px;
  height:305px;
  overflow:hidden;
  border:1px solid #d28b12;
  border-radius:5px;
  background:#100702;
  box-shadow:0 3px 10px rgba(0,0,0,.42),inset 0 0 0 1px rgba(255,216,90,.08);
  text-decoration:none!important;
}
.showcase-card img{
  width:200px;
  height:263px;
  object-fit:cover;
  object-position:center;
  display:block;
  filter:saturate(1.03) contrast(1.03);
  transition:transform .25s ease,filter .25s ease;
}
.showcase-card:hover img{transform:scale(1.035);filter:saturate(1.12) contrast(1.05)}
.showcase-label{
  position:absolute;left:0;right:0;bottom:0;
  min-height:42px;
  display:flex;align-items:center;justify-content:center;
  gap:7px;
  padding:0 8px;
  background:linear-gradient(180deg,#2c1605 0%,#100702 100%);
  border-top:2px solid #e39b18;
  color:#ffd24a;
  text-transform:uppercase;
  font-size:15px;
  font-weight:800;
  letter-spacing:.5px;
  text-shadow:0 1px 2px #000;
}
.showcase-label i{color:#ff8500}

.game-row-modern{
  width:1100px;max-width:100%;margin:0 auto 14px;
  display:grid;grid-template-columns:repeat(3,1fr);gap:10px;
  box-sizing:border-box;
}
.game-card-modern{
  background:linear-gradient(180deg,#1c0b02,#070302);
  border:1px solid #8c4d00;
  border-radius:6px;
  overflow:hidden;
  box-shadow:inset 0 0 18px rgba(255,128,0,.08);
}
.game-card-modern a{display:block;height:175px;background:radial-gradient(circle at 50% 55%,rgba(255,127,0,.18),transparent 60%)}
.game-card-modern img{display:block;width:100%;height:175px;object-fit:contain;margin:auto}
.game-card-modern h3{
  margin:0;padding:9px 6px;text-align:center;
  background:linear-gradient(180deg,#f7b51e 0%,#e77900 100%);
  color:#190800!important;
  text-transform:uppercase;
  font-size:17px;
  border-top:1px solid #ffd767;
}
@media(max-width:900px){
  .quick-links{grid-template-columns:repeat(3,1fr)}
  .showcase-grid{grid-template-columns:repeat(2,200px)}
  .game-row-modern{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:600px){
  .quick-links{grid-template-columns:repeat(2,1fr)}
  .quick-link{min-height:54px}
  .showcase-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
  .showcase-card{width:100%;height:auto;aspect-ratio:200/305}
  .showcase-card img{width:100%;height:auto;aspect-ratio:200/263;object-fit:cover}
  .showcase-label{min-height:34px;font-size:12px}
  .game-row-modern{grid-template-columns:1fr;gap:8px}
  .game-card-modern a,.game-card-modern img{height:160px}
}
/* Service-specific quick menu icons. Layout intentionally unchanged. */
.quick-link .ql-icon{
  color:#fff;
  border:1px solid rgba(255,255,255,.72);
  box-sizing:border-box;
}
.quick-link .ql-icon i{
  color:#fff;
  line-height:1;
  text-shadow:0 1px 1px rgba(0,0,0,.18);
}
.quick-link .ql-icon.ql-link{
  background:#168bd2;
  box-shadow:0 0 8px rgba(22,139,210,.34);
}
.quick-link .ql-icon.ql-whatsapp{
  background:#25D366;
  box-shadow:0 0 8px rgba(37,211,102,.38);
}
.quick-link .ql-icon.ql-facebook{
  background:#1877F2;
  box-shadow:0 0 8px rgba(24,119,242,.36);
}
.quick-link .ql-icon.ql-livechat{
  background:#1598d4;
  box-shadow:0 0 8px rgba(21,152,212,.34);
}
.quick-link .ql-icon.ql-promo{
  background:#ff9f0a;
  box-shadow:0 0 8px rgba(255,159,10,.38);
}



/* Local quick-menu icon images */
.quick-link .ql-icon img{
  width:24px;
  height:24px;
  display:block;
  object-fit:contain;
}

.form-item.username input,
.form-item.password input{
    text-align:center !important;
}

.livechat img.livechat-icon{
    width:18px !important;
    height:18px !important;
    max-width:18px !important;
    display:inline-block;
    object-fit:contain;
    vertical-align:middle;
    margin-right:6px;
}