article{
	margin-bottom: 1rem;

	font-size: var(--fs-xs);
	line-height: var(--lh-s);
}

.button_to{
  box-sizing: border-box;
	padding: .5rem 1rem;

	text-decoration: none;

	color: var(--c-white);
	border-radius: .25rem;
	background-color: var(--c-old-red);

	font-size: var(--fs-sm);
	line-height: 1;
}

/* clean */
.button_to:hover{
  color: var(--c-white);
	background-color: var(--c-old-red-dark);
}

a.link_first{
	color: var(--c-old-blue);
	border-bottom: 1px solid var(--c-old-blue);

	font-size: var(--fs-s);
	line-height: var(--fs-l);
}
a.link_first:hover{
	border-bottom: 2px solid var(--c-old-blue);
}

.link_second{
	margin-bottom: .75rem;
}

/* end clean */

/*news*/
.announce{
  box-sizing: border-box;
  margin-bottom: 4rem;

	font-size: var(--fs-xs);
}

.announce h2{
  display: flex;
}

.announce h2 a{
	color: var(--c-text-primary);
}

.announce p{
	font-size: var(--fs-s);
	line-height: var(--lh-md)
}

.announce img{
	float: left;

	margin: .25rem 1rem 1rem 0;
}

.news_list{
  margin-bottom: 2rem;
}

.news_list li:not(:last-child){
  margin-bottom: 1.5rem;
}

.news_list li a{
	color: var(--c-text-primary);

  font-size: var(--fs-s);
  line-height: var(--lh-xs);
}
.news_list li a:hover{
	color: var(--c-old-red);
}

time{
	display: block;

  margin: .25rem 0;

  color: var(--c-text-quaternary);

	font-size: var(--fs-xxxs);
  font-weight: 600;
}

/*article*/
article,
article p{
  max-width: 60ch;
	margin: 0 0 1rem 0;

  font-size: var(--fs-m);
  line-height: var(--lh-l);
}

article h2{
	font-size: var(--fs-l);
	line-height: var(--lh-s);
}

article img{
  margin: 0 1rem 1rem 0;
}

article .img_big{
	display: block;

	width: 100%;
  max-width: 100%;
  height: auto;
	margin: .5rem auto;

	text-align: center;
}

article .img_big img{
	display: block;

  max-width: 100%;
}

article .img_big span{
	display: block;

	margin: .5rem;

	font-size: var(--fs-xs);
	font-style: italic;
}

article .img_med{
	float: left;
}


article a.sv_issue{
  display: block;

  margin: 0 0 .5rem 0;

  font-size: var(--fs-s);
}

#pagination{
  padding: .75rem;

  background-color: var(--c-old-gray-lighter);

  font-size: var(--fs-s);
}

#pagination a{
  margin: 0 .25rem;

	font-size: var(--fs-l);
}

/* dictionary */

#dictionary dt{
	margin-bottom: .5rem;

	font-size: var(--fs-md);
	font-weight: 600;
}

#dictionary dd{
  margin: 0 0 1.5rem 0;

	font-size: var(--fs-m);
	line-height: var(--lh-l);
}

#dictionary dt:first-of-type, #dictionary dd:first-of-type{
	padding-top: 1rem;
}


/*test*/

span.name_of_test{
	display: block;

	margin: 0;

	color: var(--c-text-secondary);

	font-size: var(--fs-xxs);
	font-weight: 600;
}

article .desc_block{
  box-sizing: border-box;
	margin-bottom: .5rem;
	padding: .5rem;

	border: 1px dotted var(--c-old-gray-light);
}

article .img_rate img{
	margin: 0;
}

article.sv_test{
	border-top: .5rem solid var(--c-old-gray-light);
}

article .price_rate{
	margin-left: 20px;

	font-size: var(--fs-xs);
	line-height: var(--lh-m);
}

article .awards {
	float: right;

	margin-right: 1rem;
}

article .awards img{
	margin: 0;
}

