/* KATMIRRA FAVORILERIM SAYFASI V1 */
.favorites-page{
  padding:28px 0 70px !important;
}

.favorites-hero{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:20px;
  margin-bottom:22px;
  padding:24px 28px;
  border:1px solid #ebe4e7;
  border-radius:12px;
  background:#fff;
}

.favorites-hero small{
  color:#9b5068;
  font:800 10px/1 Arial,sans-serif;
  letter-spacing:.13em;
}

.favorites-hero h1{
  margin:6px 0 4px;
  font:800 28px/1.15 Arial,Helvetica,sans-serif;
  color:#171317;
}

.favorites-hero p{
  margin:0;
  color:#71696e;
  font:400 13px/1.45 Arial,Helvetica,sans-serif;
}

.favorites-login-state,
.favorites-empty{
  padding:54px 22px;
  border:1px solid #e9e2e5;
  border-radius:12px;
  background:#fff;
  text-align:center;
}

.favorites-login-state h2,
.favorites-empty h2{
  margin:0 0 8px;
  font:800 21px/1.2 Arial,Helvetica,sans-serif;
}

.favorites-login-state p,
.favorites-empty p{
  margin:0 auto 18px;
  max-width:480px;
  color:#726a6f;
  font:400 13px/1.5 Arial,Helvetica,sans-serif;
}

.favorites-login-state button{
  min-width:170px;
  height:44px;
  border:0;
  border-radius:7px;
  background:#8d294b;
  color:#fff;
  font:800 13px/1 Arial,sans-serif;
  cursor:pointer;
}

.favorites-grid{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:16px;
}

.favorites-loading{
  padding:35px 0;
  color:#756d72;
  text-align:center;
  font:600 13px Arial,sans-serif;
}

@media(max-width:1200px){
  .favorites-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media(max-width:900px){
  .favorites-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:650px){
  .favorites-page{padding-top:18px}
  .favorites-hero{padding:18px;display:block}
  .favorites-hero h1{font-size:23px}
  .favorites-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
}