/* SyarikatCuci revamp — inner pages (Games, Free Credit, User Review, Blog, Contact) */

/* filter chips */
.sc-chips{display:flex;gap:12px;flex-wrap:wrap;margin:44px 0 36px;}
.sc-chip{font-family:var(--sc-font-head);font-weight:700;font-size:14.5px;padding:9px 22px;border-radius:999px;border:1px solid var(--sc-red);color:var(--sc-red);background:transparent;cursor:pointer;}
.sc-chip.active{background:#fff;border-color:var(--sc-ink);color:var(--sc-ink);}
.sc-chip:hover{background:#fff;}

/* game / bonus card grids */
.sc-ggrid{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;margin-bottom:50px;}
.sc-gcard{background:#fff;text-align:center;display:flex;flex-direction:column;}
.sc-gcard__img img{width:100%;aspect-ratio:335/240;object-fit:cover;}
.sc-gcard__body{padding:28px 22px 30px;display:flex;flex-direction:column;flex:1;}
.sc-gcard__body h3{font-family:var(--sc-font-head);font-weight:700;font-size:24px;margin-bottom:14px;}
.sc-gcard__body p{font-size:15px;margin-bottom:26px;}
.sc-gcard__cta{margin-top:auto;}
.sc-gcard__cta .tnc{display:block;font-size:13.5px;margin-top:12px;text-decoration:underline;font-weight:600;}
.sc-gcard__cta .np{display:block;font-size:13.5px;margin-top:6px;color:var(--sc-ink);}

/* bonus cards (free credit) */
.sc-bcard{background:#fff;text-align:center;padding:40px 26px 34px;display:flex;flex-direction:column;}
.sc-bcard__label{font-size:15px;margin-bottom:10px;}
.sc-bcard__title{font-family:var(--sc-font-head);font-weight:700;font-size:23px;line-height:1.25;margin-bottom:18px;}
.sc-bcard__code{position:relative;border:2px solid var(--sc-ink);border-radius:999px;padding:12px 10px 10px;margin:14px 18px 10px;font-family:var(--sc-font-head);font-weight:700;font-size:21px;letter-spacing:.02em;}
.sc-bcard__code em{position:absolute;top:-10px;left:50%;transform:translateX(-50%);background:#fff;font-style:normal;font-size:13px;font-weight:400;padding:0 10px;white-space:nowrap;}
.sc-bcard__valid{font-size:13.5px;margin-bottom:14px;}
.sc-bcard__desc{font-size:15px;margin-bottom:24px;}
.sc-bcard .sc-gcard__cta{margin-top:auto;}

/* pagination */
.sc-pagi{display:flex;gap:14px;margin:10px 0 60px;}
.sc-pagi a,.sc-pagi span{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;font-family:var(--sc-font-head);font-weight:700;font-size:19px;}
.sc-pagi .arrow{background:var(--sc-red);color:#fff !important;}
.sc-pagi .cur{background:#e2e4ea;color:var(--sc-ink);}
.sc-pagi a:not(.arrow){background:#fff;}

/* page SEO/body copy */
.sc-pagebody{max-width:1440px;margin:20px auto 70px;font-size:17px;}
.sc-pagebody h1,.sc-pagebody h2,.sc-pagebody h3{font-family:var(--sc-font-head);font-weight:700;margin:26px 0 14px;}
.sc-pagebody p{margin-bottom:16px;}
.sc-pagebody img{border-radius:4px;margin:20px 0;}

/* ---------- user review (brand detail) ---------- */
.sc-urhero{background:#e9ebf1;padding:60px 0 70px;}
.sc-urhero__grid{display:grid;grid-template-columns:190px 1fr 260px;gap:44px;align-items:start;}
.sc-urhero__logo{position:relative;background:var(--sc-navy);border-radius:14px;overflow:hidden;}
.sc-urhero__logo img{width:100%;}
.sc-urhero__score{position:absolute;top:-14px;right:-14px;background:#15171c;color:#fff;font-family:var(--sc-font-head);font-weight:700;font-size:16px;border-radius:999px;padding:6px 14px;}
.sc-urhero__score i{color:var(--sc-gold);font-style:normal;margin-left:5px;}
.sc-urhero h1{font-family:var(--sc-font-head);font-weight:700;font-size:52px;margin:6px 0 34px;}
.sc-urhero__bonus{font-size:18px;font-weight:700;margin-bottom:14px;}
.sc-urhero__terms{font-size:15px;max-width:880px;}
.sc-urhero__cta{text-align:center;padding-top:60px;}
.sc-urhero__cta .sc-btn{font-size:19px;padding:16px 44px;}
.sc-urhero__cta span{display:block;margin-top:12px;font-size:14.5px;}
.sc-crumb{font-size:14.5px;margin:26px 0 34px;}
.sc-urcols{display:grid;grid-template-columns:1fr 1fr;gap:34px;margin:26px 0 40px;}
.sc-urcol{background:#fff;border:1px solid #d9dce6;border-radius:8px;padding:30px 32px;position:relative;}
.sc-urcol h3{font-family:var(--sc-font-head);font-weight:700;font-size:24px;margin-bottom:18px;}
.sc-urcol.pros h3{color:var(--sc-green);}
.sc-urcol.cons h3{color:var(--sc-red);}
.sc-urcol .badge{position:absolute;top:26px;right:28px;width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:30px;font-weight:700;}
.sc-urcol.pros .badge{background:#23d000;}
.sc-urcol.cons .badge{background:#e51f1f;}
.sc-urcol li{list-style:none;font-size:15.5px;margin-bottom:12px;padding-left:16px;position:relative;max-width:82%;}
.sc-urcol.pros li::before{content:"+";color:var(--sc-green);position:absolute;left:0;font-weight:700;}
.sc-urcol.cons li::before{content:"-";color:var(--sc-red);position:absolute;left:0;font-weight:700;}
.sc-urbody h2{font-size:44px;margin:44px 0 20px;}
.sc-morestrip{margin:30px 0 70px;}
.sc-morestrip h2{font-family:var(--sc-font-head);font-weight:700;font-size:30px;margin-bottom:26px;}

/* ---------- blog listing ---------- */
.sc-bloglist{padding:60px 0 40px;}
.sc-bloglist h1{font-family:var(--sc-font-head);font-weight:700;font-size:56px;margin-bottom:14px;}
.sc-bloglist .sub{font-family:var(--sc-font-head);font-weight:700;font-size:26px;margin-bottom:22px;}
.sc-bloglist hr{border:0;border-top:1px solid #b9bdc9;margin-bottom:44px;}
.sc-bgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px 34px;margin-bottom:50px;}
.sc-bgrid .sc-post__img{aspect-ratio:455/250;}

/* ---------- blog single ---------- */
.sc-article{padding:60px 0 70px;}
.sc-article .cat{font-size:22px;margin-bottom:14px;}
.sc-article h1{font-family:var(--sc-font-head);font-weight:700;font-size:52px;line-height:1.12;text-transform:uppercase;max-width:1100px;margin-bottom:18px;}
.sc-article .meta{font-size:16px;margin-bottom:34px;}
.sc-article .meta b{font-weight:700;}
.sc-article__feat{margin-bottom:36px;}
.sc-article__feat img{width:100%;max-height:640px;object-fit:cover;border-radius:2px;}
.sc-article__content{font-size:17px;max-width:1440px;}
.sc-article__content h2,.sc-article__content h3{font-family:var(--sc-font-head);font-weight:700;margin:30px 0 14px;}
.sc-article__content p{margin-bottom:16px;}
.sc-article__content img{border-radius:4px;margin:22px 0;max-width:100%;height:auto;}
.sc-article__content ul,.sc-article__content ol{margin:0 0 16px 22px;}
.sc-article__back{margin:44px 0 34px;}
.sc-article__back .sc-btn{font-size:17px;padding:15px 44px;}
.sc-article hr{border:0;border-top:1px solid #b9bdc9;}
.sc-tags{display:flex;gap:16px;flex-wrap:wrap;margin-top:30px;}
.sc-tags a{border:1px solid #6b7080;padding:14px 30px;font-weight:700;font-size:16px;}
.sc-tags a:hover{border-color:var(--sc-ink);}

/* ---------- contact ---------- */
.sc-contact{padding:90px 0 100px;}
.sc-contact__grid{display:grid;grid-template-columns:1fr 1.15fr;gap:70px;align-items:start;}
.sc-contact__txt .sc-eyebrow{display:block;margin-bottom:22px;}
.sc-contact__txt h1{font-family:var(--sc-font-head);font-weight:700;font-size:52px;line-height:1.1;text-transform:uppercase;margin-bottom:28px;}
.sc-contact__txt p{font-size:17px;max-width:540px;}
.sc-form label{display:block;font-family:var(--sc-font-head);font-weight:700;font-size:17px;text-transform:uppercase;margin:22px 0 10px;}
.sc-form label i{color:var(--sc-red);font-style:normal;}
.sc-form .row2{display:grid;grid-template-columns:1fr 1fr;gap:18px;}
.sc-form input[type=text],.sc-form input[type=email],.sc-form input[type=tel],.sc-form textarea{width:100%;border:0;background:#fff;padding:15px 16px;font-size:15.5px;font-family:var(--sc-font-body);color:var(--sc-ink);outline:none;}
.sc-form textarea{min-height:150px;resize:vertical;}
.sc-form .agree{display:flex;gap:10px;align-items:flex-start;font-size:15px;margin:20px 0 28px;}
.sc-form .agree b{color:var(--sc-red);font-weight:400;}
.sc-form .sc-btn{border:1px solid #0a5fe0;cursor:pointer;}
.sc-form .notice{margin-top:18px;font-weight:700;}
.sc-form .notice.ok{color:#1b8f2e;}
.sc-form .notice.fail{color:var(--sc-red);}

/* responsive */
@media (max-width:1200px){
  .sc-ggrid{grid-template-columns:repeat(2,1fr);}
  .sc-urhero__grid{grid-template-columns:170px 1fr;}
  .sc-urhero__cta{grid-column:1/-1;text-align:left;padding-top:10px;}
  .sc-bgrid{grid-template-columns:repeat(2,1fr);}
}
@media (max-width:860px){
  .sc-ggrid,.sc-bgrid{grid-template-columns:1fr;}
  .sc-urhero__grid{grid-template-columns:1fr;}
  .sc-urhero h1{font-size:36px;}
  .sc-urcols{grid-template-columns:1fr;}
  .sc-urbody h2{font-size:30px;}
  .sc-bloglist h1{font-size:36px;}
  .sc-article h1{font-size:30px;}
  .sc-article .cat{font-size:17px;}
  .sc-contact{padding:50px 0 60px;}
  .sc-contact__grid{grid-template-columns:1fr;gap:40px;}
  .sc-contact__txt h1{font-size:34px;}
  .sc-form .row2{grid-template-columns:1fr;}
  .sc-pagi a,.sc-pagi span{width:46px;height:46px;}
}