article .measurement h2{
	margin-top: 20px;

	border-bottom: 1px dotted var(--c-old-gray-light);

	font-size: var(--fs-s);
	font-weight: normal;
	font-style: normal;
}
article .measurement h3{
	font-size: var(--fs-s);
	font-weight: normal;
	font-style: normal;
}

/*catalog*/

#list_of_models{
  display: grid;

  margin-top: 1.5rem;

  gap: 1.5rem;
}

@media(min-width: 600){
  #list_of_models{
    grid-template-columns: 1fr 1fr;
  }
}

#list_of_models a strong{
	display: block;

	margin-bottom: -.75rem;

	color: var(--c-text-secondary);

	font-size: var(--fs-m);
	font-weight: normal;
	font-style: normal;
	line-height: var(--lh-s);
}

#list_of_models strong:hover{
	text-decoration: underline;

	color: var(--c-old-red);
}

#list_of_models li a em{
	margin: 0 .25rem;

	color: var(--c-text-secondary);

	font-size: var(--fs-s);
}

#list_of_models li a .test{
	margin: 0 .25rem;
	padding: .25rem .5rem;

	text-transform: uppercase;

	color: white;
	border-radius: 5px;
	background-color: var(--c-old-red-dark);

	font-size: var(--fs-xxs);
}

#list_of_models li a .test:hover{
	background-color: var(--c-old-red);
}

#list_of_models li a .comments{
	margin: 0 0 0 .25rem;

	color: var(--c-old-red-dark);

	font-size: var(--fs-xxs);
}

#list_of_models li a .comments:hover{
	color: var(--c-old-red);
}

.name_of_model{
  display: block;

  margin: 1rem 0;

  font-size: var(--fs-xs);
  font-weight: 600;
}

/*catalog model*/

#specification dt{
	color: var(--c-text-secondary);

	font-size: var(--fs-xxs);
}

#specification dd{
	margin: 0;

	color: var(--c-black);

	font-size: var(--fs-xxs);
}

#user_comments{
	font-size: var(--fs-xs);
	line-height: var(--lh-xs);
}

#user_comments .comment_meta{
	width: 100%;
	margin: .5rem 0;
	padding: .25rem;

	border-bottom: 1px solid var(--c-old-gray-light);
	border-left: 1px solid var(--c-old-gray-light);
	background-color: var(--c-old-gray-lighter);

	font-size: var(--fs-xs);
}

#user_comments .name{
	font-size: var(--fs-xxs);
	font-weight: 600;
}

#user_comments strong{
	text-transform: uppercase;

	color: var(--c-old-red);

	font-size: var(--fs-xs);

}
#user_comments .raiting strong{
  position: relative;
  top: .2rem;
}

#user_comments .comment_body{
  box-sizing: border-box;
	padding: 0 .5rem .5rem 1rem;
}

.comment_body{
  line-height: var(--lh-l);
}

#user_comments .subcomm{
  box-sizing: border-box;
	margin-top: 1rem;
	margin-left: 1.5rem;
	padding-top: .5rem;
	padding-left: .5rem;

	border-left: 1px dotted var(--c-old-gray-light);
}

/*play*/

#play_menu{
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: space-between;

  box-sizing: border-box;
  margin: .25rem -1.5rem;
  padding: .5rem 1.5rem;

	background-color: var(--c-old-gray-lighter);
}

#play_menu li{
  margin: .25rem;
}

#play_menu li a{
  display: flex;
  align-items: center;

	color: var(--c-test-secondary);

	font-size: var(--fs-xs);
	font-weight: 600;
}

#play_menu a:hover{
	color: var(--c-old-red);
}

#play_menu li a img{
	margin-right: .5rem;
}

/*movies and music*/
#list_of_art{
  display: grid;

  grid-template-columns: repeat(auto-fit, minmax(14rem, 1fr));
  column-gap: 1.5rem;
  row-gap: 1.5rem;
}

#list_of_art li{
  display: flex;
  flex-direction: column;

  padding: .75rem;

  border: 1px solid var(--c-text-tertiary);
  border-radius: .25rem;
}

#list_of_art li img{
	float: left;

	margin-right: 1rem;
}

