/* cv222 design.css - mobile-first base styles */
/* All custom classes use pgcc- prefix */

:root{
  --pgcc-primary:#E65100;
  --pgcc-dark:#0C0C0C;
  --pgcc-orange:#FFB347;
  --pgcc-cream:#FFEBCD;
  --pgcc-red:#FF4500;
  --pgcc-light:#F8F9FA;
  --pgcc-bg:#0C0C0C;
  --pgcc-text:#FFEBCD;
  --pgcc-muted:#FFB347;
  --pgcc-card:#1a1a1a;
  --pgcc-border:#2a2a2a;
  --pgcc-grad:linear-gradient(135deg,#E65100 0%,#FF4500 100%);
  --pgcc-grad2:linear-gradient(135deg,#FFB347 0%,#E65100 100%);
  --pgcc-radius:10px;
  --pgcc-shadow:0 4px 18px rgba(0,0,0,0.45);
}

*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent;}
html{font-size:62.5%;}
body{
  font-family:'Segoe UI','Noto Sans Bengali','SolaimanLipi',Arial,sans-serif;
  background:var(--pgcc-bg);
  color:var(--pgcc-text);
  line-height:1.5rem;
  font-size:1.4rem;
  min-height:100vh;
  overflow-x:hidden;
}
a{color:var(--pgcc-orange);text-decoration:none;}
img{max-width:100%;display:block;}
ul,ol{list-style:none;}

/* ===== Header ===== */
.pgcc-header{
  position:fixed;top:0;left:0;right:0;z-index:1000;
  background:linear-gradient(90deg,#0C0C0C 0%,#1a1208 100%);
  border-bottom:2px solid var(--pgcc-primary);
  box-shadow:0 2px 12px rgba(230,81,0,0.3);
}
.pgcc-header-inner{
  max-width:430px;margin:0 auto;
  display:flex;align-items:center;justify-content:space-between;
  padding:.6rem 1rem;min-height:52px;
}
.pgcc-logo{display:flex;align-items:center;gap:.6rem;color:var(--pgcc-orange);font-weight:700;font-size:1.6rem;}
.pgcc-logo img{width:28px;height:28px;border-radius:6px;}
.pgcc-logo .pgcc-logo-text{background:var(--pgcc-grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;}
.pgcc-header-actions{display:flex;gap:.5rem;align-items:center;}
.pgcc-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:.4rem;
  padding:.6rem 1.1rem;border:none;border-radius:20px;
  font-size:1.3rem;font-weight:700;cursor:pointer;
  transition:transform .15s,box-shadow .15s;min-height:36px;
}
.pgcc-btn:active{transform:scale(.95);}
.pgcc-btn-register{background:var(--pgcc-grad);color:#fff;box-shadow:0 3px 10px rgba(230,81,0,.4);}
.pgcc-btn-login{background:transparent;color:var(--pgcc-orange);border:1.5px solid var(--pgcc-orange);}
.pgcc-menu-toggle{
  background:transparent;border:none;color:var(--pgcc-orange);
  font-size:2rem;cursor:pointer;padding:.2rem .5rem;
}

/* ===== Mobile Menu ===== */
.pgcc-mobile-menu{
  position:fixed;top:0;right:-100%;width:78%;max-width:330px;height:100vh;
  background:#121212;z-index:9999;overflow-y:auto;
  transition:right .3s ease;padding:1.2rem;
  border-left:2px solid var(--pgcc-primary);
}
.pgcc-mobile-menu.pgcc-open{right:0;}
.pgcc-menu-overlay{
  position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:9998;
  opacity:0;visibility:hidden;transition:opacity .3s;
}
.pgcc-menu-overlay.pgcc-open{opacity:1;visibility:visible;}
.pgcc-menu-close{float:right;background:transparent;border:none;color:var(--pgcc-orange);font-size:2.2rem;cursor:pointer;}
.pgcc-menu-title{color:var(--pgcc-orange);font-size:1.8rem;font-weight:700;margin:1.5rem 0 1rem;}
.pgcc-menu-link{
  display:block;padding:1rem 1.2rem;margin-bottom:.6rem;
  background:#1a1a1a;border-radius:8px;color:var(--pgcc-cream);
  font-size:1.4rem;border-left:3px solid var(--pgcc-primary);
}
.pgcc-menu-link:active{background:#241a10;}

/* ===== Main / Layout ===== */
.pgcc-wrapper{max-width:430px;margin:0 auto;padding-top:60px;}
.pgcc-container{padding:1rem;}
main{padding-bottom:80px;}

/* ===== Hero / Carousel ===== */
.pgcc-hero{position:relative;margin:1rem 0;overflow:hidden;border-radius:12px;}
.pgcc-carousel{position:relative;overflow:hidden;border-radius:12px;box-shadow:var(--pgcc-shadow);}
.pgcc-carousel-track{display:flex;transition:transform .5s ease;}
.pgcc-slide{min-width:100%;position:relative;}
.pgcc-slide img{width:100%;height:180px;object-fit:cover;}
.pgcc-slide-overlay{
  position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(12,12,12,.2) 0%,rgba(12,12,12,.8) 100%);
  display:flex;flex-direction:column;justify-content:flex-end;
  padding:1.2rem;color:#fff;
}
.pgcc-slide-title{font-size:1.8rem;font-weight:700;color:var(--pgcc-orange);margin-bottom:.3rem;}
.pgcc-slide-sub{font-size:1.2rem;color:var(--pgcc-cream);margin-bottom:.6rem;}
.pgcc-carousel-dots{display:flex;justify-content:center;gap:.5rem;margin-top:.6rem;}
.pgcc-dot{width:8px;height:8px;border-radius:50%;background:#444;cursor:pointer;transition:background .2s;}
.pgcc-dot.pgcc-active{background:var(--pgcc-primary);}

/* ===== Section ===== */
.pgcc-section{margin:1.5rem 0;padding:0 1rem;}
.pgcc-section-title{
  font-size:1.8rem;font-weight:700;color:var(--pgcc-orange);
  margin-bottom:.8rem;padding-left:.8rem;
  border-left:4px solid var(--pgcc-primary);
}
.pgcc-section-sub{font-size:1.4rem;color:var(--pgcc-cream);margin:.6rem 0;font-weight:600;}

/* ===== Game Grid ===== */
.pgcc-game-tabs{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;}
.pgcc-tab-btn{
  padding:.5rem 1rem;border:1px solid var(--pgcc-border);background:#1a1a1a;
  color:var(--pgcc-cream);border-radius:20px;font-size:1.2rem;cursor:pointer;
}
.pgcc-tab-btn.pgcc-active{background:var(--pgcc-grad);color:#fff;border-color:transparent;}
.pgcc-game-grid{
  display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem;
}
.pgcc-game-card{
  background:var(--pgcc-card);border-radius:10px;overflow:hidden;
  border:1px solid var(--pgcc-border);cursor:pointer;
  transition:transform .15s,border-color .15s;
}
.pgcc-game-card:active{transform:scale(.96);border-color:var(--pgcc-primary);}
.pgcc-game-card img{width:100%;height:80px;object-fit:cover;}
.pgcc-game-name{
  padding:.4rem .3rem;font-size:1.1rem;color:var(--pgcc-cream);
  text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
  background:#141414;
}
.pgcc-cat-block{margin-bottom:1.5rem;}
.pgcc-cat-head{
  display:flex;align-items:center;gap:.6rem;
  font-size:1.5rem;font-weight:700;color:var(--pgcc-orange);
  margin-bottom:.7rem;
}
.pgcc-cat-head .pgcc-cat-icon{color:var(--pgcc-red);}

/* ===== Promo / CTA ===== */
.pgcc-cta{display:inline-flex;align-items:center;gap:.4rem;padding:.7rem 1.4rem;background:var(--pgcc-grad);color:#fff;border-radius:24px;font-weight:700;font-size:1.3rem;cursor:pointer;border:none;}
.pgcc-cta:active{transform:scale(.95);}
.pgcc-promo-box{
  background:linear-gradient(135deg,#1a1208 0%,#2a1810 100%);
  border:1px solid var(--pgcc-primary);border-radius:12px;
  padding:1.2rem;margin:.8rem 0;
}
.pgcc-promo-box p{margin-bottom:.6rem;color:var(--pgcc-cream);}

/* ===== Features list ===== */
.pgcc-feature-list{display:grid;grid-template-columns:1fr;gap:.8rem;}
.pgcc-feature-item{
  display:flex;gap:.8rem;align-items:flex-start;
  background:var(--pgcc-card);padding:1rem;border-radius:8px;
  border-left:3px solid var(--pgcc-orange);
}
.pgcc-feature-icon{font-size:2rem;color:var(--pgcc-primary);flex-shrink:0;}
.pgcc-feature-text{color:var(--pgcc-cream);font-size:1.3rem;}
.pgcc-feature-text strong{color:var(--pgcc-orange);}

/* ===== Testimonials ===== */
.pgcc-testi-grid{display:grid;grid-template-columns:1fr;gap:.7rem;}
.pgcc-testi{
  background:var(--pgcc-card);border-radius:10px;padding:1rem;
  border:1px solid var(--pgcc-border);
}
.pgcc-testi-name{color:var(--pgcc-orange);font-weight:700;font-size:1.3rem;margin-bottom:.3rem;}
.pgcc-testi-text{color:var(--pgcc-cream);font-size:1.2rem;font-style:italic;}

/* ===== Payment ===== */
.pgcc-pay-row{display:flex;flex-wrap:wrap;gap:.6rem;}
.pgcc-pay-item{
  background:var(--pgcc-card);padding:.7rem 1rem;border-radius:8px;
  border:1px solid var(--pgcc-border);color:var(--pgcc-cream);
  font-size:1.2rem;display:flex;align-items:center;gap:.4rem;
}

/* ===== Winners ===== */
.pgcc-winner{
  display:flex;justify-content:space-between;align-items:center;
  background:var(--pgcc-card);padding:.7rem 1rem;border-radius:8px;
  margin-bottom:.5rem;border-left:3px solid var(--pgcc-red);
}
.pgcc-winner-name{color:var(--pgcc-cream);font-size:1.2rem;}
.pgcc-winner-amount{color:var(--pgcc-orange);font-weight:700;font-size:1.3rem;}

/* ===== RTP table ===== */
.pgcc-rtp-table{width:100%;border-collapse:collapse;font-size:1.2rem;}
.pgcc-rtp-table th,.pgcc-rtp-table td{padding:.6rem .8rem;text-align:left;border-bottom:1px solid var(--pgcc-border);}
.pgcc-rtp-table th{color:var(--pgcc-orange);background:#141414;}
.pgcc-rtp-table td{color:var(--pgcc-cream);}
.pgcc-rtp-high{color:#4caf50;font-weight:700;}

/* ===== FAQ ===== */
.pgcc-faq-item{background:var(--pgcc-card);border-radius:8px;margin-bottom:.6rem;overflow:hidden;border:1px solid var(--pgcc-border);}
.pgcc-faq-q{padding:1rem;font-weight:600;color:var(--pgcc-orange);cursor:pointer;display:flex;justify-content:space-between;align-items:center;}
.pgcc-faq-a{padding:0 1rem 1rem;color:var(--pgcc-cream);font-size:1.2rem;}

/* ===== Content paragraph ===== */
.pgcc-content p{color:var(--pgcc-cream);margin-bottom:.8rem;font-size:1.3rem;line-height:1.6rem;}
.pgcc-content strong{color:var(--pgcc-orange);}
.pgcc-content a{color:var(--pgcc-red);font-weight:600;}
.pgcc-content ul{margin:.6rem 0 .6rem 1.5rem;}
.pgcc-content li{color:var(--pgcc-cream);margin-bottom:.4rem;list-style:disc;}

/* ===== Footer ===== */
.pgcc-footer{
  background:#0a0a0a;border-top:2px solid var(--pgcc-primary);
  padding:1.5rem 1rem 2rem;margin-top:1.5rem;
}
.pgcc-footer-brand{color:var(--pgcc-cream);font-size:1.2rem;margin-bottom:1rem;line-height:1.6rem;}
.pgcc-footer-brand strong{color:var(--pgcc-orange);}
.pgcc-footer-links{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;}
.pgcc-footer-link{
  padding:.4rem .8rem;background:#1a1a1a;border-radius:6px;
  color:var(--pgcc-orange);font-size:1.1rem;border:1px solid var(--pgcc-border);
}
.pgcc-footer-copy{color:#777;font-size:1.1rem;text-align:center;border-top:1px solid var(--pgcc-border);padding-top:1rem;}

/* ===== Mobile Bottom Nav ===== */
.pgcc-bottom-nav{
  position:fixed;bottom:0;left:0;right:0;z-index:1000;
  background:linear-gradient(180deg,#1a1208 0%,#0C0C0C 100%);
  border-top:2px solid var(--pgcc-primary);
  display:flex;justify-content:space-around;align-items:center;
  height:60px;
}
.pgcc-bottom-nav-btn{
  flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;
  gap:.1rem;background:transparent;border:none;color:#888;
  font-size:1rem;cursor:pointer;padding:.3rem;min-width:60px;min-height:56px;
  transition:color .15s,transform .15s;
}
.pgcc-bottom-nav-btn:active{transform:scale(.9);}
.pgcc-bottom-nav-btn .pgcc-bn-icon{font-size:22px;line-height:1;}
.pgcc-bottom-nav-btn .material-icons{font-size:22px;}
.pgcc-bottom-nav-btn.pgcc-active{color:var(--pgcc-orange);}
.pgcc-bottom-nav-btn.pgcc-promo{color:var(--pgcc-red);}
.pgcc-bottom-nav-btn.pgcc-promo .pgcc-bn-icon{background:var(--pgcc-grad);color:#fff;border-radius:50%;width:34px;height:34px;display:flex;align-items:center;justify-content:center;font-size:18px;}

/* ===== Desktop hide bottom nav ===== */
@media (min-width:769px){
  .pgcc-bottom-nav{display:none;}
  main{padding-bottom:20px;}
  .pgcc-wrapper{max-width:760px;}
  .pgcc-game-grid{grid-template-columns:repeat(6,1fr);}
}
@media (max-width:768px){
  main{padding-bottom:80px;}
}
@media (max-width:360px){
  .pgcc-game-grid{grid-template-columns:repeat(2,1fr);}
  .pgcc-slide img{height:150px;}
}

/* ===== Utility ===== */
.pgcc-text-center{text-align:center;}
.pgcc-mt-1{margin-top:1rem;}
.pgcc-mb-1{margin-bottom:1rem;}
.pgcc-hidden{display:none;}
.pgcc-clearfix::after{content:"";display:table;clear:both;}