.gr-ultra{
 
  border-radius:var(--section-radius);
  padding:var(--section-padding-lg);

}

.gr-top{
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin-bottom:24px;
}

.gr-left{
  display:flex;
  align-items:center;
  gap:16px;
}

.gr-logo{
  width:110px;
}

.gr-rating{
  font-size:32px;
  font-weight:700;
  line-height:1.1;
}

.gr-badge{
  font-size:13px;
  color:#1a73e8;
  font-weight:600;
  margin-top: 20px;
}

.gr-more-top{
  background:#1a73e8;
  color:#fff;
  padding:12px 18px;
  border-radius:14px;
  font-weight:600;
  text-decoration:none;
  transition:all .2s ease;
}

.gr-more-top:hover{
  background:#165fc2;
  transform:translateY(-2px);
}

.gr-slider-wrap{
  position:relative;
}

.gr-slider{
  display:flex;
  gap:20px;
  overflow:hidden;
  scroll-behavior:smooth;
  align-items:stretch;
}

.gr-card{
  flex:0 0 320px;
  background:#fff;
  border-radius:var(--section-radius-sm);
  padding:20px;
  box-shadow:var(--section-shadow);
  display:flex;
  flex-direction:column;
  transition:all .25s ease;
}

.gr-card:hover{
  transform:translateY(-6px);
  box-shadow:0 20px 50px rgba(0,0,0,.08);
}

.gr-name{
  font-weight:600;
  font-size:15px;
}

.gr-time{
  font-size:12px;
  color:#777;
  margin-top:4px;
}

.gr-stars{
  color:#fbbc04;
  margin:8px 0 14px;
}

.gr-text{
  font-size:15px;
  line-height:1.6;
  color:#444;
  overflow:hidden;
  display:-webkit-box;
  -webkit-line-clamp:10;
  -webkit-box-orient:vertical;
}

.gr-arrow{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  width:42px;
  height:42px;
  border:none;
  border-radius:50%;
  background:#fff;
  box-shadow:0 10px 25px rgba(0,0,0,.15);
  cursor:pointer;
  z-index:10;
  transition:all .2s ease;
}

.gr-arrow:hover{
  transform:translateY(-50%) scale(1.08);
}

.gr-arrow.left{
  left:-20px;
}

.gr-arrow.right{
  right:-20px;
}

@media(max-width:992px){
  .gr-card{
    flex:0 0 280px;
  }

  .gr-rating{
    font-size:28px;
  }
}

@media(max-width:768px){

  .gr-top{
    flex-direction:column;
    align-items:flex-start;
    gap:16px;
  }

  .gr-more-top{
    width:100%;
    text-align:center;
  }

  .gr-slider{
    overflow-x:auto;
    scroll-snap-type:x mandatory;
  }

  .gr-card{
    flex:0 0 90%;
    scroll-snap-align:start;
  }

  .gr-text{
    -webkit-line-clamp:6;
  }

  .gr-arrow{
    display:none;
  }
}

@media(max-width:480px){

  .gr-ultra{
    padding:var(--section-padding-sm);
  }

  .gr-logo{
    width:90px;
  }

  .gr-rating{
    font-size:24px;
  }

  .gr-card{
    flex:0 0 92%;
  }
}