#list_of_art a strong{
	color: var(--c-text-secondary);

	font-size: var(--fs-s);
}

#list_of_art a strong:hover{
	text-decoration: underline;

	color: var(--c-old-red);
}

#list_of_art em{
	color: var(--c-text-tertiary);

	font-size: var(--fs-xxs);
  line-height: var(--lh-xxs);
}

#list_of_art p{
	margin-top: .5rem;

	font-size: var(--fs-xxs);
  line-height: var(--lh-xxs);
}

#list_of_art section img,
article .rate_stars img{
	margin: .5rem 0 0 0;

  opacity: .8;
  border-radius: .1rem;
}

article .art_maker{
	font-size: var(--fs-xxs);
}

article .desc_block{
	font-size: var(--fs-xxs)
}

article section.rate_stars{
  box-sizing: border-box;
  margin: 1rem 0 1rem 1rem;
	padding: 0 0 0 1rem;

	border-left-width: 1px;
	border-left-style: dotted;

	font-size: var(--fs-xxs)
}

article p.reviewer{
	float: right;

	margin: 15px 20px 15px 0;

	text-align: right;

	font-size: var(--fs-xxs);
	font-weight: 600;
	font-style: italic;
}

/*movies_and_music*/

#movies_and_music{
  display: grid;

  grid-template-columns: repeat(auto-fill, minmax(16rem, 1fr));
  gap: 3rem;
}

#movies_and_music a{
  position: relative;
}

#movies_and_music .style_block{
	position: absolute;
  top: 0;
  left: 0;

  box-sizing: border-box;
	width: 100%;
	padding: .75rem;

	text-align: center;
  text-transform: uppercase;

	color: var(--c-text-white);
	background-color: rgba(10, 10, 10, 0.65);

	font-size: var(--fs-l);
}

#movies_and_music a img{
	width: 100%;
	height: auto;

  transition: filter .3s;

	filter: sepia(1);
}

#movies_and_music a:hover > img{
	filter: sepia(0);
}


/*sv_one_magazine & disk*/

article.sv_announce b{
	font-weight: normal;
	font-style: normal;
}

article.sv_announce h2{

}

article.sv_announce h3 a:hover{
	text-decoration: underline;

	color: var(--c-old-red);
}

article.sv_announce h3 a b:hover{
	color: var(--c-old-red);
}

article.sv_announce p b a{
	font-size: var(--fs-s);
}

article.sv_announce p b a:hover{
	text-decoration: underline;
}

#magazine_cover{
  display: flex;
  flex-wrap: wrap;

  margin: 1.5rem 0;
}


#magazines{
  box-sizing: border-box;
	width: 100%;
	margin: 1.5rem 0;
	padding: 1.5rem;

	background-color: var(--c-old-gray-lighter);
}

.magazine_year{
	display: flex;
  align-items: center;
  flex-wrap: wrap;

	margin-bottom: 1rem;
}

#magazines h1{
	margin-bottom: 1.5rem;
}

.magazine_year h2{
  margin-right: 1rem;

  font-size: var(--fs-l);
}

.magazine_year span{
	display: block;
}

.magazine_year span a{
	font-size: var(--fx-xxs);
}

.magazine_year span a:not(:last-child){
  margin-right: .5rem;
}

.magazine_year span a:hover{
  color: var(--c-old-red);
}

#disk h1{
	padding-top: 1rem;
}

#disk img{
	margin-top: 1rem;
	margin-bottom: 1.5rem;
}

#diskdesc{
	margin-top: 1.5rem;
}

/*catalog*/
.catalog{
	margin-bottom: 1rem;
} 

.catalog h2{
  margin-bottom: .75rem;

  color: var(--c-text-secondary);

  font-size: var(--fs-l);
	line-height: var(--lh-m);
}

.catalog li{
	font-size: var(--fs-s);
	line-height: var(--lh-m);
}

.catalog li:not(:last-child){
  margin-bottom: .5rem;
}

.catalog li a{
	color: var(--c-text-primary);
}

.catalog li a:hover{
	text-decoration: underline;

	color: var(--c-old-red);
}