/* =========================
   EXPLORE
========================= */
.explore-section{
  max-width:1200px;
  margin:0 auto;
  padding:0 80px 80px;
  box-sizing:border-box;
}


#exploreFeed{

  display:flex;
  flex-direction:column;
  gap:24px;

}

.explore-hero{

  position:relative;

  padding:60px 24px 80px;

}

.explore-hero-content{

  max-width:900px;
  margin:auto;

}

.explore-kicker{

  display:inline-block;

  color:#ffd84d;

  font-size:.85rem;

  letter-spacing:3px;

  margin-bottom:10px;

}

.explore-hero h1{

  font-size:4rem;

  margin-bottom:12px;

}

.explore-hero p{

  color:#9cb1c7;

  max-width:600px;

  line-height:1.7;

}

/* =========================
   TRENDING
========================= */

.trending-section{
align-items:center;
  padding:40px 24px;
  
}

.trending-section h2{

  margin-bottom:20px;

}

.trending-row{

  display:flex;
  gap:16px;

  overflow-x:auto;

}

.trending-card{

  min-width:150px;

}

.trending-card img{

  width:100%;

  border-radius:14px;

}

/* =========================
   FEED
========================= */

.explore-feed-section{
  max-width:1300px;
  margin:0 auto;
  padding:20px 80px 80px;
  box-sizing:border-box;
}

#exploreReviews,
#exploreRatings{
  max-width:1200px;
  margin:0 auto;
}

.explore-feed{

  display:flex;
  flex-direction:column;
  gap:22px;

  max-width:1100px;

  margin:auto;

}


.review-content{
  flex:1;
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  align-items:flex-start;
  text-align:left;
   max-width:700px;
}

.profile-header{

  position:sticky;
  top:0;

  z-index:9999;

  padding:20px 0;
backdrop-filter:blur(18px);

  background:
    rgba(8,22,35,.72);

  border-bottom:
    1px solid rgba(255,255,255,.05);
  box-shadow:none;

}

.review-header{
  width:100%;

  display:flex;
  justify-content:space-between;
  align-items:center;
  
  margin-bottom:12px;
}

.review-user{

  color:#d8b46b;

  font-weight:700;

}


.review-rating{

  background:
    rgba(216,180,107,.18);

  color:#f3d18c;

  padding:6px 12px;

  border-radius:999px;

  font-size:.85rem;

  font-weight:700;

}

.review-film{

  font-family:
    "Playfair Display",
    serif;

  font-size:1.8rem;

  color:#fff;

  margin:6px 0 6px;

}

.review-text{

  color:
    rgba(255,255,255,.82);
  line-height:1.8;
  margin-top:12px;
  font-size:.96rem;

}

.review-date{

  margin-top:16px;

  color:
    rgba(255,255,255,.45);

  font-size:.8rem;

}

.empty-text{

  text-align:center;

  color:#8ea2b8;

  padding:60px 0;

}


.explore-filters{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  margin-bottom:24px;
}

.explore-filters input,
.explore-filters select{

  background:#101827;
  border:1px solid #25324a;
  color:#fff;

  padding:12px 14px;
  border-radius:14px;

}

.review-content{
  display:flex;
  flex-direction:column;
  justify-content:center;
}

.review-film{
  font-size:2.2rem;
  margin:12px 0 18px;
}

.review-rating{
  position:absolute;
  top:20px;
  right:20px;

  padding:12px 18px;
  border-radius:999px;
}

.review-tag{
  display:inline-flex;

  align-items:center;

  padding:8px 14px;

  margin:14px 0 24px;

  border-radius:999px;

  background:rgba(255,255,255,.08);

  font-size:.8rem;

  letter-spacing:.08em;

  text-transform:uppercase;
}

/* ======================
   RECENSIONI
====================== */

#exploreReviews{

  display:flex;
  flex-direction:column;
  gap:24px;

}

.review-card{
  display:flex;

  gap:40px;

  padding:40px;

  min-height:420px;

  border-radius:24px;

  align-items:center;
}

