.rahsha-front{
  --gap:16px;
  --rail:300px;
  --bg:#0b0b0b;
  --card:#171717;
  --card2:#1e1e1e;
  --text:#fff;
  --muted:#9aa0a6;
  --br:14px;
  color:var(--text);
  background:var(--bg);
  font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;
  width:100%;
  overflow-x:hidden;
}
.rahsha-front a{color:inherit;text-decoration:none}


.rahsha-front img{max-width:100%;height:auto;display:block;margin:0}
.rahsha-front amp-img{max-width:100%;display:block;margin:0}

#rahsha-front .rf-inner{
  max-width:1180px;
  margin:0 auto;
  padding:16px;
  box-sizing:border-box;
  width:100%;
}


#rahsha-front .rf-grid{
  display:grid;
  grid-template-columns:var(--rail) 1fr;
  gap:var(--gap);
  align-items:start;
  width:100%;
  box-sizing:border-box;
}


#rahsha-front .rf-rail .rf-box{
  background:var(--card);
  border-radius:var(--br);
  padding:14px;
  margin-bottom:var(--gap);
  box-sizing:border-box;
}
#rahsha-front .rf-box-title{
  font:800 14px/1.2 system-ui;
  text-transform:uppercase;
  letter-spacing:.06em;
  border-bottom:1px solid #292929;
  margin:0 0 12px;
  padding-bottom:10px;
}


#rahsha-front .rf-brand-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(90px,1fr));
  gap:8px;
}
#rahsha-front .rf-brand{
  background:var(--card2);
  border-radius:10px;
  padding:8px 10px;
  text-align:center;
  font-weight:700;
  font-size:12.5px;
  white-space:nowrap;
}
#rahsha-front .rf-brand:hover{filter:brightness(1.12)}
#rahsha-front .rf-actions{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}
#rahsha-front .rf-btn{
  flex:1;
  background:#2a2a2a;
  border-radius:10px;
  padding:8px 10px;
  text-align:center;
  font-weight:800;
  font-size:12px;
}

#rahsha-front .rf-device-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(120px,1fr));
  gap:12px;
}

#rahsha-front .rf-device-card{
  background:transparent;
  border-radius:12px;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  align-items:stretch;
  justify-content:flex-start;
  position:relative;
  
}

#rahsha-front .rf-device-card a{display:block}

#rahsha-front .rf-device-card amp-img{
  width:100%;
  height:auto;
}

#rahsha-front .rf-device-card amp-img>img{
  object-fit:contain;
  object-position:center;
  background:transparent;
  
}


#rahsha-front .rf-device-name{
  position:static;
  margin:0;
  padding:6px 8px 8px;
  text-align:center;
  font:700 12px/1.2 system-ui;
}



.rf-device-carousel .rf-device-card{height:100%;padding:0}
.rf-device-carousel .rf-device-card a{display:block;height:100%}

.rf-device-carousel .rf-imgbox{
  position:relative;
  height:100%;
  overflow:hidden;
  border-radius:12px;
}

.rf-device-carousel .rf-imgbox amp-img{width:100%;height:100%}
.rf-device-carousel .rf-imgbox amp-img > img{
  object-fit:contain;
  object-position:center;
}


#rahsha-front .rf-hero { margin-bottom: 16px; }

#rahsha-front .rf-hero-grid{
  --unit: 160px;
  display: grid;
  grid-template-columns: 2fr 1fr;
  grid-auto-rows: var(--unit);
  gap: var(--gap);
  width: 100%;
  box-sizing: border-box;
}


#rahsha-front .rf-hero-grid article:nth-child(1){ grid-column:1; grid-row:1 / span 2; }
#rahsha-front .rf-hero-grid article:nth-child(2){ grid-column:1; grid-row:3 / span 2; }
#rahsha-front .rf-hero-grid article:nth-child(3){ grid-column:2; grid-row:1; }
#rahsha-front .rf-hero-grid article:nth-child(4){ grid-column:2; grid-row:2; }
#rahsha-front .rf-hero-grid article:nth-child(5){ grid-column:2; grid-row:3; }
#rahsha-front .rf-hero-grid article:nth-child(6){ grid-column:2; grid-row:4; }


#rahsha-front .rf-hero-big,
#rahsha-front .rf-hero-small{
  position: relative;
  overflow: hidden;
  border-radius: 16px;
  background: #000;
  width: 100%;
  height: 100%;
}
#rahsha-front .rf-hero-big amp-img,
#rahsha-front .rf-hero-small amp-img{ width:100%; height:100%; }
#rahsha-front .rf-hero-big amp-img>img,
#rahsha-front .rf-hero-small amp-img>img{
  object-fit: cover;
  object-position: center;
  background: #000;
}


#rahsha-front .rf-overlay{
  position:absolute; left:0; right:0; bottom:0;
  padding:16px;
  background:linear-gradient(to top, rgba(0,0,0,.7), rgba(0,0,0,0));
  color:#fff; box-sizing:border-box;
}


@media (max-width:1024px){
  #rahsha-front .rf-hero-grid{ --unit: 140px; }
}
@media (max-width:900px){
  #rahsha-front .rf-hero-grid{
    grid-template-columns:1fr;
    grid-auto-rows:auto;
  }
  #rahsha-front .rf-hero-grid article{ grid-column:auto; grid-row:auto; }
}



#rahsha-front .rf-head{
  border-top:4px solid #e2e8f0;
  margin:18px 0 10px;
  padding-top:10px;
}
#rahsha-front .rf-head h3{margin:0 0 6px;font:900 26px/1.1 system-ui}
#rahsha-front .rf-head p{margin:0;color:#cbd5e1;font:800 12px/1.2 system-ui;text-transform:uppercase}


#rahsha-front .rf-news{display:flex;flex-direction:column;gap:14px;width:100%}
#rahsha-front .rf-news-row{
  display:grid;
  grid-template-columns:1.25fr 2fr;
  gap:14px;
  background:var(--card);
  border-radius:12px;
  overflow:hidden;
  box-sizing:border-box;
  width:100%;
}
#rahsha-front .rf-thumb{
  position:relative;
  aspect-ratio:16/9;
  overflow:hidden;
  background:#000;
}
#rahsha-front .rf-thumb amp-img{width:100%;height:100%}
#rahsha-front .rf-thumb amp-img>img{
  object-fit:cover;
  object-position:center;
  background:transparent;
}
#rahsha-front .rf-info{padding:12px;box-sizing:border-box}
#rahsha-front .rf-news-title{font:800 22px/1.15 system-ui;margin:0 0 6px}
#rahsha-front .rf-excerpt{margin:0 0 10px;color:#d0d0d0}
#rahsha-front .rf-row-meta{display:flex;gap:10px;color:var(--muted);font-weight:700;font-size:12px}


#rahsha-front .rf-pagination{display:flex;justify-content:center;gap:10px;margin:18px 0;flex-wrap:wrap}
#rahsha-front .rf-pagination a,
#rahsha-front .rf-pagination span{background:#222;border-radius:10px;padding:10px 14px;font-weight:800}


.rf-desktop-only{display:block}
.rf-mobile-only{display:none}


@media (max-width:1024px){.rahsha-front{--rail:260px}}
@media (max-width:900px){
  #rahsha-front .rf-grid{grid-template-columns:1fr}
  #rahsha-front .rf-rail{order:2}
  #rahsha-front .rf-main{order:1}
  #rahsha-front .rf-inner{padding:14px}
  #rahsha-front .rf-hero-grid{grid-template-columns:1fr}

  #rahsha-front .rf-news-row{grid-template-columns:1fr}
  .rf-desktop-only{display:none}
  .rf-mobile-only{display:block}
}
@media (max-width:720px){
  #rahsha-front .rf-inner{padding:12px}
  #rahsha-front .rf-hero-title{font-size:22px}
  #rahsha-front .rf-news-title{font-size:19px}
  #rahsha-front .rf-news{gap:10px}
}
@media (max-width:480px){
  .rahsha-front{--gap:12px}
  #rahsha-front .rf-inner{padding:10px}
  #rahsha-front .rf-hero-title{font-size:20px}
  #rahsha-front .rf-news-title{font-size:17px}
  #rahsha-front .rf-news-row{gap:10px}
}
/* Pagination list ko reset + flex layout */
#rahsha-front .rf-pagination {                 /* nav */
  margin: 18px 0;
}

#rahsha-front .rf-pagination .page-numbers {  /* ul */
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  list-style: none;
  margin: 0;               /* remove default ul margins */
  padding: 0;
  align-items: center;
  justify-content: center;
}

#rahsha-front .rf-pagination .page-numbers li { /* li */
  margin: 0;
  padding: 0;
}

#rahsha-front .rf-pagination .page-numbers a,
#rahsha-front .rf-pagination .page-numbers span {
  display: inline-block;
  background: #222;
  border-radius: 10px;
  padding: 10px 14px;
  font-weight: 800;
  text-decoration: none;
  color: inherit;
}

/* optional: hover/current states */
#rahsha-front .rf-pagination .page-numbers a:hover {
  filter: brightness(1.2);
}
#rahsha-front .rf-pagination .page-numbers .current {
  background: #2e2e2e;
}
/* Mid article ad block */
.ad-slot--mid{
  display:flex;
  justify-content:center;
  align-items:center;
  margin:20px 0;
  
  /* CLS control */
  min-height:100px;
}

/* Default: 320x50 */
.mid-unit{
  display:inline-block;
  width:320px;
  height:50px;
}

/* Large mobile: 320x100 */
@media (min-width:480px){
  .mid-unit{
    width:320px;
    height:100px;
  }
  .ad-slot--mid{
    min-height:100px;
  }
}

/* Tablet + Large screen: 320x250 */
@media (min-width:768px){
  .mid-unit{
    width:320px;
    height:250px;
  }
  .ad-slot--mid{
    min-height:250px;
  }
}

/* General container */
.ad-slot--multi{
  display:flex;
  justify-content:center;
  align-items:center;
  margin:20px 0;
  min-height:90px; /* default CLS protection */
}

/* Default mobile: 320x50 */
.multi-unit{
  display:inline-block;
  width:320px;
  height:50px;
}

/* Mobile large: 320x100 */
@media (min-width:480px){
  .multi-unit{
    width:320px;
    height:100px;
  }
  .ad-slot--multi{
    min-height:100px;
  }
}

/* Tablet / Small desktop: 320x250 */
@media (min-width:600px){
  .multi-unit{
    width:320px;
    height:250px;
  }
  .ad-slot--multi{
    min-height:250px;
  }
}

/* Large desktop: 720x90 */
@media (min-width:900px){
  .multi-unit{
    width:720px;
    height:90px;
  }
  .ad-slot--multi{
    min-height:90px;
  }
}

/* Ultra desktop: 720x100 */
@media (min-width:1200px){
  .multi-unit{
    width:720px;
    height:100px;
  }
  .ad-slot--multi{
    min-height:100px;
  }
}