.review-text{

  max-width:800px;

}

.review-date{
  margin-top:30px;

  padding-top:20px;

  border-top:1px solid rgba(255,255,255,.08);
}
.review-card:hover{

  transform:
    translateY(-4px);

  border-color:
    rgba(216,180,107,.25);

  box-shadow:
    0 12px 40px
    rgba(0,0,0,.25);

}

.review-poster{
  display:flex;
  align-items:center;
  justify-content:center;
}

.review-poster img{
  width:260px;
  height:390px;
  object-fit:cover;
  border-radius:18px;
}

.review-card:hover .review-poster img{
  transform:scale(1.03);
}

.review-header,
.review-film,
.review-text,
.review-date{
  text-align:left;
}

.review-placeholder{
  text-align:left;
  width:100%;
}
/* ======================
   EXPLORE FILTERS
====================== */

.explore-filters{
  display:flex;
  gap:12px;
  margin-bottom:30px;
  flex-wrap:wrap;
}

.explore-filters input,
.explore-filters select{

  height:48px;
  border:none;

  border-radius:14px;

  background:
    rgba(255,255,255,.08);

  color:#fff;

  padding:0 16px;

  backdrop-filter:blur(20px);

  border:1px solid
    rgba(255,255,255,.08);

  transition:.25s;
}

.explore-filters input{
  flex:1;
  min-width:280px;
}

.explore-filters select{
  min-width:160px;
}

.explore-filters input:focus,
.explore-filters select:focus{

  outline:none;

  border-color:
    rgba(216,180,107,.6);

  box-shadow:
    0 0 20px
    rgba(216,180,107,.25);
}


/* ======================
VOTI RAPIDI
====================== */

#exploreRatings{
  display:flex;
  gap:16px;
  overflow-x:auto;
  padding-bottom:10px;
}

.rating-card{
  display:flex;
  align-items:center;
  gap:16px;

  min-width:280px;

  padding:16px;

  border-radius:18px;

  background:rgba(4,16,30,.7);

  border:1px solid rgba(255,255,255,.08);
}

.rating-card:hover{

transform:
translateY(-4px);

border-color:
rgba(216,180,107,.3);

box-shadow:
0 12px 40px
rgba(0,0,0,.25);

}

.rating-card-poster{
  width:70px;
  height:100px;
  object-fit:cover;
  border-radius:10px;
}

.rating-card-title{

color:#fff;

font-size:1.05rem;

line-height:1.35;

margin-bottom:10px;

}

.rating-only-stars{

color:#f3d18c;

font-size:1.2rem;

font-weight:700;

margin-bottom:10px;

}

.rating-user{

color:#d8b46b;

font-size:.9rem;

margin-bottom:8px;

}

.rating-date{

color:
rgba(255,255,255,.45);

font-size:.75rem;

}

/* ======================
TITOLI SEZIONE
====================== */

.explore-title{

  display:flex;
  align-items:center;
  gap:12px;

  font-family:
    "Playfair Display",
    serif;

  font-size:2rem;

  margin:50px 0 24px;

  color:#fff;

}

.explore-title::after{

  content:"";

  flex:1;

  height:1px;

  background:
    rgba(216,180,107,.2);

}


.explore-feed-section h2{
  padding-left:40px;
  margin-bottom:20px;
}


#loadMoreBtn{

  display:block;

  margin:40px auto;

  padding:14px 26px;

  border:none;

  border-radius:14px;

  background:#d8b46b;

  color:#071019;

  font-weight:700;

  cursor:pointer;

  transition:.25s;

}

#loadMoreBtn:hover{

  transform:translateY(-2px);

  opacity:.9;

}

.review-user-box{
  display:flex;
  align-items:center;
  gap:10px;
}

.review-avatar{
  width:40px;
  height:40px;
  border-radius:50%;
  object-fit:cover;
}

.review-user{
  font-weight:600;
  color:#d7b56d;
}